Using Skills
Skills are production-ready code patterns that you can instantly apply to your project. Instead of writing common functionality from scratch, use skills to get battle-tested implementations.
What Are Skills?
Skills are reusable code templates for common development tasks:
- Authentication flows - OAuth, JWT, sessions
- API endpoints - CRUD operations, validation
- Database patterns - Queries, migrations, transactions
- UI components - Forms, modals, tables
- Payment integration - Stripe, subscriptions
- Testing patterns - Unit, integration, E2E
Each skill includes:
- Complete, working code
- TypeScript types
- Best practices baked in
- Customization options
Using Skills
Natural Language
Ask your AI assistant:
Use the api-endpoint skill to create a GET /api/users endpoint with pagination.
Use the prisma-crud skill to create CRUD operations for a Product model.
Use the react-component skill to create a sortable data table.
CLI
MCP Tool
Use the bootspring_skill tool with query="stripe subscriptions" to find payment patterns.
Skill Categories
Authentication (auth/)
| Skill | Description |
|---|---|
auth/nextauth | NextAuth.js configuration |
auth/oauth | OAuth provider integration |
auth/jwt | First-party JWT session auth |
auth/session | Session management |
auth/mfa | Multi-factor authentication |
auth/rbac | Role-based access control |
Example:
Use the auth/jwt skill to set up first-party JWT authentication with
protected routes and session-backed user profile pages.
Database (database/)
| Skill | Description |
|---|---|
database/prisma-crud | Prisma CRUD operations |
database/queries | Optimized query patterns |
database/migrations | Migration strategies |
database/transactions | Transaction handling |
database/soft-delete | Soft delete implementation |
database/multi-tenant | Multi-tenancy patterns |
database/full-text-search | Search implementation |
Example:
Use the database/transactions skill to implement a money transfer
operation that updates multiple accounts atomically.
API (api/)
| Skill | Description |
|---|---|
api/route-handler | Next.js route handlers |
api/server-action | Server actions patterns |
api/validation | Input validation with Zod |
api/rate-limiting | Rate limiting implementation |
api/pagination | Cursor and offset pagination |
api/error-handling | Error handling patterns |
api/middleware | Middleware patterns |
api/versioning | API versioning strategies |
Example:
Use the api/validation skill to add Zod validation to the
/api/users POST endpoint with proper error messages.
Payments (payments/)
| Skill | Description |
|---|---|
payments/stripe | Stripe setup |
payments/checkout | Checkout flow |
payments/subscriptions | Recurring billing |
payments/webhooks | Webhook handling |
payments/usage-billing | Metered billing |
payments/invoicing | Invoice generation |
Example:
Use the payments/subscriptions skill to implement monthly and
yearly subscription plans with Stripe.
UI (ui/)
| Skill | Description |
|---|---|
ui/forms | Form patterns with validation |
ui/modals | Modal dialogs |
ui/tables | Data tables with sorting |
ui/navigation | Navigation components |
ui/dropdowns | Dropdown menus |
ui/tabs | Tab interfaces |
ui/file-upload | File upload handling |
ui/command-palette | Command palette (Cmd+K) |
Example:
Use the ui/command-palette skill to add a searchable command
palette triggered by Cmd+K.
Testing (testing/)
| Skill | Description |
|---|---|
testing/unit | Unit test patterns |
testing/integration | Integration testing |
testing/e2e | End-to-end with Playwright |
testing/mocking | Mocking strategies |
testing/fixtures | Test data fixtures |
testing/coverage | Coverage configuration |
Example:
Use the testing/e2e skill to write Playwright tests for the
checkout flow from cart to confirmation.
Security (security/)
| Skill | Description |
|---|---|
security/validation | Input sanitization |
security/rate-limiting | Brute force protection |
security/csrf | CSRF protection |
security/headers | Security headers |
security/audit-logging | Audit trail |
security/encryption | Data encryption |
Example:
Use the security/audit-logging skill to log all admin actions
with user, action, and timestamp.
AI (ai/)
| Skill | Description |
|---|---|
ai/streaming | Streaming AI responses |
ai/embeddings | Vector embeddings |
ai/rag | Retrieval-augmented generation |
ai/function-calling | Tool use patterns |
ai/prompt-engineering | Prompt patterns |
Example:
Use the ai/streaming skill to implement streaming chat responses
from Claude in a Next.js app.
Performance (performance/)
| Skill | Description |
|---|---|
performance/caching | Caching strategies |
performance/lazy-loading | Lazy loading patterns |
performance/optimization | Performance optimization |
performance/profiling | Profiling setup |
Example:
Use the performance/caching skill to add Redis caching to the
product listing API.
State (state/)
| Skill | Description |
|---|---|
state/zustand | Zustand state management |
state/react-query | React Query patterns |
state/url-state | URL-based state |
state/context | React Context patterns |
Example:
Use the state/zustand skill to create a shopping cart store
with add, remove, and clear actions.
Deployment (deployment/)
| Skill | Description |
|---|---|
deployment/docker | Docker configuration |
deployment/ci-cd | CI/CD pipelines |
deployment/monitoring | Monitoring setup |
deployment/environments | Environment management |
Example:
Use the deployment/docker skill to create a multi-stage Dockerfile
for this Next.js application.
Email (email/)
| Skill | Description |
|---|---|
email/templates | Email templates |
email/transactional | Transactional emails |
email/queues | Email queue handling |
email/tracking | Email analytics |
Example:
Use the email/transactional skill to send welcome emails
with React Email and Resend.
Skill Output Example
When you use a skill, you get production-ready code. Here's an example:
Request:
Use the api/route-handler skill to create a POST /api/posts endpoint
that creates a blog post with title, content, and author validation.
Generated Code:
Customizing Skills
Skill Preferences
Set default preferences in bootspring.config.js:
Custom Skill Templates
Create your own skill templates:
Combining Skills
Skills work great together. Combine them for complete features:
Example: User Management Feature
Step 1: Database schema
Use the database/prisma-crud skill for a User model with email,
name, and role fields.
Step 2: API endpoints
Use the api/route-handler skill to create CRUD endpoints for users.
Step 3: Validation
Use the api/validation skill to add input validation to user endpoints.
Step 4: UI
Use the ui/tables skill to create a user management table with
search and pagination.
Step 5: Testing
Use the testing/integration skill to test the user CRUD operations.
Searching Skills
By Keyword
By Category
In Your AI Assistant
Search Bootspring skills for payment integration options.
What skills are available for implementing real-time features?
Skill Tiers
| Tier | Available Skills |
|---|---|
| Free | Built-in patterns (55+) |
| Pro | All built-in + External skills catalog |
| Team | All Pro + Custom team skill library |
External Skills (Pro)
Pro users get access to external skills:
stripe-automation- Advanced Stripe patternsgithub-automation- GitHub API integrationslack-automation- Slack bot patternsposthog-automation- Analytics integrationvercel-automation- Deployment automation- And more...
Best Practices
1. Check Before Writing
Before implementing common features, check for a skill:
Search Bootspring skills for [your feature].
2. Customize After Generating
Skills provide a starting point. Customize for your needs:
Use the auth/jwt skill for setup, then modify the user
profile page to include avatar upload.
3. Combine with Agents
Use skills for code, agents for guidance:
Use the database-expert agent to help me understand the
prisma-crud skill output and optimize the queries.
4. Keep Skills Updated
Skills are versioned. Check for updates:
Troubleshooting
"Skill not found"
Check available skills:
"Generated code doesn't match my project"
Update your preferences:
"Need a skill that doesn't exist"
Request it or use an agent:
Use the frontend-expert agent to create a custom date picker
component since there's no skill for it.
Next Steps
- Workflows Introduction - Automate multi-step processes
- Skills Reference - Complete skill documentation
- Patterns Library - Browse all patterns