muapi-ui-design-skillGenerate high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles — creates wireframes and design systems via muapi.ai
Install via ClawdBot CLI:
clawdbot install Anil-matcha/muapi-ui-design-skillGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Mar 21, 2026
Design a high-fidelity mobile app interface for a fintech platform, featuring crypto wallet home screens with real-time price charts and transaction history. Use glassmorphism style with dark theme, atomic components like glassmorphic buttons and input fields, and ensure WCAG-compliant high-contrast colors for accessibility.
Create a minimalist web interface for an e-commerce site, focusing on product grids with Z-pattern layouts to optimize conversion rates. Implement an 8pt spacing system, flat design elements, and consistent atoms such as product cards and navigation bars to enhance user experience across devices.
Develop a modern, clean dashboard for an enterprise SaaS application, using grid-based layouts to handle high data density. Incorporate design tokens like Inter sans-serif typography and shadow-based elevation, while adhering to Nielsen's heuristics for usability in data-heavy environments.
Design a visually engaging profile page for a consumer social media app, applying glassmorphism and F-pattern layouts for content-heavy displays. Include atomic components such as iconic sidebars and interactive cards, with a focus on visual flair and responsive breakpoints for mobile and web.
Architect a neomorphic control panel interface for a utility tool, emphasizing tactile feedback through design elements like buttons and sliders. Use an 8pt grid system, high-contrast color palettes, and ensure all atoms are consistent to support user interaction in technical environments.
Offer ongoing UI/UX design services to businesses on a monthly or annual subscription, providing regular mockup updates and design system maintenance. Revenue is generated through recurring fees, with tiers based on project complexity and support levels.
Provide one-off UI/UX design projects for clients, such as creating mockups for specific apps or websites, with pricing based on scope and deliverables. Revenue comes from fixed project fees or hourly rates, targeting startups and small businesses.
Partner with marketing or development agencies to offer UI/UX design as a white-label service, allowing them to resell designs under their brand. Revenue is earned through bulk contracts or per-project commissions, leveraging the skill's technical specifications for consistency.
💬 Integration Tip
Ensure the agent expands user requirements into detailed design specifications before invoking the script, focusing on atomic components and layout patterns to generate high-fidelity mockups efficiently.
Scored Jun 19, 2026
UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4) turning UX recommendations into concrete code changes.
Interact with Figma files to read structure, export layers as images, and retrieve comments using the Figma REST API with authentication.
Automation skill for ui-designer.
系统设计面试教练(System Design Interview Coach)。当用户想要练习系统设计面试、请求设计某个系统、或希望模拟面试流程时,立即使用此 skill。适用场景包括:用户说"帮我练习系统设计"、"我要设计 XX 系统"、"帮我准备系统设计面试"、"模拟一道系统设计题"、"system desi...
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han...
Track game design prototype ideas, branching outcomes, dead ends, baselines, and next experiments, and optionally generate a simple SVG visualization of prot...