custom-plugin-ux-design

一个包含7个专业代理的Claude Code插件,用于辅助完整的UX设计工作流。

安装使用

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

帮我安装这个 AI Skill:custom-plugin-ux-design。
它的用途是:一个包含7个专业代理的Claude Code插件,用于辅助完整的UX设计工作流。
完整的 Skill 内容见:https://321skill.com/skills/custom-plugin-ux-design/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

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

使用示例

“启动UI设计代理,我需要为新的电商应用设计一套色彩和排版规范。”,它会调用“02-ui-design”代理,引导你明确品牌调性、目标用户,并基于色彩理论和设计系统原则,为你生成一套包含主色、辅助色、字体层级和间距系统的初步设计令牌(Design Tokens)草案。或者,当你在进行用户测试时,可以

对AI说:“调用用户研究代理,帮我分析一下这些访谈记录中的核心痛点。”,它会使用“01-ux-research”代理的技能来帮你梳理信息、归纳用户画像和旅程地图。

介绍

UX Design Assistant是一个生产级的Claude Code插件,旨在为UX设计工作提供全面的AI辅助。它通过将复杂的UX设计流程拆解为七个独立的专业领域,每个领域由一个专门的AI代理负责,从而解决设计师在用户研究、界面设计、交互设计、原型制作、无障碍设计、移动端UX和文案撰写等环节中需要频繁切换工具和思路的痛点。

用户安装插件后,可以通过调用不同的代理来执行特定任务。例如,在进行用户调研时调用“01-ux-research”代理,在设计视觉界面时切换到“02-ui-design”代理。每个代理都与其专属的“原子技能”绑定,确保任务执行的精确性和专业性。

该插件非常适合UI设计师、产品经理以及全栈开发中负责前端体验的开发者。它能够帮助这些角色系统化地推进设计项目,确保设计过程的每个环节都得到专业考量,尤其适合需要遵循严格设计规范或进行复杂用户体验设计的项目。

使用建议:建议用户根据项目阶段明确需要解决的问题,然后调用对应的专业代理,以获得最精准的协助。注意,这是一个辅助工具,其输出仍需设计师进行专业判断和调整。初次使用时,建议从“Quick Start”部分列出的命令开始熟悉各个代理的功能边界。

核心特点

与单一、通用的设计辅助工具不同,本插件采用“多代理+原子技能”的架构,将UX设计全流程拆解为7个高度专业化、边界清晰的独立代理,每个代理专注于一个细分领域(如无障碍设计、移动端UX),并配有经过验证和错误处理的专用技能,确保了建议的专业性和工作流的模块化。

注意事项

该Skill主要专注于UX设计流程中的策略、规划和文档产出,不适合直接生成高保真视觉设计稿或执行复杂的图形编辑操作。

常见问题

安装后如何调用特定的UX设计代理?

安装并重启Claude Code后,在对话中直接输入代理名称即可调用,例如输入“custom-plugin-ux-design:02-ui-design”来启动UI设计代理。

这个插件需要Figma等设计软件吗?

不需要。插件本身是AI辅助工具,用于提供设计策略、流程建议和文档支持。生成的具体设计规范或原型描述仍需在Figma等工具中手动实现。

给 AI 助手的安装指引

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

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