Designer

一站式设计工作流助手,从构思到交付全程辅助。

安装使用

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

帮我安装这个 AI Skill:Designer。
它的用途是:一站式设计工作流助手,从构思到交付全程辅助。
完整的 Skill 内容见:https://321skill.com/skills/designer-x-5/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

‘我需要为我们的新社交应用设计一套完整的UI组件库,包括明暗主题、所有交互状态,并确保符合WCAG可访问性标准。请帮我制定设计令牌(颜色、字体、间距)并生成一份给开发者的交付规范。’ 它会引导你明确设计目标,逐步定义设计系统的各个部分,并最终输出一份结构化的设计文档和交付物清单。

介绍

这个Skill旨在解决设计师在日常工作中面临的复杂、系统性的设计任务挑战,例如需要统筹整个设计流程、确保设计稿可落地、处理多平台适配问题等。它不是一个简单的视觉评判工具,而是扮演一个“虚拟设计伙伴”的角色,能够协助设计师完成从需求理解、方案构思、设计执行、设计评审到最终交付开发的全链路工作。

使用时,你可以像与一位资深设计师同事沟通一样,向它描述你的设计目标、约束条件和具体需求。无论是需要定义一套完整的设计系统(如色彩、字体、间距),还是需要为特定界面状态(如加载、错误)制定规范,或是需要准备一份面向工程师的交付文档,它都能提供结构化的建议和产出。

它非常适合UI设计师、产品经理以及需要处理品牌或界面设计相关工作的全栈开发者。对于需要系统性解决设计问题,而非仅仅寻求一次性视觉反馈的用户来说,这个Skill能显著提升工作流程的完整性和专业性。

使用建议是,在启动复杂设计项目(如品牌重塑、新产品UI设计)或需要与开发团队紧密协作时调用此Skill。注意事项是,它不适用于对单一视觉稿的快速审美判断,也不负责数据图表设计或前端代码的具体实现,这些应分别使用专门的designdata-visualization-designfrontend技能。

核心特点

与仅提供视觉反馈或单一设计环节的Skill不同,它覆盖了从创意构思、设计执行、评审辩护到开发交付的完整设计工作流,尤其擅长处理跨平台(iOS/Android)、多状态(如悬停、禁用)以及可访问性(如对比度、焦点顺序)等系统性设计问题。

注意事项

不适合对单一成品(如一张图片)进行快速的美观度评判,也不适用于图表设计或前端代码编写。

常见问题

这个Skill能帮我画logo吗?

可以,它能协助你完成从创意构思、草图到最终方案论证的完整logo设计流程,而不仅仅是生成一个图形。

设计和开发对不上怎么办?

这正是该Skill的核心场景之一,它可以帮你分析设计稿与实现版本的差异,并生成用于沟通或修正的说明文档。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/designer-x-5/raw/index.md 读取 Designer 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。