UI Styling Skill

Comprehensive skill for creating beautiful, accessible user interfaces combining shadcn/ui components, Tailwind CSS utility styling (v3 and v4), design tokens, and canvas-based visual design systems.

Reference

• shadcn/ui: https://ui.shadcn.com/llms.txt
• Tailwind CSS: https://tailwindcss.com/docs
• Tailwind v4 migration: see references/tailwind-v4-patterns.md

Scope & Priority

• This skill is for UI implementation and styling, not standalone visual art.
• If the user requests posters, illustrations, or PNG/PDF artwork, use canvas-design instead.
• If ui-style-compliance applies, its constraints are hard requirements and take priority.

When to Use This Skill