muapi-ui-design

仓库创建 2023年5月25日最近提交 3 天前SkillHot 收录 21 天前

▸ 精选理由

对产品/设计团队快速产出规格与界面稿能明显提速。

▸ 风险提示

生成设计依赖外部服务，可能需要上传敏感产品信息或原型资产。

这个 Skill 做什么

将产品需求生成高保真移动与网页 UI 原型、线框与设计系统。

帮你把产品需求直接变成高保真移动端和网页的界面稿、线框和可复用的设计系统，遵循 Atomic Design 思路把按钮到页面块抽象清楚。适合需要快速出视觉稿、交付给开发或做用户测试的时候，用 muapi.ai 输出组件化的 design system 和可交付的 mockups。特点是能同时给出手机与网页版本并生成原子级组件，方便开发对接。

▸ 展开 SKILL.md 英文原文

Generate high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles — creates wireframes and design systems via muapi.ai

开发编程UI设计高保真Atomic Design通用

3.9k

Stars

442

Forks

仓库内 Skill

+205

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/SamurAIGPT/Generative-Media-Skills/main/.opencode/skills/muapi-ui-design/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/SamurAIGPT/Generative-Media-Skills/main/.opencode/skills/muapi-ui-design/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# 🎨 UI/UX Design Mockup Skill

**A specialized skill for AI Agents to architect high-fidelity digital interfaces.**
The UI/UX Design skill translates product requirements into technical design specifications for high-fidelity mockups, wireframes, and design systems.

## Core Competencies

1. **Atomic Design Orchestration**: Structuring interfaces from Atoms (buttons) to Organisms (headers) for system consistency.
2. **Platform-Specific Layouts**: Designing for responsive breakpoints across Mobile (iOS/Android) and Web (SaaS/E-commerce).
3. **Design System Integration**: Specifying typography scales, spacing tokens, and color palettes (Hex/HSL).
4. **Heuristic Awareness**: Ensuring designs f

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有