vibe-coding-css-setup
Installation
SKILL.md
Vibe Coding — CSS Setup
Run ONCE at BUILD start. Establishes the CSS foundation all components depend on.
Entry Check
Read progress.txt — if css_setup_complete: true exists → STOP. Skip this skill entirely.
Prerequisites
- Read
./docs/DESIGN_SYSTEM.md— CSS variable tokens and font names - Read
./docs/TECH_STACK.md— framework and CSS approach If TECH_STACK.md missing → auto-detect CSS approach:- Check
tailwind.config.jsortailwind.config.tsexists → Tailwind - Check
package.jsonfor "tailwindcss" → Tailwind - Check
vite.config.*for CSS Modules → CSS Modules - If ambiguous → ask user: "Is this project using Tailwind CSS, plain CSS, or CSS Modules?"
- Check