UI/UX Design Consultant
Paste the following prompt into your AI chat to install this skill:
Please follow https://skillhub.cn/install/skillhub.md to install @user_7871dce1/ui-design-zh.
About this skill
Problem Focus
Interface reviews often fail because feedback is too vague: users cannot find a cancel action, button hierarchy is inconsistent, mobile flows are too long, or component names drift. UI/UX Design Consultant addresses that gap by turning screenshots, user comments, field descriptions, and existing component names into concrete interaction and visual changes. It is useful when you need a structured review of an existing screen rather than a generic design opinion. For common screens such as order pages, forms, and settings pages, it helps isolate high-impact issues quickly.
How It Works and Boundaries
- Problem diagnosis: starts from the user task, then checks first-view visibility, action path, status clarity, and information hierarchy.
- Actionable suggestions: proposes specific changes such as moving a secondary action closer to order status or using a secondary button style.
- Spec output: extracts rules for primary, secondary, and destructive actions, plus component naming conventions.
Note: the quality depends on the context you provide. If screenshots are unclear, business rules are missing, or real user data is required, the output is a design-review starting point, not a substitute for usability testing, analytics, or implementation.
Use Cases
- Review an order-page screenshot to diagnose a missing cancel entry and propose button hierarchy and placement changes.
- Turn mobile screenshots into button style rules for primary, secondary, and destructive actions.
- Audit a form submission flow for weak first-view information and unclear error states, then output actionable fixes.
- Consolidate scattered component names into a maintainable naming rule for frontend and design review.
Best For
- Product managers validating mobile features who need user feedback turned into concrete UI changes.
- Designers maintaining mid-to-back-office visual specs who need button hierarchy and component naming rules from screenshots.
- Frontend engineers preparing component reviews who want a discussable list of interaction issues.
- Independent app developers checking critical operation paths before release.
Related Skills
Call Mew image and design APIs in two stages to create an emotional background and compose a share-ready quote check-in poster.
Generate felt-craft pendant designs, part breakdowns, and structured analysis from a product image or Base64 input.
A ComfyUI image-generation skill that uses a five-step dialog to collect prompts, prefill templates, confirm parameters, submit API jobs, and return results.
A design-system guidance skill for Impeccable that produces token-based rules, component states, accessibility criteria, and QA checklists.