skills.rest
wonton-web-works
wonton-web-worksOFFICIAL
Explore all skills by this author →
GitHub

mg-design-review

Assess visual quality, brand consistency, and UX patterns across design deliverables.

1|1|Updated Feb 4, 2026
Search Tags:#responsive#design-system#visual-design#design-review#ux-patterns#brand-consistency#spawn-specialists
One-click install
npx skills add https://github.com/wonton-web-works/miniature-guacamole --skill mg-design-review
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mg-design-review
Source: https://github.com/wonton-web-works/miniature-guacamole/tree/main/src/framework/skills/mg-design-review
Command: npx skills add https://github.com/wonton-web-works/miniature-guacamole --skill mg-design-review

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This workflow provides a structured design-review process to ensure visual quality, brand consistency, and UX usability across design deliverables, reducing review cycles and rework.

Core Features & Use Cases

  • Brand consistency checks against the design system (colors, typography, spacing, logo usage)
  • UX pattern evaluation focusing on navigation, forms, feedback, and responsiveness
  • Collaboration with spawned specialists (art-director for brand alignment and design for usability assessment) to produce actionable feedback and final approvals

Quick Start

Initiate a design-review by submitting your design deliverables and requesting a complete brand, UX, and responsive assessment.

Frequently Asked Questions about mg-design-review

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

FAQPage Schema
How do I automate visual quality checks for brand consistency across design deliverables?▼

Automate visual quality checks by submitting design deliverables to spawn an art-director for brand alignment and a designer for usability, consolidating findings into actionable change requests or final approvals.

What is the best way to evaluate UX patterns and responsiveness in a design system?▼

Evaluate UX patterns and responsiveness by spawning a design specialist to assess navigation, forms, feedback, and responsive behavior, producing standardized actionable feedback for your design system.

Can I perform a design review without manually checking typography and spacing against my brand guidelines?▼

You can perform a design review without manual checks by spawning an art-director to automatically assess colors, typography, spacing, and logo usage against your established brand guidelines.

How do I consolidate multiple design evaluations into a single clear approval decision?▼

Consolidate multiple design evaluations by conforming to frontmatter-driven orchestration and memory protocols, merging art-director and designer findings into one standardized approval or change request output.

Does the design review process work for responsive design deliverables?▼

The design review process works for responsive deliverables by evaluating UX patterns that focus specifically on navigation, forms, feedback, and responsiveness across your submitted designs.

Related Skills

Explore More Design & Creative Skills→
joserprietojoserprieto
2

joserprieto-brand-design

Apply a portable brand design system with color, typography, spacing, and logo tokens.

Community
Advanced
Rub-gitRub-git

n8n:design-system

Guide Vue frontend development with Design System components and styles.

Community
Intermediate
motionharvestmotionharvest
2

visual-identity

Define brand personality, typography, color tokens, and motion vocabulary for web projects.

Community
Advanced
1toe1toe

critique

Critique web or app designs for usability, visual hierarchy, and quality.

Community
Advanced