ui-styling
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.
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 14 AI coding assistants
Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...
Extract and copy to ~/.claude/skills/ then restart Claude Desktop
git clone https://github.com/mrgoonie/claudekit-skills cp -r claudekit-skills/.claude/skills/ui-styling ~/.claude/skills/ Need detailed installation help? Check our platform-specific guides:
Related Agentic Skills
agent-identifier
by anthropicsThis skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description",...
skill-development
by anthropicsThis skill should be used when the user wants to "create a skill", "add a skill to plugin", "write a new skill", "improve skill description", "organiz...
frontend-design
by anthropicsCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, a...
web-artifacts-builder
by anthropicsSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui...
Agentic Skill Details
- Repository
- claudekit-skills
- Type
- Technical
- Meta-Domain
- development
- Primary Domain
- javascript
- Market Score
- 47.6
Browse Category
More development Agentic SkillsReport Security Issue
Found a security vulnerability in this agent skill?