Skill技能.
前端设计风格 Skill 技能|整合 58 家大厂设计规范,让 AI 一键生成高颜值标准化网页
Skill 简介 做网站的时候选配色、选字体这些事挺耗时间的。我做了个叫 ColorSpace 的 Skill,里面放了 Stripe、Notion、Vercel、Apple 等 58 个品牌的设计规范数据。你告诉它要做什么类型的网页,它会推荐几个合适的品牌风格,选一个之后它会按那个品牌的配色、字体、组件规范来生成页面。 使用场景 平时让 AI 帮忙写页面,功能上一般没问题,但视觉效果经常不太行。配色、间距、字体这些没个标准,出来的页面总感觉差点意思。 后来想到一个办法:与其让 AI 自己"发挥",不如直接给它一套现成的设计规范照着做。比如告诉它"按 Notion 的设计规范来",Notion 用什么蓝、标题多大、按钮什么样式,这些数据都是现成的。AI 有了明确的参照,生成的页面质量确实好不少。 这个 Skill 就是把这个过程自动化了 创作过程 大概分了三步。 第一步是整理数据。 原始design.md数据来自 GitHub 上的 awesome-design-md 项目,60 多个品牌的设计系统,每个品牌一份 DESIGN.md,包…