Design
基于量化规则执行与评审视觉设计，提供专业建议。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Design。 它的用途是：基于量化规则执行与评审视觉设计，提供专业建议。 详细介绍见：https://321skill.com/skills/design-x-7/ 请根据该页面的说明完成安装。
使用示例
‘评审一下这个登录页的设计稿，我感觉信息层次不清晰，但说不出具体问题。’ 它会分析页面的视觉层次、间距、字体大小和色彩对比度，指出标题与正文的对比不足、按钮间距不一致等问题，并给出具体的调整数值建议。或者，你可以说：‘帮我把这个浅色主题的仪表盘适配成深色模式。’ 它会根据深色模式的设计原则，调整背景、文字和控件的色彩，确保可读性和视觉舒适度。
介绍
这个Skill旨在解决非专业设计师在视觉设计工作中遇到的常见痛点，例如页面看起来杂乱、业余、平淡，或者元素层次不清、文字难以阅读，但用户无法明确指出问题所在。它通过一套量化的设计规则，对版式、间距、字体、色彩和布局进行系统性的分析和建议，帮助用户快速定位并修正设计缺陷。
使用时，用户只需提供设计稿（如UI界面、海报、PPT页面、邮件模板等）或描述设计需求，该Skill便会应用其内置的量化规则库，对设计的视觉层次、间距比例、字体阶梯、色彩对比度和整体布局进行评审，并给出具体的优化建议和执行方案。
它非常适合UI设计师、前端开发、产品经理、营销专员和内容创作者等需要频繁产出或评审视觉内容的角色。无论是设计一个全新的登录页，还是优化一份现有的演示文稿，它都能提供专业、客观的设计指导。
需要注意的是，该Skill侧重于具体视觉元素的执行与评审，而非抽象的品牌策略或设计系统构建。建议用户在使用时提供尽可能清晰的设计上下文（如目标受众、使用场景），以获得更精准的建议。对于已经建立完善设计系统的团队，它更适合用于快速检查单次设计产出是否符合既定规范。
核心特点
与同类设计辅助工具相比，其核心在于提供基于量化规则（如具体的间距比例、字体大小阶梯、色彩对比度数值）的客观评审，而非主观的风格评价，能明确指出“哪里不对”并提供可执行的修改数值。
注意事项
不适用于构建设计系统（Design Tokens、组件库）或制定品牌战略等宏观设计工作。
常见问题
这个Skill能帮我设计一个完整的品牌视觉系统吗？
不能。它专注于具体设计稿的视觉执行与评审，不处理设计令牌、组件库或品牌策略等宏观、体系化的设计工作。
我可以用它来评审AI生成的HTML/CSS代码的视觉效果吗？
可以。该Skill明确包含在交付前评审生成的HTML/CSS的适用场景，能帮助检查代码实现与设计意图的视觉一致性。