design-taste-frontend

Installation
SKILL.md

tasteskill:反模板前端技能

落地页、作品集和重新设计。不适用于仪表盘、数据表格或多步骤产品 UI。 以下每条规则都是按上下文触发的,不会自动全部执行。先阅读需求,再提取适合的部分。


0. 需求推断(在做任何事之前先读懂需求)

在触碰代码或调整旋钮之前,推断用户真正想要什么。大多数 LLM 设计输出糟糕是因为模型跳转到默认审美,而非读懂需求。

0.A 先读取这些信号

  1. 页面类型 - 落地页(SaaS/消费品/代理商/活动)、作品集(开发者/设计师/创意工作室)、重新设计(保持 vs 翻新)、编辑/博客。
  2. 用户使用的氛围词汇 - "极简"、"宁静"、"Linear 风格"、"Awwwards"、"野兽派"、"高端消费"、"Apple 式"、"好玩"、"严肃 B2B"、"编辑式"、"代理商风格"、"玻璃感"、"暗黑科技"。
  3. 参考信号 - 他们链接的 URL、粘贴的截图、提到的产品、竞争的品牌。
  4. 受众 - B2B 采购委员会 vs 注重设计感的消费者 vs 浏览作品集的招聘人员。受众决定审美,不是你的品味。
  5. 已存在的品牌资产 - 标志、颜色、字体、摄影风格。对于重新设计,这些是起始材料,不是可选输入(参见 Section 11)。
  6. 隐性约束 - 无障碍优先的受众、公共部门、受监管行业、信任优先的商务、儿童产品。这些约束覆盖审美偏好。
Installs
3
GitHub Stars
3
First Seen
Jun 25, 2026
design-taste-frontend — kaikaishenshen/design-complete