ui-ux-master
Master UI/UX design skill combining Apple HIG, modern web design, SuperDesign patterns, and universal design principles. Use for any UI/UX design task including iOS/macOS/web apps, landing pages, dashboards, design systems, accessibility, responsive layouts, animation, and creating beautiful, functional interfaces across all platforms and frameworks.
Why use this skill?
Enhance your design workflow with the ui-ux-master skill. Apply Apple HIG, modern web patterns, and accessible design principles directly in OpenClaw.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/kdbhalala/ui-ux-masterWhat This Skill Does
The ui-ux-master skill is a comprehensive framework for OpenClaw designed to elevate UI/UX design output to professional standards. By synthesizing the Apple Human Interface Guidelines (HIG), contemporary web design patterns, and SuperDesign principles, it ensures that every interface created is both aesthetically pleasing and functional. The skill covers the entire design lifecycle, from conceptualizing responsive layouts and defining accessible color systems using oklch, to establishing typography scales and motion design. It acts as an expert consultant, enforcing strict design philosophies such as 'Clarity Over Cleverness' and 'Consistency Breeds Familiarity' to ensure interfaces are intuitive, inclusive, and modern.
Installation
To integrate this design expert into your OpenClaw environment, execute the following command in your terminal:
clawhub install openclaw/skills/skills/kdbhalala/ui-ux-master
Once installed, you can invoke the skill by mentioning 'ui-ux-master' or by starting a design-focused session with the agent.
Use Cases
This skill is highly versatile and suitable for a wide range of professional design tasks:
- iOS/macOS App Prototyping: Designing native interfaces that adhere to Apple's strict depth and clarity standards.
- Modern Web Development: Building mobile-first landing pages, dashboards, or complex web applications with semantic HTML.
- Design System Creation: Establishing consistent color palettes, typography hierarchies, and component libraries that scale across large organizations.
- Accessibility Auditing: Transforming existing interfaces to meet WCAG 2.1 AA+ standards, ensuring screen reader compatibility and high-contrast accessibility.
Example Prompts
- 'ui-ux-master: Create a dark mode-compatible dashboard layout for a fintech application using an oklch color palette, focusing on a clean, data-dense but readable design.'
- 'ui-ux-master: Redesign this landing page form to be more accessible, ensuring the contrast ratio is at least 4.5:1 and using a modern, sans-serif typography scale based on the Inter font.'
- 'ui-ux-master: Provide a breakdown of how to implement Apple HIG-compliant navigation for a visionOS app, including spatial layout recommendations.'
Tips & Limitations
- Tip: Always specify the platform early in your prompt. The skill behaves differently if targeting native Apple environments versus the web, and clarifying your target ensures the correct layout patterns are applied.
- Tip: When requesting colors, explicitly ask for oklch codes for the best compatibility with modern CSS frameworks.
- Limitation: While the skill provides design logic and CSS/structural patterns, it does not output production-ready high-fidelity graphics (like .png or .svg files); it focuses on the structural and conceptual design documentation. Always review generated code in a staging environment to confirm it meets your accessibility requirements.
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-kdbhalala-ui-ux-master": {
"enabled": true,
"auto_update": true
}
}
}