ui-reviewRun a structured UI/UX heuristic review based on Nielsen's 10 usability principles for screenshots, mockups, wireframes, product pages, app screens, and desi...
Install via ClawdBot CLI:
clawdbot install dawen-ye/ui-reviewGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Aug 8, 2026
An online retailer wants to improve its product page conversion rate. The Nielsen heuristic review focuses on clarity of product information, CTA visibility, and trust signals. The agent provides prioritized UX feedback.
A B2B SaaS company seeks to reduce user confusion during initial dashboard setup. The review checks visibility of system status, match with user mental models, and error prevention for first-time users.
A fintech startup wants to ensure its mobile app meets usability standards for security and ease of use. The agent evaluates the interface against Nielsen's heuristics, focusing on user control, consistency, and error recovery.
A healthcare provider's patient portal needs a usability audit to improve appointment scheduling and medical record access. The review identifies issues with recognition rather than recall, minimalist design, and help for error recovery.
A travel agency wants to optimize its booking flow. The heuristic review examines the search results page, form completion, and comparison features, highlighting areas where users might get frustrated.
Offer basic heuristic reviews for free through the agent, but charge for in-depth analysis, detailed reports, and competitive benchmarking. This can attract startups and small teams.
Design and UX agencies embed this skill to speed up initial audits, then upsell their consulting services for implementing fixes and ongoing design support. Generate revenue through hourly billing or project retainers.
Integrate the skill into a broader user testing platform where automated heuristic reviews complement remote usability testing. Charge per test or via a SaaS subscription of the platform.
💬 Integration Tip
Integrate the skill by providing screenshots directly into the AI conversation, then use the built-in clarification round to quickly focus the review. For a more polished output, parse the JSON results to generate formatted reports.
Scored Aug 8, 2026
Implements UI from design mockups (Figma, Sketch, or image) with pixel-accurate layout, responsive behavior, and design tokens. Use when 还原设计图, implementing...
Senior product designer methodology ensuring thorough user research, structured architecture, accessible color and typography systems, and pixel-perfect UI e...
Complete Motion.dev documentation - modern animation library for React, JavaScript, and Vue (formerly Framer Motion)
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-conv...
Shared design system for yuanfang-skills. Provides token CSS variables, 12+ themes, and reusable layout-type HTML blocks. Used by yuanfang-html-image (and fu...
Use when building, reviewing, or improving frontend UI that needs product-specific design direction, design-system generation, Master/Page overrides, distinc...