Spike Templates - Enterprise Development Accelerators 6,200+ Production-Ready Templates for instant prototyping and development acceleration. Transform ideas into working code in seconds with Fluorite MCP's comprehensive template library.
🚀 Quick Start bash # Discover templates using natural language
fluorite-mcp discover "authentication system"
fluorite-mcp discover "React form with validation"
fluorite-mcp discover "REST API with PostgreSQL"
# Auto-select and apply the best template
fluorite-mcp auto-spike "Create login system for Next.js app"
# Preview before applying
fluorite-mcp preview-spike nextauth-setup --params app_name=my-app
# Apply template with parameters
fluorite-mcp apply-spike nextauth-setup \
--params app_name=my-app,database_url=postgresql://...
What is Spike-Driven Development? A Spike is a time-boxed experiment (typically 1-3 days) designed to answer a specific question or resolve a technical uncertainty. The goal is not to produce production-quality code, but to gain knowledge and validate an approach.
When to Use Spike Templates 🔬 Technology Evaluation : "Can we use react-dnd
for our complex tree view?"⚡ Feasibility Testing : "Is it possible to achieve real-time updates with WebSockets for 1,000 concurrent users?"🧪 Prototype Development : "What's the best way to implement this custom validation algorithm?"🎨 UX Validation : "Will this new drag-and-drop interaction feel intuitive to users?"🚀 Rapid Prototyping : "Build a working demo for stakeholder review"📚 Learning New Tech : "Explore Next.js App Router capabilities"💎 Key Benefits Instant Development Environment ⚡ Zero Setup Time : Working prototype in seconds, not hours🏆 Production Quality : Industry best practices and TypeScript types included🔧 Pre-configured : Dependencies, build tools, and testing ready to go🎯 Focus on Value : Spend time on business logic, not boilerplateTemplate Intelligence 🧠 Natural Language Discovery : Find templates using plain English🤖 Auto-Selection : AI chooses the optimal template for your needs🔄 Smart Merging : Intelligent conflict resolution when applying templates📊 Usage Analytics : Learn from successful template applications🛠️ Template Discovery & Application Discovery Methods Natural Language Search bash # Find templates using descriptive queries
fluorite-mcp discover "JWT authentication with refresh tokens"
fluorite-mcp discover "React dashboard with charts"
fluorite-mcp discover "Serverless API with DynamoDB"
Category Browsing bash # Browse by category
fluorite-mcp list-spikes --category authentication
fluorite-mcp list-spikes --category frontend --framework react
fluorite-mcp list-spikes --category database --type nosql
Keyword Filtering bash # Filter by specific technologies
fluorite-mcp discover --keywords "s3,presigned,upload"
fluorite-mcp discover --keywords "kafka,streaming,event"
fluorite-mcp discover --keywords "redis,cache,session"
Application Workflow 1. Preview Template bash # See what will be generated
fluorite-mcp preview-spike nextauth-jwt \
--params app_name=my-app,port= 3000
2. Apply with Parameters bash # Generate files with custom configuration
fluorite-mcp apply-spike nextauth-jwt \
--params app_name=my-app, \
database_url=postgresql://localhost/mydb, \
jwt_secret= $( openssl rand -base64 32 )
3. Conflict Resolution bash # Handle existing files intelligently
fluorite-mcp apply-spike api-routes \
--strategy three_way_merge # or: overwrite, abort
Overview Spike templates are production-ready scaffolds that implement the Spike development methodology: minimal app creation → validation → integration . Each template provides working code with best practices built-in.
Template Categories 🌐 Frontend Frameworks (180+ templates) Next.js Ecosystem (150+ templates) Template Description Use Case nextjs-minimal
Basic SSR Next.js app with TypeScript Starting point for any Next.js project nextjs-app-router-rsc-fetch
App Router with Server Components Modern Next.js development nextjs-api-hello
Simple API route handler Backend API development nextjs-api-edge
Edge API runtime optimization High-performance APIs nextjs-api-zod-router
Type-safe API with Zod validation Robust API development nextjs-auth-nextauth-credentials
Complete authentication flow User management systems nextjs-auth0-minimal
Auth0 integration Enterprise authentication nextauth-github-provider
GitHub OAuth authentication Social login nextauth-google-provider
Google OAuth authentication Social login clerk-nextjs-minimal
Clerk authentication Modern auth platform nextjs-supabase-auth
Supabase authentication BaaS authentication nextjs-edge-middleware
Edge middleware patterns Request processing nextjs-env-zod-validate
Environment validation Configuration management nextjs-file-upload-route
File upload handling File management features nextjs-form-server-action
Server Actions for forms Modern form handling nextjs-i18n-minimal
Internationalization setup Multi-language applications nextjs-image-optimization
Next.js Image optimization Performance optimization nextjs-isr-page
Incremental Static Regeneration Dynamic static sites nextjs-middleware-basic-auth
Authentication middleware Security implementation nextjs-prisma-sqlite-crud
Full-stack CRUD with Prisma Database-driven applications nextjs-ratelimit-middleware
Rate limiting implementation API protection nextjs-route-params
Dynamic route handling URL parameter processing nextjs-s3-presigned-upload
AWS S3 file uploads Cloud file storage nextjs-gcs-signed-url
Google Cloud Storage uploads GCS integration nextjs-route-headers-cookies
Headers and cookies handling API utilities nextjs-route-streaming
Streaming API responses Real-time data nextjs-edge-fetch-cache
Edge fetch cache control Performance optimization nextjs-route-error-retry
Error handling with retry Resilience patterns nextjs-middleware-ab-test
A/B testing middleware Experimentation nextjs-safe-action
Type-safe server actions Secure action handling nextjs-supabase-client
Supabase integration Full-stack development nextjs-upstash-ratelimit
Upstash rate limiting Distributed rate limiting nextauth-prisma-adapter
NextAuth Prisma adapter Auth database integration nextjs-isr-on-demand
On-demand ISR revalidation Dynamic static regeneration nextjs-middleware-geo-target
Geo-targeting middleware Location-based routing nextjs-prom-client-metrics
Prometheus metrics endpoint Monitoring integration nextjs-route-formdata-upload
FormData file upload File handling
React Ecosystem (17 templates) Template Description Stack react-vite-minimal
React + Vite TypeScript starter React, Vite, TypeScript react-hook-form-zod-login
Form validation with Zod React Hook Form, Zod react-hook-form-yup-login
Form validation with Yup React Hook Form, Yup react-hook-form-valibot-login
Form validation with Valibot React Hook Form, Valibot react-i18next-minimal
Internationalization i18next react-intl-minimal
React Intl internationalization React Intl react-jotai-minimal
Atomic state management Jotai react-redux-toolkit-counter
Redux state management Redux Toolkit react-tanstack-query-fetch
Data fetching and caching TanStack Query react-zustand-counter
Lightweight state management Zustand react-tailwind-vite
React + Tailwind CSS + Vite Tailwind CSS
Vue Ecosystem (2 templates) Template Description Features vue-vite-minimal
Vue 3 + Vite starter Composition API, TypeScript vue-pinia-minimal
Vue 3 with Pinia state management Pinia, reactive state
Other Frameworks (3 templates) Template Description Framework nuxt-minimal
Nuxt.js starter Universal Vue.js sveltekit-minimal
SvelteKit application Svelte + Kit next-tailwind-setup
Next.js + Tailwind CSS setup Styling framework next-shadcn-setup
Next.js shadcn/ui Setup Modern UI components next-shadcn-tabs
Next.js shadcn/ui Tabs Tab navigation component next-shadcn-toast
Next.js shadcn/ui Toast Toast notification component next-shadcn-dropdown
Next.js shadcn/ui Dropdown Dropdown menu component next-shadcn-dialog
Next.js shadcn/ui Dialog Modal dialog component next-shadcn-badge
Next.js shadcn/ui Badge Small rounded badge next-shadcn-combobox-async
Async shadcn/ui Combobox Async options loading next-shadcn-drawer
Next.js shadcn/ui Drawer Bottom drawer panel next-shadcn-sheet
Next.js shadcn/ui Sheet Side sheet panel next-shadcn-avatar-badge
Next.js shadcn/ui Avatar + Badge Avatar with status next-shadcn-combobox
Next.js shadcn/ui Combobox Searchable select next-shadcn-select
Next.js shadcn/ui Select Dropdown select
🚀 Backend Frameworks (59+ templates) FastAPI Ecosystem (24 templates) Template Description Features fastapi-minimal
Basic FastAPI app Health endpoint, async support fastapi-jwt-auth
JWT authentication Secure API authentication fastapi-oauth2-password
OAuth2 password flow Standard OAuth2 implementation fastapi-dependency-injection
Dependency injection patterns Clean architecture fastapi-background-tasks
Background task processing Async task handling fastapi-websockets
WebSocket implementation Real-time communication fastapi-cors
CORS configuration Cross-origin requests fastapi-settings-pydantic
Configuration management Pydantic settings fastapi-logging-uvicorn
Structured logging Production logging fastapi-openapi-tags
API documentation OpenAPI specification fastapi-pydantic-v2-models
Pydantic v2 models Modern data validation fastapi-pytest-minimal
Testing setup Unit testing framework fastapi-depends-override-test
Dependency testing Test isolation fastapi-alembic-minimal
Database migrations SQLAlchemy migrations fastapi-celery-skeleton
Celery task queue Distributed task processing fastapi-redis-cache
Redis caching Performance optimization fastapi-sqlalchemy-postgres
PostgreSQL integration Production database fastapi-sqlmodel-sqlite
SQLModel with SQLite Modern ORM fastapi-motor-mongodb
MongoDB async driver NoSQL database fastapi-opentelemetry
Observability tracing Performance monitoring fastapi-bg-db-sqlite
Background DB writes SQLite async operations fastapi-oauth2-scopes
OAuth2 with scopes Fine-grained permissions
Node.js Ecosystem (4 templates) Template Description Use Case express-minimal
Basic Express.js server Traditional Node.js APIs express-cors
Express with CORS Cross-origin API server express-opentelemetry
Express with tracing Observability fastify-minimal
High-performance Fastify Fast Node.js APIs fastify-prometheus-metrics
Metrics collection Performance monitoring fastify-rate-limit
Rate limiting API protection
Go Ecosystem (3 templates) Template Description Framework go-gin-minimal
Gin web framework High-performance Go APIs go-echo-minimal
Echo web framework Minimalist Go framework go-grpc-minimal
gRPC service High-performance RPC
Rust Ecosystem (2 templates) Template Description Framework rust-axum-minimal
Axum web framework Modern async Rust rust-actix-minimal
Actix web framework High-performance Rust
🧪 Testing & Quality (58+ templates) Playwright Testing (11 templates) Template Description Capability playwright-minimal
Basic E2E testing setup Cross-browser testing playwright-axe-accessibility
Accessibility testing WCAG compliance playwright-ct-react
Component testing React component tests playwright-data-fixture
Test data management Data-driven testing playwright-docker-ci
Containerized testing CI/CD integration playwright-network-intercept
Network mocking API testing playwright-parallel-shards
Parallel test execution Performance optimization playwright-report-allure
Advanced reporting Test result visualization playwright-trace-on-failure
Debug tracing Test debugging playwright-visual-regression
Visual regression testing UI snapshot comparison
Template Description Purpose api-contract-jest-openapi
OpenAPI contract testing API validation gitleaks-action
Detect secrets in code Security scanning secretlint-config
Secret detection config Security configuration
GitHub Actions CI/CD (32 templates) Template Description Purpose gha-node-ci
Node.js CI pipeline Basic CI setup gha-node-pnpm
pnpm package manager Alternative package manager gha-playwright
Playwright test automation E2E testing gha-docker-build-push
Docker image CI/CD Container deployment gha-lint-typecheck-split
Code quality checks Static analysis gha-env-deploy-gates
Environment deployment Staged deployments gha-secrets-scan
Security scanning Vulnerability detection gha-codeql-analysis
Code security analysis GitHub security gha-dependency-review
Dependency security Supply chain security gha-npm-audit
NPM security audit Package vulnerability scan gha-pr-label-conditional
Conditional workflows PR automation gha-release-drafter
Release automation Release management gha-release-please
Automated releases Semantic versioning gha-monorepo-matrix
Monorepo CI Multi-package testing gha-monorepo-matrix-turbo-pnpm
Turbo + pnpm monorepo Modern monorepo CI gha-e2e-pipeline
End-to-end test pipeline Complete CI/CD gha-python-pytest
Python testing Python CI pipeline gha-go-test
Go testing Go CI pipeline gha-syft-sbom
Software Bill of Materials Security compliance gha-zap-baseline
OWASP ZAP security testing Security testing gha-artifact-upload
Upload build artifacts CI artifact management gha-cloudflare-pages-preview
Cloudflare Pages preview Preview deployments gha-cloudfront-invalidate
CloudFront cache invalidation CDN cache management gha-pr-comment-e2e
E2E test PR comments PR automation gha-snyk-scan
Snyk security scanning Vulnerability detection gha-turbo-cache
Turborepo remote cache Build performance gha-vercel-preview
Vercel preview deployment Preview environments
🎨 UI Components & Libraries (72+ templates) Component Libraries Template Description Library mui-react-minimal
Material-UI components Google Material Design mui-react-hook-form
MUI + React Hook Form Form integration mui-grid-minimal
MUI Grid layout system Responsive layouts mui-datagrid-minimal
MUI X DataGrid Advanced data tables mui-dialog-minimal
MUI Dialog Modal dialogs mui-stepper-minimal
MUI Stepper Multi-step forms mui-form-helpertext-validation
MUI form validation Field validation display radix-ui-dialog-minimal
Radix UI dialog component Accessible primitives radix-popover-minimal
Radix UI Popover Floating UI element radix-tooltip-minimal
Radix UI Tooltip Contextual information radix-contextmenu-minimal
Radix UI Context Menu Right-click menus radix-menubar-minimal
Radix UI Menubar Application menu bars radix-accordion-minimal
Radix UI Accordion Collapsible content panels radix-slider-minimal
Radix UI Slider Range input control radix-switch-minimal
Radix UI Switch Toggle switch control radix-dropdown-menu-minimal
Radix UI Dropdown Menu Select menu component headlessui-dialog-minimal
Headless UI components Unstyled components tanstack-table-react-minimal
Data table implementation TanStack Table tanstack-table-sorting
TanStack Table with sorting Advanced table features tanstack-table-grouping
TanStack Table with grouping Row grouping tanstack-table-rowselection
TanStack Table with selection Checkbox selection tanstack-table-pagination
TanStack Table pagination Client-side pagination ag-grid-react-minimal
Enterprise data grid AG Grid
Interactive Components Template Description Functionality dnd-kit-minimal
Drag and drop interface Modern DnD implementation react-dnd-minimal
React DnD implementation Traditional DnD
🗄️ Data & State Management (35+ templates) Database Integration Template Description Database docker-compose-postgres
PostgreSQL with Docker Development database prisma-postgres-migrate
Prisma + Postgres migrations Database schema management prisma-compound-unique
Prisma compound unique indexes Multi-column uniqueness prisma-indexes
Prisma index optimization Performance indexes typeorm-postgres-minimal
TypeORM + Postgres Enterprise ORM typeorm-cli-generate
TypeORM CLI migrations Schema migration generation typeorm-migration
TypeORM migration config Migration run script prisma-relations
Prisma 1:N relations User-Post relationship prisma-transaction
Prisma transactions Multi-operation atomicity sqlite-wal-config
SQLite WAL configuration High-performance SQLite node-redis-cache
Redis caching In-memory cache node-bullmq-queue
BullMQ job queue Task processing
Real-time Communication Template Description Protocol socketio-minimal
Socket.IO real-time WebSocket communication node-ws-websocket
Native WebSocket Low-level WebSocket node-kafkajs-producer-consumer
Apache Kafka Message streaming kafka-consumer-group
Kafka consumer groups Group processing rabbitmq-amqplib
RabbitMQ messaging Message queuing redis-pubsub-ioredis
Redis Pub/Sub Real-time events redis-streams-ioredis
Redis Streams Stream processing nats-js-minimal
NATS.js Pub/Sub Lightweight messaging
☁️ Infrastructure & DevOps (40+ templates) Container & Orchestration Template Description Technology dockerfile-next-standalone
Next.js Docker image Containerization docker-compose-postgres
PostgreSQL development Local development docker-compose-otel-loki-tempo
OpenTelemetry stack Observability docker-compose-prom-grafana
Prometheus + Grafana Monitoring stack k8s-nextjs-deployment
Kubernetes deployment Container orchestration k8s-ingress-cert-manager
Ingress with TLS certificates Kubernetes networking
Template Description Provider cloudflare-workers-minimal
Edge computing Cloudflare Workers cloudflare-r2-signed-url
R2 storage signed URLs Cloudflare R2 vercel-json-minimal
Vercel configuration Serverless deployment serverless-framework-lambda-ts
AWS Lambda TypeScript Serverless functions s3-multipart-post-policy
S3 multipart uploads AWS S3
Infrastructure as Code Template Description Tool terraform-aws-s3-cloudfront
AWS CDN setup Terraform terraform-aws-elasticache-redis
ElastiCache Redis cluster Terraform pulumi-aws-s3-website-ts
Static site hosting Pulumi TypeScript pulumi-aws-rds-ts
RDS database instance Pulumi TypeScript
📊 Monitoring & Observability (15+ templates) Logging & Metrics Template Description Technology node-winston-logger
Structured logging Winston python-structlog-minimal
Python structured logging Structlog fastapi-opentelemetry
Distributed tracing OpenTelemetry express-opentelemetry
Express.js tracing OpenTelemetry node-otel-metrics-logs
OTLP metrics and logs OpenTelemetry SDK grafana-dashboard-minimal
Grafana dashboard JSON Monitoring dashboards
Validation & Quality Template Description Purpose zod-to-openapi-minimal
Schema to OpenAPI API documentation openapi-cli-validate
OpenAPI validation API spec validation prism-mock-openapi
Mock OpenAPI specs API mocking
Monorepo Management Template Description Tool nx-monorepo-minimal
Nx workspace skeleton Nx monorepo pnpm-workspace-minimal
pnpm workspace setup pnpm workspaces turborepo-minimal
Turbo monorepo config Turborepo
Template Structure Each Spike template follows a consistent JSON structure:
json {
"id" : "template-identifier" ,
"name" : "Human-readable Template Name" ,
"version" : "1.0.0" ,
"stack" : [ "technology" , "framework" ],
"tags" : [ "category" , "feature" ],
"description" : "Brief description of what this template provides" ,
"params" : [
{
"name" : "parameter_name" ,
"required" : false ,
"default" : "default_value"
}
],
"files" : [
{
"path" : "{{param}}/relative/path/to/file" ,
"template" : "File content with {{param}} substitution"
}
],
"patches" : []
}
Usage with /fl: Commands Basic Template Application bash # Discover available templates
/fl:discover "React form validation"
# Result: Suggests react-hook-form-zod-login
# Apply template automatically
/fl:implement "Create a login form with validation" --framework react
# Result: Applies react-hook-form-zod-login template
Advanced Spike Workflows bash # Complete Spike development cycle
/fl:implement --loop --wave-mode --delegate --until-perfect --ultrathink --all-mcp "ドラッグアンドドロップできるツリービュー"
# Automatic workflow:
# 1. Template Discovery: dnd-kit-minimal or react-dnd-minimal
# 2. Minimal App Creation: Standalone component app
# 3. Validation: Test drag-drop functionality
# 4. Integration: Merge into main application
Framework-Specific Workflows Next.js Development bash # API development
/fl:implement "FastAPI-style API routes" --framework nextjs
# Templates: nextjs-api-zod-router, nextjs-api-edge
# Authentication
/fl:implement "User authentication system" --framework nextjs
# Templates: nextjs-auth-nextauth-credentials, nextjs-auth0-minimal
# Performance optimization
/fl:implement "Image optimization and ISR" --framework nextjs
# Templates: nextjs-image-optimization, nextjs-isr-page
FastAPI Development bash # Complete API with auth
/fl:implement "API with JWT authentication and background tasks" --framework fastapi
# Templates: fastapi-jwt-auth, fastapi-background-tasks
# Database integration
/fl:implement "API with PostgreSQL and caching" --framework fastapi
# Templates: fastapi-sqlalchemy-postgres, fastapi-redis-cache
Template Discovery By Technology Stack React : 11 templates for SPA developmentNext.js : 26 templates for full-stack applications (including shadcn/ui)FastAPI : 21 templates for Python APIsVue/Nuxt : 3 templates for Vue.js ecosystemGo : 3 templates for high-performance backendsRust : 2 templates for systems programmingBy Use Case Authentication : 4 templates (JWT, OAuth2, Auth0, NextAuth)Database : 11 templates (PostgreSQL, MongoDB, SQLite, Redis, Prisma, TypeORM)Testing : 15 templates (Playwright, GitHub Actions, pytest)UI Components : 16 templates (Material-UI, Radix UI, shadcn/ui, drag-drop)Real-time : 4 templates (WebSocket, Socket.IO, Kafka, NATS)Infrastructure : 18 templates (Docker, Kubernetes, Terraform)By Complexity Minimal : Quick starter templates (30+ templates)Standard : Production-ready with best practices (50+ templates)Advanced : Enterprise patterns with observability (30+ templates)Quality Standards Template Requirements ✅ Production Ready : All templates use latest stable versions ✅ Best Practices : Follow framework conventions and patterns ✅ Type Safety : TypeScript support where applicable ✅ Security : Secure defaults and validation ✅ Performance : Optimized configurations ✅ Testing : Test setup and examples included Template Validation Syntax : JSON schema validationDependencies : Package availability verificationSecurity : Vulnerability scanningFunctionality : Automated testingDocumentation : Usage examples and descriptionsIntegration with SuperClaude Automatic Template Selection The /fl:
commands automatically select optimal templates based on:
Natural language analysis : Understanding user intentFramework detection : Existing project structureComplexity assessment : Scope of requested functionalityBest practice matching : Optimal patterns for use caseSpike Development Workflow Template Discovery : AI-powered template recommendationMinimal App Creation : Standalone implementation using templateValidation : Functional testing in isolationIntegration : Seamless merge with existing codebaseEnhancement : Additional optimizations and refinementsParameter Bypass Support All Spike templates work with full SuperClaude parameter bypass:
--loop
: Iterative template refinement--wave-mode
: Multi-stage implementation--delegate
: Parallel template processing--until-perfect
: Quality validation--ultrathink
: Comprehensive analysis--all-mcp
: Full MCP server integrationTotal Templates : 385 production-ready scaffoldsTotal Lines : 3,500+ lines of battle-tested configurationsCoverage : 15+ technology stacks, 50+ frameworks and librariesQuality : Enterprise-grade patterns with security and performance built-in
Latest Additions (v0.20.0) Quality & Security : OpenAPI contract testing, secret detection, vulnerability scanningGitHub Actions : Artifact upload, Cloudflare Pages preview, CloudFront invalidation, Snyk scanning, Turborepo cacheNext.js Components : shadcn/ui Badge and async Combobox componentsNextAuth : Prisma adapter integration for database authenticationNext.js Features : On-demand ISR, geo-targeting middleware, Prometheus metrics, FormData uploadsFastAPI Extensions : Background database operations, OAuth2 scopes enforcementUI Components : MUI form validation helpers, Radix dropdown menus, TanStack paginationDatabase : Prisma relations and transactions, TypeORM migrationsMessaging : Kafka consumer groups, RabbitMQ, Redis Pub/Sub and StreamsInfrastructure : Docker Compose observability stacks (OpenTelemetry + Loki + Tempo, Prometheus + Grafana)Monitoring : Node.js OpenTelemetry metrics/logs, Grafana dashboards, OpenAPI mockingBuild Tools : Nx monorepo, pnpm workspaces, Turborepo configurationsTotal Coverage : 385 production-ready templates across all technology stacks