How does the stdin redirection work during setup?

The skill uses '</dev/null' to prevent the CLI from blocking on interactive prompts, allowing for a fully automated 'one-shot' project creation without manual intervention.

What version of Next.js does this skill support?

It initializes projects using Next.js 16+ with App Router support and the React Compiler enabled for optimal performance.

Why does this skill use Biome instead of ESLint?

Biome offers significantly faster performance by combining linting and formatting into one tool, and this skill includes specialized overrides for shadcn/ui components.

Does it support Tailwind CSS v4?

Yes, it comes pre-configured with Tailwind CSS v4 and PostCSS, including configuration to suppress false positives from Tailwind v4 custom at-rules.

What is the purpose of the generated AGENTS.md file?

AGENTS.md provides a set of project-specific rules and conventions that help AI assistants like Claude understand the preferred libraries, styling rules, and coding patterns for the project.

Next.js Modern Scaffolder

Name: Next.js Modern Scaffolder
Author: mattwoodco

bymattwoodco

•

Design Tools

Initializes production-ready Next.js applications featuring Bun, Tailwind v4, and Biome with built-in AI agent conventions.

The create-next skill automates the setup of high-performance Next.js 16+ projects, moving beyond standard boilerplates to implement a highly optimized development stack. It integrates modern tools like Bun, Turbopack, and the React Compiler while pre-configuring Biome for linting and Tailwind v4 for styling. A standout feature is the automatic generation of an AGENTS.md file, which establishes strict architectural rules and conventions to ensure AI coding assistants like Claude maintain consistent code quality and follow project-specific patterns throughout the development process.

Key Features

01Automated Next.js 16+ scaffolding with App Router and TypeScript

023 GitHub stars

03Pre-configured Biome linter with specialized overrides for shadcn/ui

04Modern styling setup with Tailwind CSS v4 and semantic tokens

05Performance-first stack using Bun, Turbopack, and React Compiler

06AI-ready AGENTS.md generation for consistent agent-led development

Use Cases

01Creating a development environment optimized for AI-assisted coding

02Standardizing frontend architecture and linting across team projects

03Rapidly bootstrapping a new web application with the latest React features

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mattwoodco/skills create-next

For use in Claude.ai and ChatGPT

Download Skill