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/)

SkillDescription
auth/nextauthNextAuth.js configuration
auth/oauthOAuth provider integration
auth/jwtFirst-party JWT session auth
auth/sessionSession management
auth/mfaMulti-factor authentication
auth/rbacRole-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/)

SkillDescription
database/prisma-crudPrisma CRUD operations
database/queriesOptimized query patterns
database/migrationsMigration strategies
database/transactionsTransaction handling
database/soft-deleteSoft delete implementation
database/multi-tenantMulti-tenancy patterns
database/full-text-searchSearch implementation

Example:

Use the database/transactions skill to implement a money transfer operation that updates multiple accounts atomically.

API (api/)

SkillDescription
api/route-handlerNext.js route handlers
api/server-actionServer actions patterns
api/validationInput validation with Zod
api/rate-limitingRate limiting implementation
api/paginationCursor and offset pagination
api/error-handlingError handling patterns
api/middlewareMiddleware patterns
api/versioningAPI versioning strategies

Example:

Use the api/validation skill to add Zod validation to the /api/users POST endpoint with proper error messages.

Payments (payments/)

SkillDescription
payments/stripeStripe setup
payments/checkoutCheckout flow
payments/subscriptionsRecurring billing
payments/webhooksWebhook handling
payments/usage-billingMetered billing
payments/invoicingInvoice generation

Example:

Use the payments/subscriptions skill to implement monthly and yearly subscription plans with Stripe.

UI (ui/)

SkillDescription
ui/formsForm patterns with validation
ui/modalsModal dialogs
ui/tablesData tables with sorting
ui/navigationNavigation components
ui/dropdownsDropdown menus
ui/tabsTab interfaces
ui/file-uploadFile upload handling
ui/command-paletteCommand palette (Cmd+K)

Example:

Use the ui/command-palette skill to add a searchable command palette triggered by Cmd+K.

Testing (testing/)

SkillDescription
testing/unitUnit test patterns
testing/integrationIntegration testing
testing/e2eEnd-to-end with Playwright
testing/mockingMocking strategies
testing/fixturesTest data fixtures
testing/coverageCoverage configuration

Example:

Use the testing/e2e skill to write Playwright tests for the checkout flow from cart to confirmation.

Security (security/)

SkillDescription
security/validationInput sanitization
security/rate-limitingBrute force protection
security/csrfCSRF protection
security/headersSecurity headers
security/audit-loggingAudit trail
security/encryptionData encryption

Example:

Use the security/audit-logging skill to log all admin actions with user, action, and timestamp.

AI (ai/)

SkillDescription
ai/streamingStreaming AI responses
ai/embeddingsVector embeddings
ai/ragRetrieval-augmented generation
ai/function-callingTool use patterns
ai/prompt-engineeringPrompt patterns

Example:

Use the ai/streaming skill to implement streaming chat responses from Claude in a Next.js app.

Performance (performance/)

SkillDescription
performance/cachingCaching strategies
performance/lazy-loadingLazy loading patterns
performance/optimizationPerformance optimization
performance/profilingProfiling setup

Example:

Use the performance/caching skill to add Redis caching to the product listing API.

State (state/)

SkillDescription
state/zustandZustand state management
state/react-queryReact Query patterns
state/url-stateURL-based state
state/contextReact Context patterns

Example:

Use the state/zustand skill to create a shopping cart store with add, remove, and clear actions.

Deployment (deployment/)

SkillDescription
deployment/dockerDocker configuration
deployment/ci-cdCI/CD pipelines
deployment/monitoringMonitoring setup
deployment/environmentsEnvironment management

Example:

Use the deployment/docker skill to create a multi-stage Dockerfile for this Next.js application.

Email (email/)

SkillDescription
email/templatesEmail templates
email/transactionalTransactional emails
email/queuesEmail queue handling
email/trackingEmail 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

TierAvailable Skills
FreeBuilt-in patterns (55+)
ProAll built-in + External skills catalog
TeamAll Pro + Custom team skill library

External Skills (Pro)

Pro users get access to external skills:

  • stripe-automation - Advanced Stripe patterns
  • github-automation - GitHub API integration
  • slack-automation - Slack bot patterns
  • posthog-automation - Analytics integration
  • vercel-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