Design
基于量化规则执行与评审视觉设计,解决界面“看起来不对劲”的问题。
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:Design。 它的用途是:基于量化规则执行与评审视觉设计,解决界面“看起来不对劲”的问题。 详细介绍见:https://321skill.com/skills/design-x-2/ 请根据该页面的说明完成安装。
使用示例
“评审一下这个登录页的视觉设计,我感觉信息层次不清晰。” 它会分析你的设计稿或描述,指出在间距、字体大小对比、颜色权重等方面的问题,并给出具体的调整建议,比如“将主标题字号从24px增大到32px,与正文形成更明显的层级对比”。或者,你可以说:“帮我把这个浅色界面的设计规则适配到深色模式。” 它会基于色彩对比度、视觉重量等规则,提供一套适配深色模式的配色和调整方案。
介绍
这个Skill旨在解决视觉设计中那些“感觉不对”但难以言明的问题。当你的UI界面、海报、幻灯片或社交媒体图片看起来杂乱、业余、平淡无奇,或者文字难以阅读、缺乏重点时,它可以帮助你定位问题。
它通过一套量化的设计规则来运作,这些规则涵盖了视觉层次、间距、字体比例、色彩和布局等核心维度。你只需提供设计稿或描述你的设计,它便能基于这些规则进行分析、执行设计调整或提供具体的批判性反馈。
它非常适合UI设计师、前端开发、产品经理以及任何需要产出或评审视觉材料的内容创作者和营销专员。当缺乏完整设计系统支持,需要在选择字体、搭配字型、构建调色板或适配深色模式/移动端时做出快速决策,这个Skill能提供专业指导。
使用建议:在设计的早期概念阶段或最终交付前的审查阶段使用效果最佳。对于生成的HTML/CSS代码,可以在交付前用它进行一轮视觉规则检查。请注意,它提供的是基于通用设计原则的建议,对于高度定制化或强品牌风格的设计,需结合具体品牌指南进行判断。
核心特点
与通用设计建议工具不同,它基于一套明确、可量化的设计规则(如具体的间距比例、字体阶梯、色彩对比度标准)进行诊断和执行,提供的是可操作、非主观的修改指令,而非模糊的感觉反馈。
注意事项
不适合用于创建或管理设计令牌、组件库等设计系统底层资产,也不涉及品牌策略制定。
常见问题
这个Design Skill能帮我做完整的UI设计吗?
不能。它主要基于现有设计稿或概念进行评审、优化和执行具体规则,是一个设计助手和质检员,而非从零开始的设计生成器。
它能适配我们公司的品牌设计规范吗?
它遵循的是通用、量化的设计原则。如果你的品牌有特殊规范(如特定色值、字体),你需要明确提供这些信息,它可以在通用规则基础上结合你的规范给出建议。