Design

基于量化规则执行与评审视觉设计,解决设计“感觉不对”的问题。

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:Design。
它的用途是:基于量化规则执行与评审视觉设计,解决设计“感觉不对”的问题。
详细介绍见:https://321skill.com/skills/design-x-10/
请根据该页面的说明完成安装。

使用示例

‘评审一下这个登录页的截图,我感觉信息很乱,重点不突出。’,它会分析页面的视觉层次、间距、色彩对比和字体使用,指出具体问题,例如‘标题和副标题的对比度不足,建议将标题字号从24px增大到32px,并使用更深的颜色;行动按钮与背景色的对比度未达到可访问性标准,建议调整。’

介绍

这个Skill旨在解决非专业设计师或开发者在进行视觉设计时,面对“感觉不对”却无法精准定位问题的困境。它通过一套量化的规则(如层次、间距、字体比例、色彩、布局)来分析和评审设计稿,将主观的“感觉”转化为客观、可执行的改进建议。

使用时,你可以将设计稿(如UI界面、海报、PPT页面)的描述、截图或代码片段提供给AI。AI会基于设计原则进行分析,指出具体问题(如信息层级不清晰、色彩对比度不足、间距混乱),并提供修改方向和量化参考值。

它特别适合前端开发、全栈开发、产品经理、内容创作者和电商运营等需要直接参与界面或视觉内容制作,但缺乏系统设计训练的角色。当设计稿显得杂乱、业余、平淡或可读性差时,它能提供专业视角的快速诊断。

建议在设计的早期或中期评审阶段使用,以获得及时的优化指导。请注意,它提供的是基于规则的“诊断”和“执行建议”,而非天马行空的创意构思。对于高度依赖品牌策略或需要构建完整设计系统的复杂任务,应寻求更专业的工具或人员。

核心特点

与同类设计辅助工具相比,它不依赖主观审美,而是基于一套可量化的设计规则(如具体的间距比例、字体阶梯、色彩对比度标准)进行“诊断”,将模糊的设计问题转化为具体的、可执行的修改指令。

注意事项

不适合用于创建或管理设计令牌、组件库(设计系统)或制定品牌战略等需要系统性构建和策略规划的场景。

常见问题

这个Skill能直接生成设计图吗?

不能。它主要功能是分析和评审已有的设计(描述、截图或代码),提供基于量化规则的改进建议,而不是从零生成图像。

它能帮我选择品牌主色吗?

可以基于色彩搭配原则(如对比度、和谐度)提供配色建议,但不涉及品牌策略层面的深度分析和决策。