frontend-design

Installation
SKILL.md

Frontend Design Skill

此技能指导创建独特的生产级前端界面,避免平庸的"AI 粗糙"美学。实现真正可用的代码,并高度关注美学细节和创意选择。

When to Use This Skill

使用此技能当用户请求:

  • 构建 Web 组件、页面或完整应用程序
  • 创建着陆页、仪表盘或营销页面
  • 设计 React、Vue 或原生 HTML/CSS 界面
  • 美化或重新设计现有的 Web UI
  • 创建海报、素材或视觉设计元素(用于 Web)
  • 需要高设计品质和独特美学的任何前端项目

关键触发词: Web 组件、页面、应用、网站、着陆页、仪表盘、React 组件、HTML/CSS、UI 设计、美化、前端

核心原则

在编写代码之前,必须进行深入的设计思考。每个界面都应该是独特的、有意图的、令人难忘的。

Related skills

More from yyh211/claude-meta-skill

Installs
55
GitHub Stars
267
First Seen
Jan 24, 2026