hopeoverture avatar

tailwind-shadcn-ui-setup

v1.0.0development3 stars

This skill should be used when setting up, configuring, or initializing Tailwind CSS (v3 or v4) and shadcn/ui for Next.js 16 App Router projects. Configure dark mode, design tokens, base layout with header/sidebar, accessibility defaults, and generate example components. Includes comprehensive setup automation, theme customization, and production-ready patterns. Use when the user requests "setup Tailwind", "configure shadcn/ui", "add dark mode", "initialize design system", or "setup UI framework

Install

/plugin install tailwind-shadcn-ui-setup@hopeoverture-worldbuilding-app-skills
AI writes the code. CodeRabbit catches the slop.
Try For Free
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install
create and run specialised agents in minutes
build now
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now