Design
量化规则驱动的视觉设计与批评工具
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Design。 它的用途是：量化规则驱动的视觉设计与批评工具 详细介绍见：https://321skill.com/skills/design-x-3/ 请根据该页面的说明完成安装。
使用示例
'请批评这张登录页面的设计，指出层级、间距、字体和颜色问题，并给出量化改进建议'，它会基于规则分析并输出例如“标题字号应为32px，当前24px，建议增大33%以建立层级；按钮与输入框间距应为16px，当前8px，建议增加一倍”等具体修改方案。
介绍
你是否遇到过设计看起来“哪里不对”却说不清原因？文本难以阅读、画面杂乱或平淡无味？本Skill通过一套可量化的规则（层级、间距、字体比例、颜色、布局），帮你精准定位问题并给出可执行的改进方案。无论是UI界面、广告海报、社交媒体图形还是HTML/CSS代码，它都能像一位资深设计专家一样提供结构化批评。
使用方式非常简单：你只需提供设计稿截图、描述或代码，Skill会依据规则输出具体问题点和修改建议，例如“标题字号应增大20%以建立层级”、“卡片间距不足24px导致视觉拥挤”、“对比度低于4.5:1，需调整颜色”。它还能主动帮你完成设计，比如从零生成一套符合量化规范的海报，或自动适配深色模式。
适合UI设计师、前端开发工程师、内容创作者、营销人员以及任何需要快速获得高质量视觉反馈的人。尤其适合没有专职设计师的团队，或希望在设计评审中获得客观标准而非主观偏好的场景。
注意：本Skill专注于具体视觉元素的量化优化，不适合用于设计令牌（Design Tokens）和组件库的搭建（请使用design-system工具），也不适合品牌战略层面的策略制定（请使用branding工具）。建议在生成最终HTML/CSS前使用它做一次“设计合规检查”，能显著提升交付质量。
核心特点
不同于依赖主观审美的设计工具，本Skill基于可量化的规则（如层级系数、间距网格、字体缩放比例、颜色对比度等）来执行和批评设计，每次输出都有具体数值和修改方向，让设计评审变得可衡量、可复现。
注意事项
不适合用于设计令牌（Design Tokens）和组件库的搭建，也不适合品牌战略层面的策略制定。
常见问题
能自动生成完整的设计稿吗？
可以，但生成的更偏向于符合量化规则的布局和配色方案，细节创意仍需人工调整。
适合完全没有设计经验的人吗？
适合，它会给出具体数值建议，即使不懂设计也能照着改。