Menu
Use this skill when creating new Claude Code skills, defining skill structures, or helping users build custom auto-invoked skills.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
WHEN to auto-invoke: Creating API routes, building endpoints, adding route.ts files, implementing REST/GraphQL APIs, adding authentication to APIs, rate limiting, API validation with Zod, handling HTTP methods (GET/POST/PUT/DELETE). WHEN NOT to invoke: Pure frontend work, styling, React components without API calls, documentation-only tasks, database migrations without API changes.
WHEN to auto-invoke: Code review requests, refactoring code, cleaning up code, performance optimization, security audits, linting issues, reducing technical debt. WHEN NOT to invoke: Building new features (use domain-specific skills), initial implementation, documentation-only work.
WHEN to auto-invoke: Database schema design, creating migrations, writing SQL queries, query optimization, Supabase operations, Prisma/Drizzle schema changes, PostgreSQL tasks, RLS policies, indexes. WHEN NOT to invoke: Pure frontend work, API logic without database, styling, React components, deployment tasks.
WHEN to auto-invoke: Creating CI/CD pipelines, GitHub Actions workflows, Docker/containerization, Vercel/Netlify deployment, infrastructure as code, environment variables, deployment configurations. WHEN NOT to invoke: Application code changes, UI development, database schema design, testing application logic.
WHEN to auto-invoke: Creating UI components, building React/Vue/Svelte components, Next.js pages, styling with Tailwind/CSS, state management setup, form handling, accessibility improvements, client-side interactivity. WHEN NOT to invoke: API-only work, database operations, backend logic, DevOps/deployment, pure testing without UI.
Use this skill for isolated branch workflows and parallel development. Activates when working on features that need isolation, switching contexts, or managing multiple branches.
| name | skill-creator |
| description | Use this skill when creating new Claude Code skills, defining skill structures, or helping users build custom auto-invoked skills. |
You have expertise in creating Claude Code skills - auto-invoked capabilities that activate based on context.
This skill activates for:
---
name: skill-name
description: When Claude should auto-invoke this skill. Be specific about triggers.
---
# Skill Name
Brief description of your expertise.
## When to Use
Bullet points of scenarios that trigger this skill:
- Scenario 1
- Scenario 2
- Scenario 3
## Core Capabilities
### Capability 1
Explanation and code examples...
### Capability 2
Explanation and code examples...
## Patterns & Templates
Code templates that users commonly need...
## Best Practices
1. **Practice 1** - Explanation
2. **Practice 2** - Explanation
## Common Pitfalls
- Pitfall 1: How to avoid
- Pitfall 2: How to avoid
---
name: kebab-case-name # Required: unique identifier
description: | # Required: triggers auto-invocation
Detailed description of when Claude should use this skill.
Include keywords that users might mention.
disable-model-invocation: false # Optional: set true for manual-only
---
.claude/skills/
├── api-development/ # REST API, GraphQL, webhooks
├── frontend-development/ # React, Vue, components
├── database-operations/ # SQL, ORMs, migrations
├── testing/ # Unit, E2E, integration
└── devops/ # CI/CD, Docker, deployment
.claude/skills/
├── fintech/ # Payments, compliance, security
├── healthcare/ # HIPAA, HL7, medical systems
├── ecommerce/ # Carts, checkout, inventory
└── analytics/ # Metrics, dashboards, tracking
.claude/skills/
├── mcp-builder/ # Creating MCP servers
├── playwright/ # Browser automation
├── prisma/ # ORM operations
└── supabase/ # BaaS integration
description: |
Use this skill when creating REST API endpoints, handling HTTP requests,
implementing authentication/authorization, or adding rate limiting.
Activates for Next.js API routes, Express handlers, and Fastify routes.
description: Helps with backend development
Include keywords users might say:
## Quick Start
\`\`\`typescript
// Immediately useful code snippet
export function example() {
// Implementation
}
\`\`\`
## Templates
### Basic Template
\`\`\`typescript
// Copy-paste ready code
\`\`\`
### Advanced Template
\`\`\`typescript
// More complex example
\`\`\`
## Configuration
### package.json
\`\`\`json
{
"dependencies": { ... }
}
\`\`\`
### Environment Variables
- `API_KEY` - Your API key
- `DATABASE_URL` - Connection string
## Common Patterns
### Pattern 1: Name
Use when: [scenario]
\`\`\`typescript
// Implementation
\`\`\`
### Pattern 2: Name
Use when: [scenario]
\`\`\`typescript
// Implementation
\`\`\`
Bundle related capabilities:
.claude/skills/fullstack-nextjs/
├── SKILL.md # Main skill file
├── api-patterns.md # Additional context
├── component-library.md # Reference material
└── deployment.md # Deployment patterns
Main SKILL.md references others:
## Related Resources
See also:
- [API Patterns](./api-patterns.md)
- [Component Library](./component-library.md)
.claude/skills/skill-name/SKILL.mdAdd to plugin structure:
.claude/skills/
└── my-skill/
└── SKILL.md
Share skill file directly - users place in their .claude/skills/ directory.
name: react-forms
description: |
Use when building forms in React: form validation with react-hook-form,
Zod schemas, error handling, form submission, and field components.
name: fullstack-development
description: |
Use for full-stack web development: Next.js pages and API routes,
database integration, authentication, deployment, and DevOps.