muapi-ui-design

★ 7.1 · design

muapi-ui-design is a Claude Code skill that generates high-fidelity UI/UX mockups for mobile and web applications using Atomic Design principles, producing wireframes and design systems via muapi.ai. It translates product requirements into structured design specifications — organizing interfaces from Atoms (buttons, input fields) to Organisms (headers, sidebars) — and applies an 8pt spacing grid, typography tokens (Inter, Roboto, Playfair), and WCAG 2.1-compliant color palettes. The skill covers layout patterns for Enterprise SaaS dashboards, e-commerce grids, consumer apps, and portfolios, with style support for Glassmorphism, Neomorphism, Brutalist, and Flat design. The generate-mockup.sh script accepts description, platform, theme, and style parameters, then expands the brief into a UX specification passed to the generate-image.sh primitive. Ideal for product teams that need rapid interface prototyping without manual work in Figma or Sketch.