DesignVerified

Muapi Ui Design

by SamurAIGPT

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

When your AI uses it

Generate high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles - creates wireframes and design systems via muapi.aiThis is the skill's description: the text your AI reads to decide when the skill applies.

videoimage-genmediasocial

Read exactly what your AI will be told

genmedia-ui-design/SKILL.md

SamurAIGPT · MIT · source

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

# 🎨 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 follow established usability principles (Nielsen's 10 Heuristics).

---

## 🏗️ Technical Specification

### 1. Intent Mapping Table

| Creative Intent | Style | Layout Pattern | Focus |… load the full skill through Skill Me