drop a MARK ZIP into claude code and ask for a dashboard page
what came out:
src/db/schema.ts — user stats table with drizzle ORM
src/db/index.ts — postgres pool setup
app/dashboard/page.tsx — async server component, direct DB call, no "use client" mistake
loading.tsx and error.tsx with proper App Router convention
claude code already knew the patterns before i typed anything
that's what the nextjs-app-router skill file does. it carries the conventions into the session so you don't have to explain them.
repo was ixartz/Next-js-Boilerplate. 10k stars.
显示更多
look at what's inside the ZIP
.claude/skills/
postgres-patterns
prisma-orm
react-component-patterns
tailwind-design-system
testing-jest
testing-vitest
typescript-strict
zod-validation
CLAUDE.md
SETUP_GUIDE.md
all of this came from one scan of opencode on github
dropped it into claude code, typed one prompt, and it started building an MCP plugin with zero back and forth
the skill files are why it works. they're what gives claude code the context it needs before you type anything.
显示更多