ui-styling

713 stars 113 forks
47

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.

Also in: database ci cd

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

Installation for Agentic Skill

View all platforms →
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 22+ AI coding assistants

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

View All Agents
Download Agent 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 agent skill directory:
cp -r claudekit-skills/.claude/skills/ui-styling ~/.claude/skills/

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

Related Agentic Skills

Agentic Skill Details

Stars
713
Forks
113
Type
Technical
Meta-Domain
development
Primary Domain
javascript
Market Score
47

Report Security Issue

Found a security vulnerability in this agent skill?