Next.js(앱 라우터), Vite 또는 CLI를 통해서만 Tailwind CSS v4를 설정하고 사용하세요. tailwind.config.js 없음 - CSS의 @theme를 통한 테마. Tailwind를 사용하여 스타일을 지정하거나, Tailwind를 구성하거나, Tailwind, 유틸리티 클래스, @theme, @layer, @utility를 설치하거나 사용자가 Tailwind CSS 또는 Tailwind v4를 언급할 때 사용하세요.
명령줄에서 tailwind-css AI 스킬을 개발 환경에 빠르게 설치
출처: enderpuentes/ai-agent-skills.
Tailwind CSS is a utility-first CSS framework. Style by combining single-purpose classes in markup.
We use Tailwind v4 only. There is no tailwind.config.js, tailwind.config.ts, or tailwind.config.mjs. Configuration is done in CSS via @import "tailwindcss" and the @theme directive, plus the Vite or PostCSS plugin.
Core principle: Prefer utility classes in markup; extend with @theme and custom CSS when needed. Never suggest or create tailwind.config. or content/theme in a config file.
Next.js(앱 라우터), Vite 또는 CLI를 통해서만 Tailwind CSS v4를 설정하고 사용하세요. tailwind.config.js 없음 - CSS의 @theme를 통한 테마. Tailwind를 사용하여 스타일을 지정하거나, Tailwind를 구성하거나, Tailwind, 유틸리티 클래스, @theme, @layer, @utility를 설치하거나 사용자가 Tailwind CSS 또는 Tailwind v4를 언급할 때 사용하세요. 출처: enderpuentes/ai-agent-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/enderpuentes/ai-agent-skills --skill tailwind-cssNext.js(앱 라우터), Vite 또는 CLI를 통해서만 Tailwind CSS v4를 설정하고 사용하세요. tailwind.config.js 없음 - CSS의 @theme를 통한 테마. Tailwind를 사용하여 스타일을 지정하거나, Tailwind를 구성하거나, Tailwind, 유틸리티 클래스, @theme, @layer, @utility를 설치하거나 사용자가 Tailwind CSS 또는 Tailwind v4를 언급할 때 사용하세요. 출처: enderpuentes/ai-agent-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/enderpuentes/ai-agent-skills --skill tailwind-css 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/enderpuentes/ai-agent-skills