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#
Loading code block...
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:
Loading code block...
Customizing Skills#
Skill Preferences#
Set default preferences in bootspring.config.js:
Loading code block...
Custom Skill Templates#
Create your own skill templates:
Loading code block...
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#
Loading code block...
By Category#
Loading code block...
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:
Loading code block...
Troubleshooting#
"Skill not found"#
Check available skills:
Loading code block...
"Generated code doesn't match my project"#
Update your preferences:
Loading code block...
"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