Generate Next.js App Router API route files (route.ts) following the project's thin-route pattern. Use this skill whenever the user asks to add an endpoint, create a route, add an API, or implement a new HTTP handler. Triggers on phrases like "add a route for", "create an endpoint", "I need a POST/GET/PUT/DELETE for"…
Set up and maintain a Next.js MDX blog that renders posts stored as MDX strings in a database. Use this skill whenever the user asks about MDX rendering, blog post pages, prose styling, serialize/MDXRemote setup, or gets errors like "async Client Component" or missing prose styles. Always use this skill for anything…
Review the entire project from the perspective of a potential customer and a growth-focused CEO. Scans landing copy, product UX, API routes, DB schema, auth flow, pricing, email, and configuration — reporting specific conversion blockers, trust issues, UX problems, security gaps, and missing elements. Each finding has…
Progressive Web App setup for Next.js using @ducanh2912/next-pwa. Covers manifest.json, icons, service worker config, viewport/metadata, .gitignore entries, and how to replace placeholder icons. Use when adding PWA support, adjusting caching strategy, or customizing the web app manifest.
Full SEO layer for this Next.js project — root layout metadata, page-level static/dynamic metadata, OG images (static + dynamic), sitemap.ts, robots.ts, JSON-LD structured data, canonical URLs, Twitter cards, and comparison/vs pages. Use this skill whenever the user asks about SEO, metadata, open graph, OG image…
Integrate Stripe payments or subscriptions into a Next.js project — lib setup, checkout session API route (payment and subscription modes), webhook handler, customer portal, credit system, and CheckoutButton component. Use this skill whenever the user asks about payments, Stripe, checkout, subscriptions, pricing…
Generate SWR data-fetching hooks (useSWR and useSWRMutation) following the project's fetcher pattern. Use this skill whenever the user asks to add a hook, create a useX function, fetch data from the API in a component, or needs client-side data fetching. Triggers on "add a hook for", "I need to fetch X", "create a…
UI component structure, styling conventions, and theme usage. Custom components in components/, shadcn primitives in components/ui/ for form/interactive elements only. Loaded when creating or modifying components, themes, or styles.
Set up and manage Vercel deployments for a Next.js project — initial CLI setup, Git integration for automatic deploys on push, environment variables sync, and production deploys. Use this skill whenever the user wants to deploy to Vercel, set up automatic deployments, run vercel for the first time, connect a GitHub…
Lets the agent create and manage Neon Postgres projects, branches and databases and run SQL. Runs locally from the @neondatabase/mcp-server-neon npm package. Needs 1 environment variable to run.
MCP server "vercel" as configured in Iteam-company/claude-code-boilerplates. Runs locally from the vercel-mcp-adapter npm package. Needs 1 environment variable to run.
MCP server "cloudinary" as configured in Iteam-company/claude-code-boilerplates. Runs locally from the @cloudinary/mcp-server-cloudinary npm package. Needs 3 environment variables to run.
Lets the agent create and look up Stripe customers, products, prices, payment links and invoices. Runs locally from the @stripe/mcp npm package. Needs 1 environment variable to run.
MCP server "resend" as configured in Iteam-company/claude-code-boilerplates. Runs locally from the resend-mcp npm package. Needs 1 environment variable to run.