frontend-design
✓创建独的、生产级别的高质量前端界面。当用户要求构建网页组件、页面、 React Il s'agit d'une version HTML/CSS d'une interface utilisateur.设计，避免千篇一律的 AI 审美。
Installation
SKILL.md
绝不使用千篇一律的 AI 生成审美，如过度使用的字体（Inter、Roboto、Arial、系统字体）、陈词滥调的配色方案（尤其是白底紫色渐变）、可预测的布局和组件模式，以及缺乏情境特色的模板化设计。
创造性地诠释并做出出人意料的选择，让设计真正契合情境。没有两个设计应该雷同。在浅色和深色主题、不同字体、不同美学之间变换。绝不在多次生成中趋同于常见选择（例如 Space Grotesk）。
重要：让实现复杂度匹配美学愿景。极繁主义设计需要精心编写的代码，包含大量动画和效果。极简主义或精致设计需要克制、精准，并仔细关注间距、字体排版和微妙细节。优雅来自于对愿景的出色执行。
创建独的、生产级别的高质量前端界面。当用户要求构建网页组件、页面、 React Il s'agit d'une version HTML/CSS d'une interface utilisateur.设计，避免千篇一律的 AI 审美。 Source : leastbit/claude_skills_zh-cn.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill frontend-design- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que frontend-design ?
创建独的、生产级别的高质量前端界面。当用户要求构建网页组件、页面、 React Il s'agit d'une version HTML/CSS d'une interface utilisateur.设计，避免千篇一律的 AI 审美。 Source : leastbit/claude_skills_zh-cn.
Comment installer frontend-design ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill frontend-design Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/leastbit/claude_skills_zh-cn
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01