uxDesign and analyze user experiences that are intuitive, efficient, and aligned with user mental models.
Install via ClawdBot CLI:
clawdbot install ivangdavila/uxGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Mar 21, 2026
Apply flow analysis and friction reduction to streamline the checkout process, reducing cart abandonment by minimizing steps, pre-filling shipping details, and providing clear progress feedback. Use error prevention with inline validation for payment fields and ensure a consistent mental model with platform conventions.
Design an intuitive scheduling interface that aligns with user mental models by using familiar patterns and progressive disclosure to hide advanced options. Implement smart defaults for common appointment types, provide feedback with confirmation for bookings, and ensure accessibility with keyboard navigation and screen reader support.
Reduce cognitive load by grouping related information and limiting choices per screen, while applying consistency checks for visual and interaction patterns. Use error prevention with confirmation dialogs for transfers, offer reversibility through draft states, and design for edge cases like offline states with queued transactions.
Focus on task completion by delivering quick wins early, such as setting up a profile, and use progressive disclosure to gradually introduce features. Apply mental model alignment with user-friendly vocabulary, provide feedback with success confirmations, and design empty states that guide users to their first action.
Implement friction reduction through auto-save and pre-filling from context, while using flow analysis to map steps and minimize dropouts. Ensure reversibility with trash over delete, design for partial states during data loading, and apply copy guidelines with actionable error messages and scannable headings.
Offer the UX skill as part of a subscription-based service for businesses, providing ongoing design audits and improvements to enhance user retention and satisfaction. Revenue is generated through monthly or annual fees, with tiers based on usage or features.
Provide one-time or project-based consulting to companies seeking to optimize their user experiences, applying principles like mental model alignment and friction reduction. Revenue comes from fixed project fees or hourly rates, targeting industries with high user interaction needs.
Integrate the UX skill into a freemium design tool, offering basic analysis for free and advanced features like edge case design or accessibility integration for paid plans. Revenue is driven by upgrades to premium tiers, leveraging quick value delivery to convert users.
💬 Integration Tip
Start by applying flow analysis and friction reduction to existing user flows, then gradually incorporate mental model alignment and consistency checks for broader impact.
Scored Apr 15, 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.
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.
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.
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han...
Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag