$ 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 meeting features into web apps with full or component-based integration.
Build weighted sales forecasts with scenario planning, commit splits, and gap analysis.
Prepare compliant month-end journal entries with debits, credits, and support.
Analyze compensation bands, offer competitiveness, equity grants, and retention risks.
Track hiring stages, update candidate status, and monitor pipeline counts.
Research competitors and compare positioning, messaging, gaps, opportunities, and threats.
Generate or audit design systems and review styling consistency changes.
Generate UI design rules, color palettes, and brand design references.
Analyze design needs, extract visual tokens, generate concepts, and audit visuals.
Review product metrics, spot trends, and get actionable improvement recommendations.
Audit designs against 19 professional rules and get actionable improvements.
Extract quantified design DNA from references and generate matching UI.