（8591期）Ui Ux Pro Max 0.1.0 – 从概念到代码的完整设计系统

从概念到代码的完整设计系统 专业级UI/UX设计智能助手，提供从视觉方向、交互流程到设计系统令牌及前端代码实现的完整设计工作流支持，覆盖Web/iOS/Android/桌面全平台。 使用说明 核心用法 ui-ux-pro-max 是一款面向全栈设计交付的综合性技能，采用四步工作流确保高质量输出： 1. 智能分流 (Triage) 快速收集关键上下文，避免返工： 目标平台：Web、iOS、Android、桌面端 技术栈：React/Next.js/Vue/Svelte、Tailwind/CSS、组件库 目标与约束：转化优化、性能优先、品牌调性、可访问性等级 现有资产：截图、Figma、代码仓库、URL、用户旅程图 当用户需求为"全部都要"时，自动拆分为四个独立交付项：设计 → UX → 代码 → 设计系统。 2. 四大交付模块 根据场景灵活组合： | 模块 | 输出内容 ||------|---------|| UI概念+布局 | 视觉方向、网格系统、字体层级、配色方案、关键界面 || UX流程 | 用户旅程图、关键路径、错误/空态/加载态、边界场景 || 设计系统 | Design Tokens（色板/字号/间距/圆角/阴影）、组件规范、无障碍说明 || 实现计划 | 精确文件级修改、组件拆分、验收标准 | 3. 内置资源库 设计智能数据：调用 assets/data/ 获取配色方案、交互模式、UX启发式原则 上游参考：查阅 references/upstream-skill-content.md 获取术语与范例 4. 自动化脚本 集成 design_system.py 脚本，快速生成结构化Token输出，适合ASCII友好环境。 --- 显著优点 端到端闭环：从概念草图到可运行代码的完整链路 平台无关性：同时覆盖Web与原生移动端设计规范 可访问性优先：默认遵循WCAG AA标准，强制包含键盘导航与焦点状态 工程化思维：输出即包含文件级实施计划，减少设计与开发断层 状态完整性：强制覆盖空态、加载态、错误态三类边界场景 潜在局限 依赖用户输入质量：分流阶段若信息缺失，可能需多轮澄清 脚本环境限制：design_system.py 需Python 3环境，部分终端受限 品牌深度不足：内置资源偏向通用最佳实践，高度定制化品牌需额外引导 动态数据场景：对复杂数据可视化的专用组件支持有限 适合人群 独立开发者：需要快速产出专业级界面的全栈工程师 设计转前端：寻求设计与代码衔接桥梁的设计师 初创团队：缺乏专职设计师但需要建立设计系统的早期团队 产品迭代：已有产品需进行UX审计与视觉升级的现有团队 常规风险 | 风险类型 | 说明 | 缓解建议 ||---------|------|---------|| 可访问性债务 | 视觉优先导致屏幕阅读器兼容性遗漏 | 强制检查焦点状态与对比度 || Token膨胀 | 过度细分的Design Token增加维护成本 | 优先使用语义化命名而非具体数值 || 跨平台漂移 | Web与移动端组件状态不一致 | 明确平台优先级，建立映射文档 || 技术栈锁定 | 输出代码与团队实际技术栈不匹配 | 分流阶段强制确认框架版本 | 原始说明 UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architect...