← All skills

design

82 / 100 · Low risk

Fine to try.

By melodic-software/claude-code-plugins (GitHub) · design · 30 stars · scanned at commit 677e798

Design and build anything a person or agent interacts with: web and app components, forms, screens and pages, CLI output, TUIs, prompt themes, PowerShell formatting, banners, Claude Code mods. Detects the project's own design system and the design tools installed, routes each concern to the best present source with the project first, and fills gaps with its own guidance. Use when asked to build a component or page in any stack, to choose between building a component and adopting a library, or t…

Works with any agent that supports SKILL.md skills.

What this skill can do

Other copies in this repository

melodic-software/claude-code-plugins has 2 more folders with a skill named design. This page shows the lowest-scoring copy.

• plugins/planning/skills/design 92/100 · Low risk
• plugins/evals/skills/design 95/100 · Low risk

Install

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

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

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

Score history