设计总显得不统一?这个Skill查基础

应用字体、颜色、间距和图标原则建立统一视觉系统。

visual-design-foundations 是指导 AI 处理字体、颜色、间距和图标等设计基础的 Skill。它可以帮助建立视觉规范,也能检查现有设计为什么显得不统一。

一页内容看着乱,未必缺一张好图。可能同级标题大小不同,相关内容之间距离太远,说明文字又比主要信息更抢眼。把这些关系整理好,读者才知道先看哪里。

文档带有网页实现示例,也会考虑文字对比度、字号层次和不同状态的颜色。因此,它更适合要把设计规则落实到页面或组件的人。

你可以让 AI 从现有页面开始,只检查字体层级和间距,先交一份调整建议。一次找清一种问题,比不断要求“再高级一点”更容易积累出稳定的视觉风格。

每天在iskills.cc看懂一个skill,让 AI 的本领, 成为你的拿手好戏!

分类:设计创作

来源仓库:wshobson/agents

适合用来做什么

  • 应用色彩理论创建一个视觉设计风格指南。
  • 请解释排版和间距系统在视觉层次中的作用。

安装 visual-design-foundations

npx skills add https://www.iskills.cc/skills/wshobson/agents/visual-design-foundations/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 visual-design-foundations 的用途与原始说明

浏览全部 Skill 指南