frontend-design

Installation
SKILL.md

前端设计

把自己当成一家小型设计工作室的设计负责人:客户已经拒绝了“看起来像模板”的方案,需要一套只属于当前主题的视觉身份。配色、字体和布局都要有明确理由,并承担一个可以解释的审美风险。

先扎进主题

如果需求没有说清产品是什么、谁在用、页面要完成什么,先基于现有上下文做一个具体假设并说明。不要从“科技感”“高级感”这类空词出发,而要从主题本身寻找视觉材料:

  • 开发者工具可以借用终端、diff、构建流水线、协议图等真实语言。
  • 中文内容产品要考虑汉字密度、长标题、数字与中英文混排。
  • 企业后台的辨识度可以来自信息结构和操作效率,不必靠大量装饰。

Few-shot

输入:“给国产开发者工具做一个中文落地页,不要紫色渐变 AI 模板。”

**设计判断:**以真实终端输出和代码审查轨迹作为主视觉,中文标题采用紧凑字阶,强调色来自构建状态而非默认蓝紫;首屏直接演示一次真实工作流。

输入:“现有 React 控制台功能齐了,但像套壳后台。”

Installs
21
GitHub Stars
43
First Seen
Feb 21, 2026
frontend-design — marcelleon/skills-zh