Releases: Rocccccc-hub/ued-copilot
Releases · Rocccccc-hub/ued-copilot
🎨 UED Copilot v2.0.0 - Initial Release | 首次发布
UED Copilot v2.0.0
资深 UI/UX 设计审查与优化智能体
Professional UI/UX Design Auditor & Fixer
基于 Apple HIG、Material Design、Nielsen 可用性原则和 WCAG 无障碍标准
Based on Apple HIG, Material Design, Nielsen Heuristics & WCAG Standards
🎯 这是什么？| What's This?
UED Copilot 是一个专业的 UI/UX 设计审查技能，可以：
UED Copilot is a professional UI/UX design audit skill that can:
- 🔍 自动识别页面中的设计缺陷 | Auto-detect design flaws
- 📋 给出可执行的修复方案 | Provide actionable fix suggestions
- 🎯 基于国际公认设计标准 | Based on international design standards
- 🤖 支持自动化执行 | Support automated execution
适合场景 | Perfect For：
- ✅ Vibe coding 后快速优化设计 | Quick design optimization after vibe coding
- ✅ 跨平台设计规范检查 | Cross-platform design guideline check
- ✅ 无障碍性审查 | Accessibility audit
- ✅ 建立或优化设计规范 | Build or improve design system
✨ 核心特性 | Core Features
🎯 Stage-Based 执行流程 | Stage-Based Execution Flow
采用专业的分阶段执行流程，确保审查稳定可靠：
Professional stage-based execution ensures stable and reliable audits:
- Stage 0: 输入验证 | Input Validation
- Stage 1: 设计规范确认 | Design System Confirmation
- Stage 2: 6 维度系统化审查 | 6-Dimension Systematic Audit
- Stage 3: 问题分类与优先级排序 | Classification & Prioritization
- Stage 4: 生成总览 | Generate Overview
- Stage 5: 逐个展示问题 | One-by-One Issue Display
- Stage 6: 生成修复计划 | Generate Fix Plan
- Stage 7: 执行修复（可选）| Execute Fixes (Optional)
🛡️ 自检机制 | Self-Check Mechanism
每个阶段结束前自动验证：| Auto-validate at end of each stage:
- ✓ 执行完整性检查 | Execution completeness check
- ✓ 输出格式验证 | Output format validation
- ✓ 异常情况识别 | Exception identification
- ✓ 用户确认等待 | User confirmation wait
🎨 设计审查维度 | Design Audit Dimensions
1. 视觉层面（UI）| Visual (UI)
- 排版与可读性 | Typography & Readability
- 颜色与对比度（WCAG 标准）| Colors & Contrast (WCAG)
- 间距与对齐（8pt 网格）| Spacing & Alignment (8pt grid)
- 信息层级 | Information Hierarchy
- 组件一致性 | Component Consistency
2. 交互层面（UX）| Interaction (UX)
- 导航与信息架构 | Navigation & IA
- 任务流程优化 | Task Flow Optimization
- 反馈与状态提示 | Feedback & Status
- 错误处理与预防 | Error Handling & Prevention
- 操作确认机制 | Action Confirmation
3. 可用性原则（Nielsen）| Usability (Nielsen's 10)
- 系统状态可见性 | Visibility of system status
- 用户控制与自由 | User control and freedom
- 一致性与标准 | Consistency and standards
- 错误预防 | Error prevention
- 识别胜于记忆 | Recognition over recall
- ... [全部 10 条]
4. 无障碍性（WCAG 2.1/2.2）| Accessibility
- 颜色对比度检查（AA/AAA）| Color contrast (AA/AAA)
- 键盘操作支持 | Keyboard navigation
- 触控目标尺寸（44×44px）| Touch target size
- 语义化 HTML | Semantic HTML
- 屏幕阅读器支持 | Screen reader support
5. 平台规范 | Platform Guidelines
- iOS (Apple HIG)
- Android (Material Design)
- Web (响应式设计 | Responsive design)
🎭 两种工作模式 | Two Working Modes
单次审查模式 | One-time Audit Mode
- 用户提供页面信息（截图/URL/代码）
- 系统化审查
- 互动展示问题
- 生成修复计划
- 可选自动修复
Copilot 模式 | Copilot Mode
- 持续监控开发过程
- 主动识别设计问题
- 及时礼貌提醒
- 辅助设计决策
- 阶段性总结
💡 智能特性 | Smart Features
- 📦 智能规范管理 | Smart Design System: 支持自定义或使用默认最佳实践 | Support custom or default
best practices - 🎯 优先级分级 | Priority Levels: 严重/建议/次要 | Critical/Suggested/Minor
- 💻 可执行修复 | Actionable Fixes: 代码示例 + 具体步骤 | Code examples + specific steps
- 🔢 数值精确 | Precise Values: 对比度 4.5:1，尺寸 44px | Contrast 4.5:1, size 44px
- 🔍 异常处理 | Exception Handling: 信息不足/超时/失败场景 | Info insufficient/timeout/failure
scenarios
📦 安装方法 | Installation
前置要求 | Prerequisites
- Claude Code CLI 已安装 | Installed
方法 1：从 Release 下载（推荐）| Method 1: From Release (Recommended)
# 下载本页面的 ued-copilot.skill 文件
# Download the ued-copilot.skill file from this page
# 安装 | Install
claude skills install ued-copilot.skill
方法 2：从源码安装 | Method 2: From Source
git clone https://github.com/Rocccccc-hub/ued-copilot.git
cd ued-copilot
claude skills install ued-copilot.skill
验证安装 | Verify Installation
claude skills list
# 应该看到 ued-copilot 在列表中
# Should see ued-copilot in the list
---
🚀 快速开始 | Quick Start
基础使用 | Basic Usage
1. 提供页面信息 | Provide Page Info
用户 | User：帮我审查这个登录页面（上传截图）
Help me audit this login page (upload screenshot)
2. 确认设计规范 | Confirm Design System
AI：你的项目有自定义设计规范吗？
Does your project have a custom design system?
1️⃣ 有 | Yes
2️⃣ 没有，使用默认 | No, use default
3️⃣ 不确定 | Not sure
3. 查看审查结果 | View Audit Results
AI：📊 页面审查结果
发现 8 个问题...
你想怎么处理？
1️⃣ 逐个查看
2️⃣ 只看严重问题
3️⃣ 直接生成修复计划
4. 选择下一步 | Choose Next Step
- 逐个查看问题详情 | View issues one by one
- 生成修复计划 | Generate fix plan
- 可选让 AI 帮你改代码 | Optionally let AI fix code
---
📚 包含资源 | Included Resources
- 📖 设计原则快速参考 | Design Principles Reference: Apple HIG, Material Design, Nielsen, WCAG 核心原则 |
Core principles
- 🎨 默认设计 Token | Default Design Tokens: 完整的颜色、字体、间距规范 | Complete color, typography,
spacing specs
- ✅ 设计规范审查清单 | Design System Audit Checklist: 检查自定义规范的完整性 | Check custom system
completeness
- 📋 页面审查清单 | Page Audit Checklist: 系统化审查所有维度 | Systematic audit all dimensions
---
🎯 使用场景 | Use Cases
1. 快速开发后的设计优化 | Design Optimization After Rapid Development
- Vibe coding 完成后快速审查 | Quick audit after vibe coding
- 识别可用性和可访问性问题 | Identify usability/accessibility issues
2. 设计规范建立 | Design System Establishment
- 审查现有设计规范 | Review existing design system
- 建议优化方向 | Suggest improvements
- 对齐行业标准 | Align with industry standards
3. 跨平台设计审查 | Cross-platform Design Review
- 检查 iOS/Android/Web 平台规范 | Check platform guidelines
- 确保交互符合平台习惯 | Ensure interactions match platform patterns
4. 无障碍性审查 | Accessibility Audit
- WCAG 合规性检查 | WCAG compliance check
- 对比度、键盘操作、语义化验证 | Contrast, keyboard, semantic validation
5. 设计 Copilot | Design Copilot
- 项目全程设计助手 | Full-project design assistant
- 持续监控设计决策 | Continuous design monitoring
- 主动提供优化建议 | Proactive optimization suggestions
---
🙏 致谢 | Credits
本技能基于以下设计规范和标准：
This skill is based on the following design standards:
- 🍎 https://developer.apple.com/design/human-interface-guidelines/
- 🎨 https://material.io/design
- 📊 https://www.nngroup.com/articles/ten-usability-heuristics/
- ♿ https://www.w3.org/WAI/WCAG21/quickref/
- 🎯 https://www.iso.org/standard/77520.html
---
📧 反馈与支持 | Feedback & Support
如有问题或建议，欢迎：| For questions or suggestions:
- 🐛 https://github.com/Rocccccc-hub/ued-copilot/issues
- 💬 https://github.com/Rocccccc-hub/ued-copilot/discussions
---
Made with ❤️ by https://github.com/Rocccccc-hub
使用 https://claude.ai/code 开发 | Built with Claude Code