$ loading_
Get structured feedback on screens, mockups, and UI design quality.
Copy the install command and let the AI configure it · recommended for beginners
Please install the "design-critique" skill from askskill: 1. Download https://raw.githubusercontent.com/anthropics/knowledge-work-plugins/main/design/skills/design-critique/SKILL.md 2. Save it as ~/.claude/skills/design-critique/SKILL.md 3. Reload skills and tell me it's ready
Please review this login page design and give structured feedback on usability, visual hierarchy, consistency, and copy clarity. List recommended changes by high/medium/low priority.
A structured design critique with issues, rationale, and prioritized improvement recommendations.
This is a new-user onboarding prototype. Identify friction points, information overload, and whether key actions are obvious, then suggest smoother alternatives.
A diagnosis of the prototype flow experience and improvement directions for key screens and interactions.
Please check these screen screenshots for design consistency, focusing on button styles, spacing, heading hierarchy, color usage, and component patterns. Summarize what should be standardized.
A consistency review checklist highlighting mismatches and suggesting standardization rules.
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md.
Get structured design feedback across multiple dimensions.
/design-critique $ARGUMENTS
Review the design: @$1
If a Figma URL is provided, pull the design from Figma. If a file is referenced, read it. Otherwise, ask the user to describe or share their design.
## Design Critique: [Design Name]
### Overall Impression
[1-2 sentence first reaction — what works, what's the biggest opportunity]
### Usability
| Finding | Severity | Recommendation |
|---------|----------|----------------|
| [Issue] | 🔴 Critical / 🟡 Moderate / 🟢 Minor | [Fix] |
### Visual Hierarchy
- **What draws the eye first**: [Element] — [Is this correct?]
- **Reading flow**: [How does the eye move through the layout?]
- **Emphasis**: [Are the right things emphasized?]
### Consistency
| Element | Issue | Recommendation |
|---------|-------|----------------|
| [Typography/spacing/color] | [Inconsistency] | [Fix] |
### Accessibility
- **Color contrast**: [Pass/fail for key text]
- **Touch targets**: [Adequate size?]
- **Text readability**: [Font size, line height]
### What Works Well
- [Positive observation 1]
- [Positive observation 2]
### Priority Recommendations
1. **[Most impactful change]** — [Why and how]
2. **[Second priority]** — [Why and how]
3. **[Third priority]** — [Why and how]
If ~~design tool is connected:
If ~~user feedback is connected:
Embed Zoom Virtual Agent chat on web with secure controls and context updates.
Quickly add Zoom’s prebuilt React video UI to web workflows.
Create stakeholder updates tailored to audience, cadence, and communication goals.
Review an analysis for methodology, accuracy, bias, and evidence support.
Generate people analytics reports on headcount, attrition, diversity, and org health.
Identify, categorize, and prioritize technical debt for smarter refactoring decisions.
Analyze design images for layout, color, typography, and accessibility improvements.
Generate or audit design systems and review styling consistency changes.
Generate UI design rules, color palettes, and brand design references.
Review product metrics, spot trends, and get actionable improvement recommendations.
Extract quantified design DNA from references and generate matching UI.
Audit designs or pages for WCAG 2.1 AA accessibility issues.