UI/UX Designer
设计可访问的界面和可扩展的设计系统
团队在产品中常常面临 UI/UX 设计不一致和可访问性合规性的挑战。此技能提供设计系统、用户研究和包容性设计实践的专业指导，帮助创建一致且可访问的界面。
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "UI/UX Designer". 为设计系统创建按钮组件规范
النتيجة المتوقعة:
按钮组件包含 primary/secondary/tertiary 变体、四种状态（default/hover/active/disabled）、基于令牌的颜色/排版/间距样式、符合 WCAG AA 颜色对比度标准、键盘焦点指示器、屏幕阅读器提示和响应式尺寸变体
استخدام "UI/UX Designer". 为结账流程规划可用性测试
النتيجة المتوقعة:
可用性测试计划包含 5-8 名参与者、远程主持会议、出声思维协议、成功标准（任务完成度、任务时间、错误率）、访客结账和注册用户结账的场景脚本、测试后 SUS 问卷和亲和图分析框架
التدقيق الأمني
آمنThis is a prompt-only skill containing no executable code, scripts, or external dependencies. Static analysis detected zero security patterns. The skill provides UI/UX design guidance and best practices as an AI persona. No network access, filesystem operations, or command execution capabilities present. Safe for publication.
درجة الجودة
ماذا يمكنك بناءه
从头开始构建设计系统
为新产品或品牌重塑项目创建包含设计令牌、组件库和文档的综合设计系统。
可访问性审核和修复
对现有界面进行 WCAG 合规性审核，并创建可访问性改进的优先级修复策略。
用户研究规划和执行
设计全面的用户研究计划，包括访谈指南、测试协议和分析框架，用于产品发现。
جرّب هذه الموجهات
审核此界面设计，并提供关于可用性、可访问性和视觉层次的反馈。包括具体的改进建议和 WCAG 合规性说明。
为 [component type] 创建设计令牌结构和组件规范。包括颜色令牌、排版、间距、状态、变体和可访问性要求，遵循原子设计原则。
为 [product/context] 设计全面的用户研究计划。包括研究目标、参与者标准、招募策略、访谈/讨论指南、任务和场景、成功指标和分析框架。考虑可访问性和包容性招募。
对 [interface/product] 进行 WCAG 2.2 AA/AAA 审核。识别所有可访问性障碍，按严重程度和 WCAG 标准分类，解释对每种残障类型的用户影响，并创建包含实施指导的优先级修复路线图。
أفضل الممارسات
- 在视觉设计决策之前，始终从用户需求和可访问性要求开始
- 使用设计令牌作为跨平台和团队一致性的单一事实来源
- 记录设计决策及其理由，以便未来迭代和团队对齐
تجنب
- 孤立地设计组件，而不考虑系统范围的一致性
- 跳过用户研究，对用户需求和使用行为做出假设
- 将可访问性视为最后的检查清单，而不是从一开始就整合