feat: 增强 command-guide skill，新增 UI 设计工作流指南和自动同步功能

## 主要更新

### 1. 新增 UI 设计工作流完整指南
- 新增 `ui-design-workflow-guide.md` (12KB)
- 使用 Gemini 分析 11 个 UI 设计命令文件
- 提供 4 种工作流模式详细指导：
  - 探索式设计（新概念）
  - 设计复制（模仿现有网站）
  - 代码优先导入
  - 批量生成（高容量）
- 包含架构最佳实践、性能优化和故障排查

### 2. 更新工作流模式指南
- 在 `workflow-patterns.md` 中新增 Pattern 7: UI设计工作流
- 提供三种子模式的中文示例
- 添加 UI 设计指南的交叉引用

### 3. 增强索引构建脚本
- 更新 `analyze_commands.py` 支持自动同步 reference 目录
- 新增 `sync_reference_directory()` 函数：
  - 自动删除旧的 reference 文件
  - 从 `.claude/agents` 和 `.claude/commands` 复制最新文件
  - 确保索引构建前 reference 目录为最新
- 增强统计输出，显示 reference 目录同步状态

### 4. 更新索引文件
- 重建所有索引文件（all-commands.json, by-category.json 等）
- 优化命令元数据和分类
- 同步最新的 UI 设计命令（包括新增的 import-from-code.md）

## 技术细节

**命令分类体系**:
- Orchestrators: explore-auto, imitate-auto, batch-generate
- Core Extractors: style-extract, layout-extract, animation-extract
- Input & Capture: capture, explore-layers, import-from-code
- Assemblers: generate, update

**架构原则**:
- 关注点分离：Style、Structure、Motion 独立
- Token-First CSS：使用 CSS 变量而非硬编码
- 并行执行：支持最多 6 个并发任务

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

.claude/skills/command-guide/guides/workflow-patterns.md

@@ -461,10 +461,70 @@ graph TD
 
 ---
 
+## 🎨 Pattern 7: UI设计工作流
+
+**适用场景**：前端UI设计和原型开发
+
+**流程**：探索设计 / 模仿设计 / 代码导入 → 生成原型 → 集成
+
+### 三种子模式
+
+#### 7.1 探索式设计（新概念）
+
+```bash
+# 从提示词创建多个设计方案
+/workflow:ui-design:explore-auto \
+  --prompt "现代化SaaS着陆页，包含英雄区、特性、定价" \
+  --style-variants 3 \
+  --layout-variants 2
+
+# 输出：
+# - 3个风格变体 × 2个布局变体 = 6个原型
+# - design-tokens-v1/v2/v3.json
+# - layout-templates-v1/v2.json
+# - compare.html（对比页面）
+```
+
+#### 7.2 模仿式设计（复制现有网站）
+
+```bash
+# 高保真克隆目标网站
+/workflow:ui-design:imitate-auto \
+  --url-map "首页:https://example.com, 定价:https://example.com/pricing"
+
+# 输出：
+# - 统一的设计系统（design-tokens.json）
+# - 页面结构（layout-templates.json）
+# - 重建的HTML原型
+```
+
+#### 7.3 代码优先导入
+
+```bash
+# 从现有代码库提取设计系统
+/workflow:ui-design:import-from-code \
+  --base-path ./src/components
+
+# 输出：
+# - 提取的设计令牌
+# - 完整性报告
+# - 改进建议
+```
+
+**关键概念**：
+- **关注点分离**：样式（design-tokens）、结构（layout-templates）、动画（animation-tokens）独立
+- **令牌优先**：使用CSS变量而非硬编码
+- **可重用性**：设计系统可跨项目复用
+
+**详细指南**：参见 [UI Design Workflow Guide](ui-design-workflow-guide.md)
+
+---
+
 ## 🔗 相关资源
 
 - **快速入门**：[Getting Started](getting-started.md) - 5分钟上手
 - **CLI 工具**：[CLI Tools Guide](cli-tools-guide.md) - Gemini/Qwen/Codex 详解
+- **UI设计工作流**：[UI Design Workflow Guide](ui-design-workflow-guide.md) - UI设计完整指南
 - **问题排查**：[Troubleshooting](troubleshooting.md) - 常见问题解决
 - **完整命令列表**：查看 `index/all-commands.json`