← All skills
ui-styling
80 / 100 · Low risk
Fine to try. Some of what it can do is expected: a coding skill usually runs build and test commands.
By VoDaiLocz/kilo-kit-mcp (GitHub) · coding · 27 stars · scanned at commit 1c04afc
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.
Works with any agent that supports SKILL.md skills.
What this skill can do
Downloads and installs other software
The author does not mention this.
Found in 11 places.
Show 8 more
- skills/design/ui-styling/references/shadcn-components.md, line 10
npx shadcn@latest add button card dialog # Multiple - skills/design/ui-styling/references/shadcn-components.md, line 11
npx shadcn@latest add --all # All components - skills/design/ui-styling/scripts/shadcn_add.py, line 86
"shadcn not initialized. Run 'npx shadcn@latest init' first", - skills/design/ui-styling/scripts/shadcn_add.py, line 129
return False, "npx not found. Ensure Node.js is installed" - skills/design/ui-styling/scripts/shadcn_add.py, line 144
"shadcn not initialized. Run 'npx shadcn@latest init' first", - skills/design/ui-styling/scripts/shadcn_add.py, line 174
return False, "npx not found. Ensure Node.js is installed" - skills/design/ui-styling/scripts/tests/test_shadcn_add.py, line 195
"""Test component addition when npx is not found.""" - skills/design/ui-styling/scripts/tests/test_shadcn_add.py, line 202
assert "npx not found" in message
Runs commands on your computer
The author does not mention this. Expected for a coding skill.
Found in 15 places.
Show 12 more
- skills/design/ui-styling/SKILL.md, line 222
python scripts/shadcn_add.py button card dialog - skills/design/ui-styling/SKILL.md, line 228
python scripts/tailwind_config_gen.py --colors brand:blue --fonts display:Inter - skills/design/ui-styling/scripts/shadcn_add.py, line 111
result = subprocess.run( - skills/design/ui-styling/scripts/shadcn_add.py, line 125
except subprocess.CalledProcessError as e: - skills/design/ui-styling/scripts/shadcn_add.py, line 156
result = subprocess.run( - skills/design/ui-styling/scripts/shadcn_add.py, line 170
except subprocess.CalledProcessError as e: - skills/design/ui-styling/scripts/tests/test_shadcn_add.py, line 130
with patch("subprocess.run") as mock_run: - skills/design/ui-styling/scripts/tests/test_shadcn_add.py, line 156
@patch("subprocess.run") - skills/design/ui-styling/scripts/tests/test_shadcn_add.py, line 180
@patch("subprocess.run") - skills/design/ui-styling/scripts/tests/test_shadcn_add.py, line 183
mock_run.side_effect = subprocess.CalledProcessError( - skills/design/ui-styling/scripts/tests/test_shadcn_add.py, line 193
@patch("subprocess.run") - skills/design/ui-styling/scripts/tests/test_shadcn_add.py, line 221
@patch("subprocess.run")
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'ui-styling' ] || [ -L ~/.agents/skills/'ui-styling' ]; then echo 'A skill folder named ui-styling already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/VoDaiLocz/kilo-kit-mcp' "$d" && git -C "$d" checkout --quiet '1c04afc2a760ed58cea1308851e7626f76c4ff44' -- 'skills/design/ui-styling' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/design/ui-styling' ~/.agents/skills/'ui-styling' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'ui-styling' ~/.claude/skills/'ui-styling' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
The badge for VoDaiLocz/kilo-kit-mcp shows the score of its lowest-scoring skill.
[](https://zalavijaysinh.github.io/skilltrust/repos/VoDaiLocz/kilo-kit-mcp/)
Score history
| Date | Version | Score |
|---|
| 2026-11-07 | 1c04afc | 80 |