frontend-design
✓创建独特的、生产级别的高质weight前端界면。当用户要求构建网页组件、页组件、 작품、海报或应用程序时使用此技能（例如网站、落地页、仪表盘、React组件、HTML/CSS 布局，或对任何网页 UI 进行样式美化)。生成富有创创意、精致的代码 and UI 设计，避免千篇一律的 AI 审美.
SKILL.md
绝不使用千篇一律的 AI 生成审美，如过度使用的字体（Inter、Roboto、Arial、系统字体）、陈词滥调的配色方案（尤其是白底紫色渐变）、可预测的布局和组件模式，以及缺乏情境特色的模板化设计。
创造性地诠释并做出出人意料的选择，让设计真正契合情境。没有两个设计应该雷同。在浅色和深色主题、不同字体、不同美学之间变换。绝不在多次生成中趋同于常见选择（例如 Space Grotesk）。
重要：让实现复杂度匹配美学愿景。极繁主义设计需要精心编写的代码，包含大量动画和效果。极简主义或精致设计需要克制、精准，并仔细关注间距、字体排版和微妙细节。优雅来自于对愿景的出色执行。
创建独特的、生产级别的高质weight前端界면。当用户要求构建网页组件、页组件、 작품、海报或应用程序时使用此技能（例如网站、落地页、仪表盘、React组件、HTML/CSS 布局，或对任何网页 UI 进行样式美化)。生成富有创创意、精致的代码 and UI 设计，避免千篇一律的 AI 审美. 출처: leastbit/claude_skills_zh-cn.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill frontend-design- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
frontend-design이란?
创建独特的、生产级别的高质weight前端界면。当用户要求构建网页组件、页组件、 작품、海报或应用程序时使用此技能（例如网站、落地页、仪表盘、React组件、HTML/CSS 布局，或对任何网页 UI 进行样式美化)。生成富有创创意、精致的代码 and UI 设计，避免千篇一律的 AI 审美. 출처: leastbit/claude_skills_zh-cn.
frontend-design 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill frontend-design 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/leastbit/claude_skills_zh-cn
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01