Scaffold Nextjs

This is a full project bootstrapper that sets up a Next.js turborepo with TypeScript, Tailwind, shadcn/ui, and the Blode UI component registry, then wires up Oxlint, Oxfmt via Ultracite, and pushes to GitHub and Vercel. It walks through eight phases, from gathering project info to running a pre-launch checklist, and includes reference files for config templates. The workflow is opinionated: no src directory, no ESLint, icons from blode-icons-react instead of lucide-react. It's designed for spinning up production-ready marketing sites or web apps fast, with handoffs to other skills for SEO and UI polish after deployment.

skills.sh installs: 785
GitHub stars: 191
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add mblode/agent-skills --skill scaffold-nextjs --agent claude-code

Installs into .claude/skills of the current project.

Files

Scaffold Next.js

Scaffold a Next.js turborepo with full tooling, GitHub, and Vercel deployment.

IS: bootstrapping a brand-new Next.js turborepo end to end: app creation, Blode UI, Ultracite with ultracite/oxlint/shadcn, turborepo conversion, GitHub, and Vercel.
IS NOT: scaffolding a TypeScript CLI or npm package (use scaffold-cli), designing folder structure or module contracts for an existing app (use codebase-architecture), building a page inside an existing app, or choosing visual direction and palettes (use ui-design).

The references encode the house stack and dependency order. Verify version-sensitive flags against the installed CLI and bundled documentation; update a proven incompatible template rather than forcing stale flags. Where a Next.js question comes up that the references do not answer, read the bundled docs at node_modules/next/dist/docs/ in the app (they match the installed version) rather than training data.