From andrelandgraf-fullstackrecipes
Provides ordered recipes to set up a Next.js app on Vercel with Bun, Shadcn UI theming, Neon Postgres via Drizzle ORM, Vercel AI SDK chat, type-safe env config with better-env, and AI agent guidelines.
npx claudepluginhub joshuarweaver/cascade-code-general-misc-3 --plugin andrelandgraf-fullstackrecipesThis skill uses the workspace's default tool permissions.
Complete setup guide for a Next.js app with Shadcn UI, Neon Postgres, Drizzle ORM, and AI SDK.
Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
Complete setup guide for a Next.js app with Shadcn UI, Neon Postgres, Drizzle ORM, and AI SDK.
Create a Next.js app running on Bun, configure the development environment, and deploy to Vercel with automatic deployments on push.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/nextjs-on-vercel
Configure Prettier for code formatting and TypeScript for typechecking. Includes VSCode settings and EditorConfig for consistent code style. Skips ESLint/Biome to avoid config complexity.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/code-style-setup
Configure AI coding agents like Cursor, GitHub Copilot, or Claude Code with project-specific patterns, coding guidelines, and MCP servers for consistent AI-assisted development.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/agent-setup
Add Shadcn UI components with dark mode support using next-themes. Includes theme provider and CSS variables configuration.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/shadcn-ui-setup
TypeScript assertion function for runtime type narrowing with descriptive error messages. Based on tiny-invariant.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/assert
Use better-env config modules for type-safe server/public env access, feature flags, and either-or credential constraints.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/config-schema-setup
Validate all env-backed config modules with better-env before build and in CI.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/env-validation
Connect a Next.js app to Neon Postgres using Drizzle ORM with optimized connection pooling for Vercel serverless functions.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/neon-drizzle-setup
Install the Vercel AI SDK with AI Elements components. Build a streaming chat interface with the useChat hook.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/ai-sdk-setup
Write type-safe database queries with Drizzle ORM. Covers select, insert, update, delete, relational queries, and adding new tables.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/using-drizzle-queries