Claude MarketplacesSubmit
andrelandgraf avatar

Base App Setup

andrelandgraf/fullstackrecipes

This is a sequential cookbook that takes you from zero to a production-ready Next.js stack with all the modern fixings: Shadcn UI for components, Neon Postgres with Drizzle ORM for your database, and Vercel's AI SDK for chat interfaces. The recipes are meant to be run in order, and they cover the boring but critical stuff like environment validation with better-env and editor config that you'd otherwise spend hours cobbling together from Stack Overflow. It's opinionated in good ways, skipping ESLint complexity in favor of just Prettier and TypeScript, and using Bun as the runtime. If you're spinning up a new AI-powered app and don't want to make a dozen architectural decisions before writing your first feature, this gets you there fast.

skills.sh installs
122
GitHub stars
23
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add andrelandgraf/fullstackrecipes --skill base-app-setup --agent claude-code

Installs into .claude/skills of the current project.

Files

This is a sequential cookbook that takes you from zero to a production-ready Next.js stack with all the modern fixings: Shadcn UI for components, Neon Postgres with Drizzle ORM for your database, and Vercel's AI SDK for chat interfaces. The recipes are meant to be run in order, and they cover the boring but critical stuff like environment validation with better-env and editor config that you'd otherwise spend hours cobbling together from Stack Overflow. It's opinionated in good ways, skipping ESLint complexity in favor of just Prettier and TypeScript, and using Bun as the runtime. If you're spinning up a new AI-powered app and don't want to make a dozen architectural decisions before writing your first feature, this gets you there fast.

Browse the repository on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/andrelandgraf/fullstackrecipes
Categories
Frontend Development, Backend & APIs, Documentation, Databases
First seen
Jun 3, 2026

More from andrelandgraf/fullstackrecipes

All 14

Recommended

More Frontend Development
1mblode avataraudit-uimblode/agent-skillsAudits web UI quality across accessibility, interaction, forms, typography, navigation, layout, performance, motion, and microcopy. Use when reviewing or refini114skills.sh installs
2harlan-zw avatarprimevue-skilldharlan-zw/vue-ecosystem-skillsprimevue skilld113skills.sh installs
3shaom avatareditorial-card-screenshotshaom/infocard-skillsGenerate high-density editorial HTML info cards in a modern magazine and Swiss-international style, then capture them as ratio-specific screenshots. Use when th102skills.sh installs
4anthropics avatarPlugin Structureanthropics/claude-codeThis skill should be used when the user asks to "create a plugin", "scaffold a plugin", "understand plugin structure", "organize plugin components", "set up plu0skills.sh installs
5cherryhq avatargh-pr-reviewcherryhq/cherry-studioAutomated Cherry Studio code review for local branches, PRs, commits, and files. Use for reviewing code, docs, or pull requests with project-specific checks for0skills.sh installs
6composiohq avatarartifacts-buildercomposiohq/awesome-claude-pluginsSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for0skills.sh installs