frontend-design
97 / 100 · Low risk
Fine to try. Some of what it can do is expected: a coding skill usually runs build and test commands.
Create, prototype, redesign, audit, or optimize production-grade interfaces across websites, responsive/mobile web, iOS/iPadOS/macOS, Android, Windows, Electron/Tauri, Flutter/React Native, and other local/native apps — UI/UX, visual polish, named or tunable themes and design variants, components, interaction and motion, design systems, and decks, including requests such as 设计页面、优化网页/界面/UI、设计主题/视觉风格/界面版本. Runs a platform-aware benchmark, design-direction profiles, an optional preview checkpoint…
What this skill can do
Runs commands on your computer
Other copies in this repository
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'frontend-design' ] || [ -L ~/.agents/skills/'frontend-design' ]; then echo 'A skill folder named frontend-design already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/shenxingy/Clade' "$d" && git -C "$d" checkout --quiet '2bb3e0b84db34700ee65e3323beba4c96774c3a0' -- 'plugins/clade/skills/frontend-design' && mkdir -p ~/.agents/skills && cp -R "$d"/'plugins/clade/skills/frontend-design' ~/.agents/skills/'frontend-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/'frontend-design' ~/.claude/skills/'frontend-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
[](https://zalavijaysinh.github.io/skilltrust/repos/shenxingy/Clade/)
Score history
| Date | Version | Score |
|---|---|---|
| 2026-11-13 | 2bb3e0b | 97 |
| 2026-11-08 | aacbb75 | 97 |