Connect Your Agent in 10 Seconds
Claude Code
claude mcp add --transport http aaas-blocks \ https://mcp.aaas.blog/mcp
Cursor
// .cursor/mcp.json
{
"mcpServers": {
"aaas-blocks": {
"url": "https://mcp.aaas.blog/mcp"
}
}
}VS Code
// .vscode/mcp.json
{
"servers": {
"aaas-blocks": {
"type": "http",
"url": "https://mcp.aaas.blog/mcp"
}
}
}Then ask your agent: "Search for auth blocks" or "What code blocks are available?"
Three-Layer Dependency Model
Blocks compose upward. Features depend on integrations. Integrations depend on foundations. Your agent checks compatibility automatically.
Dashboard, Onboarding, Landing Page
Stripe, Resend, Blob, PostHog
Auth, Database, Config
12 Production Blocks
Every block is version-pinned and verified against Next.js 16.1.0. Copy-paste free.
foundation
Clerk Authentication
Proxy middleware, sign-in/up pages, server helpers, UserButton
Auth.js v5 Authentication
Google + GitHub OAuth, JWT sessions, SessionProvider, sign-in/out buttons
Drizzle ORM + Neon Postgres
Config, schema, migrate, seed — zero-config serverless database
TypeScript Strict Config
Strict tsconfig with path aliases and Next.js 16 types
ESLint Flat Config + Prettier
ESLint 9 flat config with Next.js plugin and formatting rules
integration
Stripe Payments
Checkout sessions, webhook handler, customer portal — full billing stack
Resend Email
Resend client, React Email templates, typed send helper
Vercel Blob Storage
Upload route, client component, URL helpers — file storage in seconds
PostHog Analytics
Provider, event tracking, pageviews, feature flags — full product analytics
feature
SaaS Landing Page
Hero, features grid, pricing table, footer — launch-ready in one command
Admin Dashboard
Sidebar navigation, stat cards, data table — authenticated admin shell
Onboarding Wizard
Multi-step wizard with progress indicator and field validation
5 Agent-Native Tools
Full-text search across all blocks. Returns matches with install commands.
"auth", "database", "stripe payments"
Full metadata, README documentation, dependencies, and environment variables.
"auth/clerk", "db/drizzle-neon"
Actual source code files. Single file or all files for a block.
"auth/clerk" → 5 TypeScript files
Browse all blocks in a specific layer with descriptions.
"foundation" | "integration" | "feature"
Given installed blocks, shows what you can add and what foundations are missing.
["auth/clerk"] → compatible: payments/stripe, feature/dashboard
From Prompt to Production
Agent discovers
You say "I need auth for my Next.js app." Your agent queries the MCP and finds auth/clerk.
Agent reads the code
The agent calls get_block_code to understand the implementation — middleware, routes, components.
Agent checks compatibility
check_compatibility confirms which blocks you can add next. Missing foundation? It tells you.
You install
npx @aaas/blocks add auth/clerk — files land in your project, dependencies install, env vars are documented.
Free. Open Source.
Every block is MIT-licensed. The MCP server is free to connect. The CLI is free to use. No API key required. No sign-up. No limits.
Want custom blocks for your stack? Book a call — custom block development starts at EUR 500.