Skillzwave

ui-styling

993 stars 188 forks Updated Nov 15, 2025
66.0

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.

Commands
#ui styling description#ui styling#styling description create#interfaces shadcn ui#component styling setup
Also in: github data analysis

Third-Party Skill: Review the code before installing. Skills execute in your AI assistant's environment and can access your files. Learn more about security

skilz install mrgoonie_claudekit-skills/ui-styling
skilz install mrgoonie_claudekit-skills/ui-styling --agent opencode
skilz install mrgoonie_claudekit-skills/ui-styling --agent codex
skilz install mrgoonie_claudekit-skills/ui-styling --agent gemini

First time? Install Skilz: pip install skilz

Works with 14 AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/mrgoonie/claudekit-skills
2. Copy the skill directory:
cp -r claudekit-skills/.claude/skills/ui-styling ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Related Skills

Details

Stars
993
Forks
188
Type
Technical
Meta-Domain
development
Primary Domain
javascript
Sub-Domain
design frontend
Skill Size
5.5 MB
Files
98
Quality Score
66.0

AI-Detected Topics

Extracted using NLP analysis

ui styling description ui styling styling description create interfaces shadcn ui component styling setup

Report Security Issue

Found a security vulnerability in this skill?