tailwindcss-next-init

Community

Fast Tailwind v4 setup for Next.js apps.

AuthorAdonis0123
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Initialize Tailwind v4 scaffolding for Next.js apps, generating the core style entry points, setup commands, and guidance to ensure a consistent, working setup.

Core Features & Use Cases

  • Detects project structure (layout.tsx presence and styles directories) and prepares standardized Tailwind scaffolding
  • Supports dry-run preview and actual write with safe overwrite options
  • Offers minimal and project-like presets, including required imports and icon/styling integration
  • Outputs installation commands tailored to your package manager and provides @source/@reference guidance
  • Includes references and practice materials to help replicate across projects

Quick Start

Run the Tailwind v4 initializer on your project root to generate scaffolding and guidance.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: tailwindcss-next-init
Download link: https://github.com/Adonis0123/adonis-skills/archive/main.zip#tailwindcss-next-init

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.