（8671期）ui-ux-pro-max – 专业级界面设计与代码生成

专业级界面设计与代码生成 基于本地智能数据库的 UI/UX 设计助手，支持生成设计系统 Token 与前端代码实现，适合快速构建规范化的现代界面。 使用说明 核心用法 UI UX Pro Max 采用四步工作流提供设计智能服务：首先通过「分类」阶段明确目标平台（Web/iOS/Android/桌面）、技术栈（React/Vue/Svelte/Tailwind 等）及可访问性要求；其次根据需求产出具体交付物，包括 UI 概念与布局、UX 流程图、设计系统 Token（颜色/字体/间距）及组件规范；同时可调用捆绑的设计智能数据资产（色彩板、UI 模式、启发式规则）作为参考；最后通过 Python 脚本快速生成结构化的设计系统配置文件。 该 Skill 支持四大核心场景：从零生成新 UI 布局与样式、改进现有界面体验、构建完整的设计规范体系，以及将 UX 建议直接转化为可执行的前端代码变更。输出内容严格遵循工程化标准，涵盖组件命名、状态定义、间距刻度、排版规范及交互细节，确保设计到开发的无缝衔接。 显著优点 全栈设计能力：区别于单一设计工具，本 Skill 实现了从视觉方向到代码实现的端到端覆盖，支持 HTML/CSS/JS、React、Next.js、Vue、Svelte 及 Tailwind 等多技术栈，显著降低设计与开发之间的沟通成本。 本地化数据处理：基于本地 CSV 数据库和 BM25 搜索算法提供设计建议，无需联网即可工作，杜绝了数据泄露风险，适合企业内网或对数据安全敏感的开发环境。 工程化规范输出：自动生成包含间距刻度（spacing scale）、字体配对（font pairs）、组件状态（空/加载/错误）、键盘导航及对比度检查（WCAG AA）在内的完整设计系统文档，直接可用于生产环境。 轻量级部署：仅依赖 Python 标准库，无第三方 pip 依赖，避免了供应链攻击风险，且脚本支持通过命令行参数灵活配置输出路径和持久化选项。 潜在缺点与局限性 来源可信度限制：作为 GitHub 个人开发者（T3 级）维护的项目，虽代码开源可审计，但缺乏大型技术公司或官方组织的背书，长期维护稳定性和社区支持规模相对有限。 数据覆盖边界：设计建议基于本地 CSV 数据库，其知识更新频率和覆盖范围受限于作者维护，对于最新设计趋势或特定垂直行业的最佳实践可能不够全面。 输入依赖风险：虽然提供分类指引，但最终输出质量高度依赖用户输入的明确性。模糊的需求描述可能导致生成的设计 Token 或代码不符合预期，需要一定的人工校验。 轻微路径风险：文件写入操作虽限定在用户指定目录，但输入验证机制可进一步加强，极端情况下存在路径遍历的理论风险（当前风险评级为低）。 适合的目标群体 前端开发者：需要快速获取符合工程标准的设计规范，或将设计稿转化为 React/Vue 组件代码的工程师。 UI/UX 设计师：希望建立团队级设计系统（Design System），统一项目视觉语言并生成可交付给开发者的 Token 文档。 独立开发者与初创团队：缺乏专职设计师，需要借助智能工具快速构建产品原型并保持界面专业度的个人或小团队。 设计系统管理员：负责维护企业级组件库，需要批量生成或更新设计 Token、规范文档的技术负责人。 使用风险与注意事项 文件系统风险：使用 --persist 参数时会写入本地文件系统，虽然默认写入 design-system/{project-name}/ 目录且使用安全的 Path.mkdir 方法，但仍建议在使用前确认输出路径，避免意外覆盖现有文件。 输入验证责任：用户需自行确保查询参数和文件路径的合理性，避免输入包含特殊字符或敏感系统路径。建议在团队内部使用时建立输入检查规范。 设计决策局限：Skill 提供的建议基于算法匹配和历史数据，对于需要深度品牌定制或复杂交互逻辑的场景，仍需人工设计干预，不宜完全依赖自动化输出。 版本兼容性：作为 CLI 工具，需确保 Python 3.x 环境正常，且不同版本的 Skill 可能在输出格式上存在差异，建议在团队内统一版本并锁定依赖。 原始说明 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.