skills.rest
FoundationForge
FoundationForgeOFFICIAL
Explore all skills by this author →
GitHub

design-critique

Critique UI designs from Figma links, screenshots, or descriptions.

Updated Apr 12, 2026
Search Tags:#design#accessibility#figma#usability#critique#design-feedback#visual-hierarchy
One-click install
npx skills add https://github.com/FoundationForge/cowork-plugins --skill design-critique-foundationforge
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-critique
Source: https://github.com/FoundationForge/cowork-plugins/tree/main/plugins/design/skills/design-critique
Command: npx skills add https://github.com/FoundationForge/cowork-plugins --skill design-critique-foundationforge

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Improve design quality and decision-making by providing fast, structured, and actionable feedback on screens, mockups, and prototypes so teams can iterate with confidence and clarity.

Core Features & Use Cases

  • Multi-input review: Accepts Figma links, screenshots, or detailed descriptions to evaluate designs at any stage from exploration to final polish.
  • Structured critique framework: Covers first impression, usability, visual hierarchy, consistency, and accessibility with severity and prioritized recommendations.
  • Integration-ready output: Produces clear markdown reports and can trigger a visual-explainer HTML summary for annotated findings and before/after comparisons.
  • Use Case: Share a Figma file of an onboarding flow to get prioritized usability issues, accessibility checks, and suggested layout fixes before user testing.

Quick Start

Ask the skill to "Review this Figma link and give a design critique focused on usability, hierarchy, and accessibility."

Frequently Asked Questions about design-critique

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I get structured design critique for a Figma mockup?▼

Yes, you can run accessibility and usability checks on UI prototypes by providing a Figma link or screenshot. The critique identifies accessibility issues and usability flaws, assigning severity levels and prioritized layout fixes for flows like onboarding or checkout.

Can I receive design feedback on early exploration stages or only final polish?▼

You can receive design feedback across any stage from early exploration to final polish. The critique framework adapts to assess written descriptions, rough mockups, or high-fidelity prototypes, ensuring actionable insights regardless of design maturity.

Does the design critique output include visual annotations for usability issues?▼

The design critique output can include visual annotations by integrating with a visual-explainer. This generates an annotated HTML summary, providing clear before-and-after comparisons and visually highlighted usability issues alongside the standard markdown report.

What is the best way to evaluate visual hierarchy and consistency in a dashboard UI?▼

The best way to evaluate visual hierarchy and consistency in a dashboard UI is using a structured critique framework. It analyzes first impressions, assesses layout alignment, and provides prioritized recommendations to improve interface clarity and user flow.

Are there limitations when reviewing UI designs through written descriptions instead of screenshots?▼

Reviewing UI designs through written descriptions may limit the depth of visual hierarchy and accessibility analysis compared to screenshots or Figma links. While structural and usability critiques are still generated, precise layout fixes rely on visual data.

Related Skills

Explore More Design & Creative Skills→
clawpod-appclawpod-app
46

design-critique

Identify usability and visual-design issues in Figma links, screenshots, or descriptions.

Community
Advanced
specvitalspecvital
1

workflow-analyze

Analyze issues to generate structured reports with executive summaries and recommendations.

Official
Intermediate
ivanov-iivanov-i

visual-diff-review

Generate self-contained HTML diff review pages comparing before/after states.

Community
Intermediate
modu-aimodu-ai
267

ux-designer

Analyze user experience issues via heuristic evaluation, accessibility review, and user flow analysis.

Official
Advanced