（10416期）ui-ux-pro-max – 全栈设计系统智能引擎

全栈设计系统智能引擎 专业级UI/UX设计智能指南，整合50+风格、97种配色、57种字体搭配及9大技术栈最佳实践，为开发者提供从设计系统构建到代码落地的全流程设计决策支持。 使用说明 核心用法 UI/UX Pro Max 是一个综合性的设计智能知识库，采用"设计系统优先"的工作流模式。用户通过 Python 搜索脚本查询设计建议，核心入口是 --design-system 命令，该命令会并行检索产品类型、风格、配色、落地页结构和字体排版五大领域，并基于内置的推理规则生成完整的设计系统方案，包含设计模式、视觉风格、色彩体系、字体搭配、特效建议及需避免的反模式。 对于复杂项目，支持 --persist 参数持久化设计系统，采用 Master + Overrides 的分层架构：全局设计规则存储于 MASTER.md，各页面特定覆盖规则存放于 pages// 目录，实现跨会话的设计一致性管理。补充查询可通过 --domain 指定领域（如 ux、chart、typography）或 --stack 指定技术栈（React、Vue、Tailwind 等）获取实现细节。 显著优点 体系化设计决策：将分散的设计知识整合为可检索的结构化数据库，覆盖从战略层（产品类型匹配）到表现层（动画时序）的完整设计层级，大幅降低设计决策的认知负荷。 多技术栈覆盖：原生支持 9 大主流技术栈，包括 React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind CSS 及 shadcn/ui，提供框架特定的实现指南和性能优化建议。 可访问性优先：将无障碍设计（WCAG 标准）置于最高优先级，内置色彩对比度检查、焦点状态管理、键盘导航等关键规则，帮助团队规避合规风险。 工程化设计管理：分层持久化机制使设计系统可版本控制、可协作演进，解决了设计文档与代码实现脱节的行业痛点。 潜在缺点与局限性 被动式知识检索：Skill 本身不包含自动化设计生成能力，所有输出依赖用户主动查询和人工整合，对设计经验不足的用户可能存在"知道查什么"的门槛。 本地脚本依赖：核心功能依赖 search.py Python 脚本，该脚本未包含在 Skill 包内，需单独部署和审查，增加了使用复杂度。 静态知识更新滞后：设计趋势和框架版本快速演进，内置的 50 种风格、97 种配色等数据可能无法及时跟进最新设计潮流。 无实时预览能力：仅提供文本形式的设计建议，缺乏可视化预览或设计稿生成，设计师仍需在 Figma 等工具中手动实现。 适合的目标群体 独立开发者/全栈工程师：缺乏专业设计背景，需要快速获取行业级设计决策参考 前端开发团队：寻求跨项目设计一致性和可维护的设计系统方案 初创产品团队：资源有限但需要专业级 UI/UX 输出，作为设计外包的替代或补充 设计系统建设者：需要结构化方法论和检查清单来构建组织级设计规范 使用风险 性能风险：--design-system 命令触发 5 领域并行检索，在大型设计数据库场景下可能存在响应延迟；--persist 产生的文件 I/O 在频繁调用时可能成为瓶颈。 依赖项风险：Python 运行时为必需依赖，Windows 环境需额外配置；search.py 脚本作为外部依赖，其安全性和稳定性未纳入本 Skill 的保障范围。 设计债务风险：过度依赖内置规则可能导致设计同质化，缺乏品牌独特性；分层覆盖机制若管理不当，可能产生规则冲突和版本混乱。 合规边界风险：内置可访问性建议基于通用 WCAG 标准，特定行业（医疗、金融）的专项合规要求需额外验证。 原始说明 UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4) turning UX recommendations into concrete code changes.