Agent skill
mern-add-feature
Scaffold a new feature with API route, Zod schema, Mongoose model, and UI components.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/mern-add-feature
SKILL.md
Purpose
Add a complete feature slice to an existing MERN project with all layers wired up and tests included.
Arguments
feature-name— Feature name in kebab-case (e.g.,user-profile,invoice)--no-ui— Skip UI components (API-only feature)--no-api— Skip API route (frontend-only feature)--no-model— Skip Mongoose model (use existing model)
What gets created
Default (all layers)
packages/shared/schemas/<feature>.ts # Zod schemas + inferred types
apps/web/src/app/api/<feature>/route.ts # API route handler
apps/web/src/server/db/models/<feature>.ts # Mongoose model
apps/web/src/components/<feature>/ # UI components
<Feature>List.tsx
<Feature>Form.tsx
<Feature>Card.tsx
apps/web/src/components/<feature>/__tests__/
<Feature>Form.test.tsx
With flags
--no-ui: Only schema + API + model--no-api: Only schema + UI (for client-side-only features)--no-model: Only schema + API route + UI (uses existing model)
Conventions
Naming
- Feature name:
kebab-case(input) - Schema/types:
PascalCase(e.g.,UserProfile,CreateUserProfileInput) - Files:
kebab-case.tsfor utilities,PascalCase.tsxfor React - API routes:
/api/<feature>for collection,/api/<feature>/[id]for item
Schema location
All Zod schemas go in packages/shared/schemas/<feature>.ts:
Create<Feature>Schema— creation inputUpdate<Feature>Schema— partial update input<Feature>Schema— full entity shape- Inferred types exported alongside schemas
API route structure
GET /api/<feature>— list (paginated)POST /api/<feature>— createGET /api/<feature>/[id]— get onePATCH /api/<feature>/[id]— updateDELETE /api/<feature>/[id]— delete
Model conventions
- Timestamps enabled
- Indexes documented with reason
toJSONtransform to hide internal fields
Workflow
- Create Zod schemas in packages/shared
- Create Mongoose model (if not --no-model)
- Create API routes (if not --no-api)
- Create UI components (if not --no-ui)
- Create tests for each layer
- Run
pnpm lintandpnpm testto verify
Output
Summarize: files created, API endpoints available, components ready to use.
Reference
For templates and patterns, see reference/mern-add-feature-reference.md
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?