skills.rest
atilladeniz
atilladenizCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

feature-generator

Generate full-stack feature scaffolds for Go/Goca backends and React frontends.

2|Updated Dec 3, 2025
Search Tags:#full-stack#scaffolding#clean architecture#next.js#go#crud#feature generation#goca
One-click install
npx skills add https://github.com/atilladeniz/next-go-pg --skill feature-generator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: feature-generator
Source: https://github.com/atilladeniz/next-go-pg/tree/main/.claude/skills/feature-generator
Command: npx skills add https://github.com/atilladeniz/next-go-pg --skill feature-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill dramatically accelerates full-stack development by automating the scaffolding of new features. It generates all necessary backend layers (Entity, Repository, UseCase, Handler) with Goca and guides the integration with the frontend, ensuring consistent Clean Architecture and Feature-Sliced Design patterns. This saves significant time on boilerplate code and architectural setup.

Core Features & Use Cases

  • Goca Backend Generation: Quickly create Go backend layers for new features with specified fields.
  • Automated API Client Generation: Integrates with make api to generate type-safe frontend hooks after backend changes.
  • Server-Side Data Loading Pattern: Provides a robust HydrationBoundary pattern for flicker-free data loading in Next.js.
  • Use Case: To quickly add a new "Order" feature with CRUD operations, use goca feature Order --fields 'item:string, quantity:int' to scaffold the backend, then follow the steps to generate the API and set up the frontend pages with server-side data loading.

Quick Start

Generate a new full-stack feature named 'Task' with fields 'title:string, completed:bool' using the Goca CLI, and then describe the next steps to integrate it into the frontend.

Frequently Asked Questions about feature-generator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a full-stack feature with Go and React?▼

Scaffolding a full-stack feature generates backend layers (Entity, Repository, UseCase, Handler) in Go using Goca, plus frontend integration with React. Run `goca feature [FeatureName] --fields '[field:type]'` to create the backend structure, then use `make api` to generate type-safe API clients, and set up Next.js pages with HydrationBoundary for server-side data loading.

Can I generate CRUD operations automatically for a new feature?▼

Yes. Goca feature generation creates full CRUD backend scaffolding automatically—Entity, Repository with query methods, UseCase for business logic, and HTTP handlers. The frontend integrates via Orval-generated API hooks and shadcn/ui components, with Swagger/OpenAPI documentation generated alongside.

What's the fastest way to add a new page with data loading in Next.js?▼

Use the HydrationBoundary pattern provided by this Skill for server-side data loading in Next.js, eliminating flicker. After scaffolding the backend feature with Goca and generating the API client, wrap your page component with HydrationBoundary and fetch data server-side before rendering.

Does this work with shadcn/ui and Orval for frontend development?▼

Yes. The Skill integrates shadcn/ui components for the frontend UI layer and Orval to auto-generate type-safe API clients from your backend's OpenAPI spec after running `make api`, ensuring frontend and backend stay synchronized.

What Clean Architecture patterns does the generated code follow?▼

Generated code follows Clean Architecture with layered separation—Entity, Repository, UseCase, and Handler—plus Feature-Sliced Design on the frontend. The Skill ensures consistent patterns across backend and frontend, with automatic entity registry updates and hydration-based data flows.

Can I customize fields when generating a feature?▼

Yes. Specify field names and types in the Goca command using `--fields 'fieldName:fieldType'` syntax (e.g., `item:string, quantity:int`). The generator creates schema-aligned backend entities, repositories, and handlers, then reflects those fields in frontend API clients and UI components.

Related Skills

Explore More Software Engineering Skills→
MadAppGangMadAppGang
278

api-integration

Generate TypeScript types, axios clients, and TanStack Query hooks from OpenAPI specs.

Official
Intermediate
giuseppe-trisciuogliogiuseppe-trisciuoglio
322

spring-boot-openapi-documentation

Generate OpenAPI 3.0 documentation and Swagger UI for Spring Boot 3.x applications.

Community
Advanced
atilladenizatilladeniz
2

data-fetching

Enforce Orval-generated API wrappers with TanStack Query HydrationBoundary for data fetching.

Community
Intermediate
iCesofTiCesofT
1

spring-boot-engineer

Generate Spring Boot 3.x scaffolding with REST controllers, security, and data access.

Community
Advanced