ui-implement

70 / 100 · Review before installing

Check before installing.

By MadAppGang/claude-code (GitHub) · design · 288 stars · scanned at commit 6097ad4

Patterns for implementing UI improvements based on design analysis. Works with review documents from dev:ui-analyse or /dev:ui command. Includes Anti-AI design rules and visual verification.

Works with any agent that supports SKILL.md skills.

What this skill can do

Runs commands on your computer

The author does not mention this. It runs automatically when the plugin is installed.

Found in 11 places.

plugins/dev/skills/design/ui-implement/SKILL.md, line 45parse_review() {
plugins/dev/skills/design/ui-implement/SKILL.md, line 66npx claudish --model "$GEMINI_MODEL" --image "$CURRENT_SCREENSHOT" --quiet --auto-approve <<< "
plugins/dev/skills/design/ui-implement/SKILL.md, line 81if [[ -n "$GEMINI_API_KEY" ]]; then

Show 8 more

plugins/dev/skills/design/ui-implement/SKILL.md, line 104npx claudish --model "$GEMINI_MODEL" --image "$NEW_SCREENSHOT" --quiet --auto-approve <<< "
plugins/dev/skills/design/ui-implement/SKILL.md, line 271npm install framer-motion lucide-react
plugins/dev/.mcp.json, line 3"command": "claudish",
plugins/dev/hooks/feature-enforcement.json, line 43"command": "node ${CLAUDE_PLUGIN_ROOT}/plugins/dev/scripts/outer-loop-enforcer.js start-iteration ${SESSION_PATH}",
plugins/dev/hooks/feature-enforcement.json, line 49"command": "node ${CLAUDE_PLUGIN_ROOT}/plugins/dev/scripts/outer-loop-enforcer.js record-result ${SESSION_PATH} <PASS|FAIL|PARTIAL> [reason] [score]",
plugins/dev/hooks/feature-enforcement.json, line 55"command": "node ${CLAUDE_PLUGIN_ROOT}/plugins/dev/scripts/outer-loop-enforcer.js check-can-complete ${SESSION_PATH}",
plugins/dev/hooks/feature-enforcement.json, line 61"command": "node ${CLAUDE_PLUGIN_ROOT}/plugins/dev/scripts/validation-criteria-enforcer.js ${SESSION_PATH}",
plugins/dev/hooks/feature-enforcement.json, line 67"command": "${CLAUDE_PLUGIN_ROOT}/plugins/dev/scripts/checkpoint-verifier.sh <phase> ${SESSION_PATH}",

Downloads and installs other software

The author does not mention this.

Found in 13 places.

plugins/dev/skills/design/ui-implement/SKILL.md, line 66npx claudish --model "$GEMINI_MODEL" --image "$CURRENT_SCREENSHOT" --quiet --auto-approve <<< "
plugins/dev/skills/design/ui-implement/SKILL.md, line 104npx claudish --model "$GEMINI_MODEL" --image "$NEW_SCREENSHOT" --quiet --auto-approve <<< "
plugins/dev/agents/doc-fixer.md, line 318npx my-tool init

Show 10 more

plugins/dev/agents/doc-fixer.md, line 319npx my-tool migrate
plugins/dev/agents/doc-fixer.md, line 343npx my-tool
plugins/dev/agents/ui-engineer.md, line 319elif npx claudish --list-accounts 2>/dev/null | grep -q "gemini"; then
plugins/dev/agents/ui-engineer.md, line 333npx claudish --model "$GEMINI_MODEL" --image "$SCREENSHOT_PATH" --quiet --auto-approve <<< "
plugins/dev/agents/ui-engineer.md, line 347npx claudish --model "$GEMINI_MODEL" \
plugins/dev/agents/ui-engineer.md, line 360npx claudish --model "$GEMINI_MODEL" --image "$NEW_SCREENSHOT_PATH" --quiet --auto-approve <<< "
plugins/dev/agents/ui.md, line 339- Verify Claudish is available: `npx claudish --version`
plugins/dev/agents/ui.md, line 363npx claudish --model "$GEMINI_MODEL" \
plugins/dev/commands/help.md, line 187- **Claudish CLI** (`npm install -g claudish`) - External AI model reviews
plugins/dev/commands/ui.md, line 358npx claudish --version 2>/dev/null || echo "Claudish not found"

Connects to the internet

The author does not mention this.

Found in 5 places.

plugins/dev/agents/devops.md, line 601. WebSearch: "{technology} {task} best practices 2026"
plugins/dev/agents/devops.md, line 612. WebSearch: "{technology} official documentation {specific feature}"
plugins/dev/agents/devops.md, line 623. WebSearch: "{technology} {task} example"

Show 2 more

plugins/dev/commands/feature.md, line 1063if curl -s ${test_url} > /dev/null 2>&1; then
plugins/dev/commands/implement.md, line 542if curl -s ${testUrl} > /dev/null 2>&1; then

Changes files outside its own folder

This is disclosed by the author in the skill's SKILL.md or README.

Found in 2 places.

plugins/dev/agents/doc-fixer.md, line 346mkdir ~/.npm-global
plugins/dev/commands/worktree.md, line 134- Remove statusline worktree marker: `rm -f ~/.claude/.statusline-worktree-*`

Safer alternatives

Low-risk skills in the same category (design) that look related. Check that one does what you need.

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'ui-implement' ] || [ -L ~/.agents/skills/'ui-implement' ]; then echo 'A skill folder named ui-implement already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/MadAppGang/claude-code' "$d" && git -C "$d" checkout --quiet '6097ad4643f23b7645a9c99c329887b623b32e57' -- 'plugins/dev/skills/design/ui-implement' && mkdir -p ~/.agents/skills && cp -R "$d"/'plugins/dev/skills/design/ui-implement' ~/.agents/skills/'ui-implement' && 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-implement' ~/.claude/skills/'ui-implement' (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 MadAppGang/claude-code shows the score of its lowest-scoring skill.

SkillTrust badge for MadAppGang/claude-code

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/MadAppGang/claude-code.svg)](https://zalavijaysinh.github.io/skilltrust/repos/MadAppGang/claude-code/)

Score history

Date	Version	Score
2026-11-12	`6097ad4`	70