Ui Design 是一个专为 AI Agent 打造的专业技能模块，专注于将产品需求转化为高保真数字界面的技术设计规范。该工具运用原子设计原则（Atomic Design），通过 muapi.ai 平台为移动端和网页应用生成高质量的 UI/UX 设计稿、线框图和设计系统。其核心能力在于将抽象的产品概念具象化为可执行的设计方案，确保从基础组件到复杂页面的视觉与交互一致性。 该技能模块特别强调跨平台适配能力，能够针对 iOS/Android 移动设备和 Web 端（包括 SaaS 和企业级应用）进行响应式布局设计。它内置了多种成熟的布局模式识别机制，如 F-Pattern 适用于内容密集型网站，Z-Pattern 适合营销型着陆页，以及网格化仪表板布局等。同时集成了完整的样式指南体系，涵盖字体排印尺度、间距令牌系统和色彩调色板等关键设计元素。 为了确保设计质量与可用性，该工具还融入了尼尔森十大可用性原则作为启发式评估标准，并强制要求遵循无障碍设计规范（WCAG 2.1），确保生成的界面具备足够的对比度与可读性。所有输出均严格限制在纯 UI/UX 层面，避免出现实物设备或用户手部的干扰元素，保证设计稿的专业性与纯粹性。
核心功能特点
- 基于原子设计理论构建完整界面层级结构
- 支持多平台响应式设计（移动端/Web端）
- 集成标准化设计令牌系统（字体/间距/色彩）
- 内置尼尔森可用性原则自动校验机制
- 强制遵守 WCAG 2.1 无障碍访问标准
- 禁止输出实物设备或人体部位干扰元素
适用场景
Ui Design 特别适合需要快速原型验证的产品团队使用，尤其是在敏捷开发流程中，设计师可以借助该工具将产品经理提出的业务需求迅速转化为可视化的设计方案。无论是初创公司构建 MVP 还是成熟企业升级现有产品线，都能通过标准化的设计输出大幅缩短从概念到实现的时间周期。 对于跨平台产品开发而言，该工具能有效解决不同终端间的体验一致性问题。例如金融类 App 需要同时满足 iOS 和 Android 用户的操作习惯，而 Web 端 SaaS 产品则需兼顾桌面浏览器与移动端的展示效果。通过预设的平台专属布局模板，开发者能快速获得适配各设备的专业级界面方案。 在团队协作场景下，Ui Design 可作为统一的设计语言生成器，帮助跨职能团队建立共享的设计系统。当市场部门提出新的营销活动页面需求时，运营人员可以直接调用相关参数生成符合品牌调性的着陆页原型；而开发工程师则能获得精确到像素级的组件规格说明，减少沟通成本和技术返工。这种端到端的数字化设计流程特别适合追求高效协作的远程工作团队。