design-review

Review EarlBear wireframe themes for typography, spacing, color, and layout issues.

Updated Apr 13, 2026
One-click install
npx skills add https://github.com/EarlBear/homebrew-tap --skill design-review-earlbear
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/EarlBear/homebrew-tap/tree/main/plugins-bundle/wireframe-manager/skills/design-review
Command: npx skills add https://github.com/EarlBear/homebrew-tap --skill design-review-earlbear

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Run a comprehensive visual design review of EarlBear wireframes to ensure typography, spacing, and emotional warmth meet brand standards, delivering actionable findings.

Core Features & Use Cases

  • Comprehensive evaluation of typography, color, spacing, and visual hierarchy across all 12 themes.
  • Screenshots captured via Docker to provide precise, section-level detail for desktop and mobile views.
  • Document findings as actionable Markdown tasks and iterate until a principal designer would approve.

Quick Start

Run the design-review skill to audit all wireframe themes and generate a structured design QA report.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I run a principal designer-level wireframe review for visual hierarchy and spacing?

A wireframe review evaluates typography, spacing, color, and layout across desktop and mobile views. This skill audits all 12 themes from a principal designer perspective, capturing screenshots and documenting actionable findings in Markdown.

Can I generate structured design QA reports with actionable tasks for multiple wireframe themes?

Yes, generating structured design QA reports is the core function. It evaluates 12 themes, documents per-theme notes, and outputs a final verdict with actionable Markdown tasks to iterate until the design meets brand standards.

What is the best way to audit typography and color consistency across mobile and desktop wireframes?

Auditing typography and color consistency requires capturing section-level screenshots via Docker for both desktop and mobile views. This skill automates that capture process and evaluates visual hierarchy to identify specific aesthetic issues.

Does this design review process capture screenshots for documenting layout issues?

Yes, the design review process captures screenshots via Docker to provide precise, section-level detail. It documents spacing and layout findings to ensure reproducibility and auditability for all 12 wireframe themes.

How do I ensure my wireframe visual design meets brand standards for emotional warmth and aesthetics?

Ensuring wireframe visual design meets brand standards involves checking typography, spacing, and emotional warmth against principal-level expectations. This skill provides structured feedback and per-theme notes to verify alignment with aesthetic requirements.

Are there limitations when using Docker to capture wireframe screenshots for a visual design review?

Docker screenshot capture is limited to evaluating the 12 predefined EarlBear wireframe themes. The review focuses strictly on typography, spacing, color, and layout issues, documenting findings as actionable Markdown tasks for reproducibility.