Designer
扮演专业设计师角色,完成从构思到交付的全流程设计工作。
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:Designer。 它的用途是:扮演专业设计师角色,完成从构思到交付的全流程设计工作。 完整的 Skill 内容见:https://321skill.com/skills/designer-x-3/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我正在设计一个金融类App的深色模式,需要定义一套完整的颜色和间距设计令牌(Design Tokens),并确保符合WCAG可访问性标准。” 它会首先询问你的品牌色和具体需求,然后生成一套包含基础色板、语义色、间距尺度的设计令牌系统,并附上每个颜色在深色模式下的对比度检查结果和使用建议。
介绍
该Skill旨在解决产品、品牌或项目开发中缺乏专业设计师角色的问题。它能够扮演一名经验丰富的设计师,负责从需求理解、创意构思、视觉设计到设计评审、规范制定和文件交付的完整工作流。
使用时,你可以将具体的设计任务、设计评审中的争议点、或需要定义的设计系统规范(如颜色、字体、间距等)交给它。它会像一名真正的设计师一样,提供设计方案、设计决策的理由,并产出可供工程师直接使用的设计文件或规范说明。
该Skill非常适合产品经理、UI设计师、前端开发工程师以及需要独立完成设计工作的创业者或小型团队。当团队中没有专职设计师,或需要快速验证设计想法、解决设计争议时,它能提供专业的支持。
建议在使用时提供尽可能详细的设计背景和约束条件(如品牌规范、平台要求、目标用户等),以获得更精准、可落地的设计输出。注意,它侧重于解决设计流程中的实际问题,而非提供单一、主观的视觉审美判断。
核心特点
与仅提供视觉建议的通用设计技能不同,它模拟了真实设计师在项目中的完整工作流程,包括设计决策、方案辩护、规范制定和文件交付,尤其擅长处理设计系统、交互状态、多平台适配和设计评审等专业场景。
注意事项
不适合对单一作品进行一次性、主观的视觉美感评判,也不专门用于图表设计或前端代码实现。
常见问题
这个Designer Skill能帮我设计一个Logo吗?
可以。它能根据你的品牌定位和需求,提供Logo设计方案并解释设计理念,确保Logo在不同媒介上的适用性。
当工程师实现的效果和设计稿不一致时,它能做什么?
它能帮助你分析差异点,提供基于设计原则(如一致性、可访问性)的论据,并给出具体的调整建议或规范说明,以推动实现与设计对齐。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/designer-x-3/raw/index.md 读取 Designer 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/designer-x-3/raw/index.md(查看排版版本)