Vite Shadcn Tailwind4
Initialize shadcn/ui + Tailwind CSS v4 in Vite projects (Vite-specific, not Next.js/Remix).
by igorwarzocha
The skill
Initialize shadcn/ui + Tailwind CSS v4 in Vite projects (Vite-specific, not Next.js/Remix). Use proactively for Vite project setup, shadcn component installation, or Tailwind v4 configuration. Examples: - user: "Setup shadcn in my Vite project" → install deps, configure tailwind v4 CSS-first, init shadcn, verify components work - user: "Add shadcn to existing Vite app" → check existing config, install CLI, add components.json, update CSS imports - user: "Use Tailwind v4 with shadcn" → configure @import with @theme, remove v3 config, setup custom tokens - user: "Create Vite + React + shadcn project" → scaffold Vite, install shadcn, configure theme, add sample components
This skill's licence does not allow redistribution, so the store does not show its text. Read it at the source.
Use this skill
Connect your agent to the Skill Store MCP server and ask for it by ref: igorwarzocha/vite-shadcn-tailwind4-37036974243.
Details
- Publisher
- igorwarzocha
- Category
- Software Development › Frontend & UI
- Updated
- 2026-02-04
References
More from igorwarzocha
- Agent Architect Create and refine OpenCode agents via guided Q&A.
- Command Creator Create custom /slash commands for repetitive tasks.
- Opencode Config Edit opencode.json, AGENTS.md, and config files.
- Repo Maintenance Maintain repository integrity and documentation.