界面排版与视觉基础

原名：visual-design-foundations

用字体层级、配色、留白和对比建立清晰的阅读顺序，而不是只增加装饰。

中文 Skills 技能说明

网站信息都有但看起来杂乱时，可让前端开发工程师按既有品牌做视觉审查。提供页面截图、品牌颜色、字体授权和内容优先级，技能检查字号、间距、对齐、色彩与对比，交付问题清单、设计令牌草案和修改示例。不能随意使用未授权字体、图片或复制他人完整页面，也不把审查建议说成真实转化提升。核心分析可基于本地资料；样式修改和截图验证需要桌面工具，最终品牌表达及上线由老板审核。

上游能力依据

上游原始适用说明：Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.

上游 SKILL.md 主要章节（保留原文标题）：

使用边界

先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时，必须在执行前人工确认。

作者、翻译与许可证

原作者
Seth Hobson（wshobson）与 agents contributors
中文翻译
CEOFans翻译
许可证
MIT
上游来源
https://github.com/wshobson/agents/tree/46891e7e60da0e52baf1050b7b6391b64e84c6d9/plugins/ui-design/skills/visual-design-foundations

适用范围

平台：linux、macos、windows；标签：设计与前端、界面排版与视觉基础、开源技能

安全提示

基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。

如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。