创建具有高设计品质、可交付生产的前端界面。当用户要求构建 Web 组件、页面、海报或应用(如官网、落地页、仪表盘、React/Vue 组件、HTML/CSS 布局,或对任意 Web UI 进行样式/美化)时使用本技能。产出有创意、打磨到位且避免「AI 通用审美」的代码与界面设计。
Install
npx skills add xstongxue/best-skills --skill frontend-designnpx skills add xstongxue/best-skills --skill frontend-design -a claude-code -gnpx skills add xstongxue/best-skills --skill frontend-design -a codex -ggemini skills install https://github.com/xstongxue/best-skills.git --path skills/frontend-designgh skill install xstongxue/best-skills frontend-designgit clone --depth 1 https://github.com/xstongxue/best-skills /tmp/xstongxue__best-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/xstongxue__best-skills/skills/frontend-design ~/.claude/skills/frontend-design # Claude Code
cp -R /tmp/xstongxue__best-skills/skills/frontend-design ~/.agents/skills/frontend-design # Codex, Cursor, Gemini CLI, Copilot, OpenCode