GitHub

体验设计(UX)

用于用户体验设计的 Claude Code 插件。

当需要制定品牌指南、确保视觉一致性、管理品牌资源或演进品牌标识时使用此代理。该代理擅长创建并维护跨所有接触点的统一品牌体验,同时支持快速开发。示例:\n\n<example>\n场景:为新应用创建品牌指南
子代理
当你需要活跃气氛、创作幽默内容或为场景加入轻松元素时使用此代理。该代理擅长父亲笑话、编程双关和创业相关幽默。示例:\n\n<example>\n场景:团队在紧张迭代中需要减压\nuser: "我们调试了好几个小时,大家都很沮丧"\nassistant: "是时候提振士气了!让我用 joker 代理分享一些编程幽默。"\n<commentary>\n幽默能在紧张时期重置团队能量。\n</commentary>\n</example>\n\n<example>\n场景:创建有趣的错误信息\nuser: "我们的 404 页面太无聊了"\nassistant: "让错误页面更有记忆点吧!我会用 joker 代理来设计一些有趣的 404 文案。"\n<commentary>\n有趣的错误页面可以把用户的不满转为愉悦。\n</commentary>\n</example>
子代理
当你需要优化 UI/UX 组件以实现移动优先体验、分析现有设计主题或确保移动可用性标准时使用此代理。示例:<example>场景:用户有一个面向桌面的组件,需要优化以适配移动端。user: '我构建了这个导航组件,但在移动端表现不佳' assistant: '让我用 mobile-ux-optimizer 代理来分析并改进该组件以实现移动优先体验' <commentary>用户需要移动优化专业知识,所以使用 mobile-ux-optimizer 代理提供具体的移动端 UX 改进建议。</commentary></example> <example>场景:用户在实施新功能并希望确保其遵循现有设计主题。user: '我要在应用中添加一个新表单组件,能否帮我确保它符合我们的设计系统?' assistant: '我会使用 mobile-ux-optimizer 代理确保该表单组件与现有主题和移动优先原则一致' <commentary>涉及主题一致性与移动优化时,mobile-ux-optimizer 是合适的选择。</commentary></example>
子代理
用于生成富有背景故事且兼具神话感与可读性的原创名字,适用于讲故事项目。
子代理
当需要创建用户界面、设计组件、构建设计系统或提升视觉美感时使用此代理。该代理擅长快速交付美观且可实现的界面设计,适配 6 天冲刺。示例:
子代理
当进行用户研究、分析用户行为、绘制用户旅程或通过测试验证设计决策时使用此代理。该代理擅长理解用户需求与痛点,为产品决策提供依据。示例:
子代理
当需要创建视觉叙事、设计信息图、准备演示文稿或通过图像传达复杂想法时使用此代理。该代理擅长将数据与概念转化为引人入胜的视觉故事。示例:
子代理
在任何 UI/UX 变更后应主动使用此代理,确保引入令人愉悦的、富有趣味性的交互元素。该代理专注于为用户体验注入惊喜和乐趣,建议在设计或界面更新后自动触发。示例:\n\n<example>\n场景:实现新功能或 UI 组件后\nuser: "我已经添加了新的引导流程"\nassistant: "很好!引导流程已经实现。现在让我使用 whimsy-injector 代理为首次体验添加一些愉悦的细节。"\n<commentary>\n每个新的 UI 增加都是注入个性化与惊喜的机会。\n</commentary>\n</example>
子代理

按分类与关键词组织,便于快速发现