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 →
Keeps your Mac awake while Claude Code, Codex or Cursor works. Lets it sleep when they are done.
Try free for 7 days →
Monitor with ease. Code with confidence.
Start Free Trial →
Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →
Block distracting apps from your iPhone permanently without a 3rd party app. Free and open source.
Block now (100% free) →
Protect your code quality, stop the AI slop.
Try For Free →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →

Contentsdiscovered from source

agents ×5