ui-ux-pro-maxUI/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.
Install via ClawdBot CLI:
clawdbot install xobi667/ui-ux-pro-maxGrade Excellent — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Mar 1, 2026
Redesigning an e-commerce website to improve conversion rates and user experience, focusing on product discovery, checkout flow, and mobile responsiveness. The skill helps generate UI layouts, UX flows for cart and payment, and implement design tokens for consistency across platforms.
Enhancing a SaaS application dashboard to increase user engagement and data visualization clarity. This involves refining information architecture, creating accessible component specs, and providing code changes for React or Vue-based interfaces with Tailwind CSS.
Conducting an accessibility audit for a mobile banking app to ensure WCAG AA compliance, focusing on keyboard navigation, contrast ratios, and error states. The skill guides the production of design system tokens and concrete implementation plans for iOS and Android.
Mapping user journeys for a healthcare patient portal to streamline appointment booking and medical record access. The skill assists in creating UX flows, improving existing UI with visual style direction, and generating component guidelines for web and desktop platforms.
Building a design system from scratch for an educational platform to ensure brand consistency and scalability. This includes generating color and typography tokens, defining component rules, and providing implementation plans for Next.js or Svelte frameworks.
Offering UI/UX design services on a project basis, using this skill to deliver high-quality deliverables like UI concepts and implementation plans. Revenue is generated through hourly rates or fixed project fees, targeting small to medium businesses.
Integrating this skill into a SaaS tool that automates UI/UX design recommendations and code generation for developers. Revenue comes from subscription tiers, with additional income from enterprise customization and support services.
Providing ongoing UI/UX support as part of a retainer agreement with clients, using the skill for continuous improvement and design system maintenance. Revenue is stable through monthly retainers, often supplemented by one-off project work.
💬 Integration Tip
Integrate this skill by first triaging user needs to avoid scope creep, then leveraging bundled assets for inspiration and using the optional script for quick design system generation in ASCII format.
Scored Apr 15, 2026
Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs.
Generate and serve live HTML/CSS/JS UI designs from natural language prompts. Use when the user asks to design, create, build, or prototype a website, landing page, UI, dashboard, web page, or frontend mockup. Also triggers on requests to update, tweak, or iterate on a previously generated design. Replaces traditional UI design + frontend dev workflow.
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han...
Professional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple formats, auditing accessibility compliance, analyzing design systems, and generating comprehensive design documentation. Read-only analysis of Figma files with powerful export and reporting capabilities.
Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag
Automation skill for ui-designer.