skills.rest
Vincri126
Vincri126COMMUNITY
Explore all skills by this author →
GitHub

design-review

Review Figma or Canva mockups for visual hierarchy, usability, accessibility, and brand consistency.

Updated Aug 23, 2026
Search Tags:#feedback#accessibility#figma#usability#design-review#canva#brand-alignment
One-click install
npx skills add https://github.com/Vincri126/MCO-Template --skill design-review-vincri126
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/Vincri126/MCO-Template/tree/main/cowork/skills/design-review
Command: npx skills add https://github.com/Vincri126/MCO-Template --skill design-review-vincri126

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design reviews from Figma, Canva, or screenshots often miss usability, accessibility, and brand consistency issues because teams rely on ad hoc critique instead of structured analysis, leaving costly experience gaps undetected.

Core Features & Use Cases

  • Multi-step review protocol: Fetch live designs, analyze visual hierarchy, usability, accessibility, and design system alignment, then summarize problems by severity with specific fixes.
  • Robust fallback handling: Detect connector availability, enter degraded mode when necessary, review shared screenshots, and mark unverifiable checks while logging the state.
  • Cross-skill coordination: Trigger accessibility escalation, align with brand guardrails, and create tracker issues for critical findings to keep QA pipelines synchronized.

Quick Start

Review the attached Figma artboard for hierarchy, accessibility, and brand consistency.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I get structured feedback on Figma or Canva mockups?▼

Structured feedback on Figma or Canva mockups is delivered by fetching live designs through connectors, analyzing visual hierarchy and usability, and summarizing severity-ranked problems with specific fixes.

What is the best way to review UI accessibility and brand consistency together?▼

Reviewing UI accessibility and brand consistency together works best through a multi-step protocol that flags usability issues, coordinates with accessibility escalation, and aligns findings against brand guardrails.

Can I run a design review on screenshots if Figma or Canva connectors are unavailable?▼

You can run a design review on shared screenshots when connectors are unavailable, entering a degraded fallback mode that analyzes the images while explicitly flagging unverifiable checks and logging the state.

How do design reviews handle critical usability and accessibility findings?▼

Design reviews handle critical usability and accessibility findings by summarizing problems by severity, triggering cross-skill escalation, and creating tracker issues to keep QA pipelines synchronized.

Related Skills

Explore More Design & Creative Skills→
xkevinfernandesxkevinfernandes

cos-course:lesson-6

Duplicate Canva templates and replace text via Model Context Protocol.

Community
Intermediate
anilveersingh1308anilveersingh1308

gstack-design-review

Audit live UI design and apply source code fixes with screenshot verification.

Community
Advanced
lexicalninjalexicalninja
2

accessibility-design-checker

Identify accessibility issues in UI designs, wireframes, and prototypes.

Community
Intermediate
ky-zoky-zo

critique

Evaluate web and mobile interface design effectiveness with structured critique reports.

Community
Advanced