Muapi Ui Design

If you're building prototypes or need to generate design specs without opening Figma, this handles the translation from product requirements to mockup specifications. It works through atomic design principles, breaking interfaces down from buttons to full components, and outputs technical specs like typography scales, spacing tokens, and color values. The 569 installs suggest people are using it, though the actual description is pretty minimal. Most useful when you need structured design system documentation or want to maintain consistency across breakpoints. It won't replace your design tool, but it could speed up the specification phase if you're working solo or need to document design decisions programmatically.

skills.sh installs: 2.2K
GitHub stars: 4K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add samuraigpt/generative-media-skills --skill muapi-ui-design --agent claude-code

Installs into .claude/skills of the current project.

Files

🎨 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

Atomic Design Orchestration: Structuring interfaces from Atoms (buttons) to Organisms (headers) for system consistency.
Platform-Specific Layouts: Designing for responsive breakpoints across Mobile (iOS/Android) and Web (SaaS/E-commerce).
Design System Integration: Specifying typography scales, spacing tokens, and color palettes (Hex/HSL).
Heuristic Awareness: Ensuring designs follow established usability principles (Nielsen's 10 Heuristics).