11 hand-crafted AI skills covering every domain you need to ship a real product — design, frontend, database, auth, payments, deployment, and more. Install them into Claude Code, Cursor, ChatGPT, or any AI tool.
Visual design fundamentals — colors, type, spacing, layout.
When to use
Use this skill whenever the user is making visual decisions about their app: picking colors, choosing fonts, adjusting spacing, planning a layout, designing a landing page, or making something 'look more professional'. Apply the design vocabulary so the AI gets it right the first time.
Build modern UIs with Next.js, React, and Tailwind.
When to use
Use this skill whenever the user is building UI components, working with React/Next.js, applying Tailwind classes, making things responsive, or adding animations. Apply the opinionated stack and component patterns.
Inputs, validation, errors — the production-grade recipe.
When to use
Use this skill any time the user is building or fixing a form: contact, signup, settings, checkout, multi-step wizards, file uploads. Apply the React Hook Form + Zod + sonner pattern instead of ad-hoc useState forms.
Schema design, queries, ORMs — store your app's data right.
When to use
Use this skill whenever the user is adding data persistence, designing tables, writing queries, picking an ORM, or planning relationships. Apply the four-question framework before writing any schema.
Server logic, API routes, integrations, webhooks.
When to use
Use this skill whenever the user is writing server-side code: API routes, route handlers, server actions, third-party integrations, webhooks, rate limiting, or anything that runs on the server. Apply the modern Next.js patterns.
Login, signup, sessions, OAuth — opinionated picks per stack.
When to use
Use this skill whenever the user is adding login/signup, sessions, social login, password reset, or anything related to user accounts. Pick the right managed auth provider and walk them through the wiring step by step.
Meta tags, OG previews, sitemaps — get found by Google.
When to use
Use this skill whenever the user is preparing to launch, sharing their site on social media, asking why their links don't show a preview image, or wondering how to rank in Google. Apply the full SEO + OG + sitemap setup before they share the link anywhere.
Stripe checkout, subscriptions, webhooks — accept money safely.
When to use
Use this skill whenever the user is adding payments, subscriptions, checkout flows, or billing to their app. Recommend Stripe by default and walk through the secure server-side pattern with webhooks.
Vercel-first walkthrough with the pre-launch checklist.
When to use
Use this skill whenever the user wants to deploy a project, set up a custom domain, configure environment variables, or work through a pre-launch checklist. Walk them through the Vercel-first path step by step and don't skip verification.
Read errors, capture context, fix root causes — not symptoms.
When to use
Use this skill the moment the user reports something is broken or shows you any error message. Apply the capture protocol before guessing at causes. Diagnose root causes, not symptoms.
Pricing strategy, plans, free trials — what to charge and why.
When to use
Use this skill whenever the user is deciding how to make money from their app: picking a pricing model, designing tiers, choosing free vs trial vs freemium, or figuring out what to charge. This is the strategy layer above Payments — Payments is HOW to wire Stripe, Monetization is WHAT to sell and for HOW MUCH.
Every skill in this library is hand-written by humans, distilled from the chapters of CodeBooks.ai. Free forever, no signup, no tracking. If you build something cool with one of them, we'd love to hear about it.
