create-next

Initialize a Next.js project with TypeScript, Tailwind CSS, Biome, and Turbopack.

3|Updated Feb 14, 2026
One-click install
npx skills add https://github.com/mattwoodco/skills --skill create-next
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: create-next
Source: https://github.com/mattwoodco/skills/tree/main/skills/create-next
Command: npx skills add https://github.com/mattwoodco/skills --skill create-next

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the setup of new Next.js projects, ensuring optimal configurations for modern development practices are applied from the start.

Core Features & Use Cases

  • Project Scaffolding: Initializes a new Next.js project with a pre-defined set of best-practice configurations.
  • Tooling Integration: Includes TypeScript, Tailwind CSS, Biome for linting/formatting, React Compiler, and Turbopack.
  • Use Case: When you need to quickly start a new Next.js application with a robust and efficient development environment, use this skill.

Quick Start

Use the create-next skill to initialize a new project named 'my-awesome-app'.

Frequently Asked Questions about create-next

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a new Next.js app with TypeScript and Tailwind CSS?

Scaffolding a new Next.js app with TypeScript and Tailwind CSS is automated by initializing a project with optimal default configurations. You provide an application name to generate the project structure, configuration files, and essential setup.

Can I set up Biome for linting and formatting in a Next.js project automatically?

Yes, Biome is integrated for linting and formatting automatically during project initialization. This ensures modern development practices and optimal tooling configurations are applied from the start without manual setup.

What is the best way to start a Next.js project with Turbopack and React Compiler?

The best way to start a Next.js project with Turbopack and React Compiler is using an automated scaffolding process. It pre-configures these tools along with TypeScript and Tailwind CSS to provide a robust development environment.

Does Next.js scaffolding require a specific application name to initialize?

Yes, Next.js scaffolding requires a user-provided application name to initialize the project. This name is used to automate the creation of the project directory structure and configuration files.

Why use automated project scaffolding for modern web development instead of manual setup?

Automated project scaffolding for modern web development ensures optimal configurations are applied from the start. It eliminates manual configuration errors by instantly integrating TypeScript, Tailwind CSS, Biome, and Turbopack into a robust environment.