$ 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:
Answer metric questions, analyze trends, compare segments, and draft data reports.
Build custom video session apps with full control using Zoom Video SDK
Break down financial variances into drivers with waterfall and narrative analysis.
Automate monthly close reconciliation, variance checks, P&L commentary, and packet export.
Research contacts with Common Room data to assess background and lead warmth.
Research customer questions across sources with citations to support accurate responses.
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.
Audit designs against 19 professional rules and get actionable improvements.
Extract quantified design DNA from references and generate matching UI.
Audit designs or pages for WCAG 2.1 AA accessibility issues.