Designer
一个扮演专业设计师角色,负责从构思到交付全流程的AI技能。
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:Designer。 它的用途是:一个扮演专业设计师角色,负责从构思到交付全流程的AI技能。 完整的 Skill 内容见:https://321skill.com/skills/designer/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘我需要为我们的新社交应用设计一个个人资料页,用户主要是Z世代,风格要清新、有活力。请遵循iOS设计规范,并定义好深色模式的配色方案。’ 它会首先理解需求,然后生成包含布局、色彩、字体、组件状态(如头像上传、编辑模式)的完整设计方案,并解释为何如此设计能吸引目标用户。
介绍
Designer Skill 旨在解决产品、品牌或项目中需要专业设计支持的问题。它能够承担设计师的核心职责,从理解需求、创意构思、视觉设计,到在设计评审中辩护方案,最终交付可供工程师直接构建的设计文件。
使用时,你可以像与一位专业设计师合作一样,向它提出设计需求。无论是需要设计一个Logo、一套UI界面、一个营销落地页,还是定义一套设计系统(如色彩、字体、间距规范),它都能基于行业最佳实践(如iOS/Android设计规范、无障碍标准、深色模式适配等)生成设计方案,并提供设计决策的合理性说明。
这个技能特别适合产品经理、UI设计师、前端开发以及需要独立完成设计任务的创业者或内容创作者。当团队缺乏专职设计师,或需要快速验证设计想法、统一视觉规范、检查设计稿与开发实现的一致性时,它能提供强大的辅助。
使用建议:在提出需求时,尽可能清晰地描述目标用户、使用场景和品牌调性。对于复杂项目,可以分阶段进行,例如先确定设计方向,再细化具体界面。需要注意的是,它主要处理的是成体系的设计任务,而非对单一作品的零散审美判断。
核心特点
与零散的`design`技能不同,它模拟了真实设计师从需求到交付的完整工作流,尤其擅长处理设计系统、多状态定义、平台适配规范等系统性设计问题,并能主动为设计决策提供专业辩护。
注意事项
不适合进行单一作品的即时视觉评判(如“这张图好看吗”),也不适用于专门的图表数据可视化设计或前端代码实现。
常见问题
Designer Skill 能帮我做海报吗?
可以,它能根据你的需求(如活动主题、品牌调性)设计宣传海报、电商促销主视觉等印刷或数字物料,并提供设计说明。
它和直接让AI“设计一个界面”有什么区别?
区别在于深度和系统性。此技能会像职业设计师一样,考虑空状态、加载、错误、焦点顺序等交互细节,并确保设计符合iOS/Android等平台规范,产出更专业、可落地。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/designer/raw/index.md 读取 Designer 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/designer/raw/index.md(查看排版版本)