critique

Evaluate HTML design artifacts into a five-dimension critique report with radar chart.

Updated May 2, 2026
One-click install
npx skills add https://github.com/az9713/open-design-tutorial --skill critique-az9713
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: critique
Source: https://github.com/az9713/open-design-tutorial/tree/main/skills/critique
Command: npx skills add https://github.com/az9713/open-design-tutorial --skill critique-az9713

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scores a design artifact across five dimensions to deliver structured, actionable feedback in a single HTML report.

Core Features & Use Cases

  • Generates a self-contained HTML critique with a five-axis radar chart, per-dimension evidence, and Keep / Fix / Quick-wins lists.
  • Applies to HTML artifacts such as decks, landing pages, and UI prototypes in design reviews and audits.
  • Supports repeatable workflows by binding evaluation to artifact content and frontmatter metadata.

Quick Start

Provide the HTML artifact to review and I will generate a self-contained critique report.

Frequently Asked Questions about critique

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

FAQPage Schema
How do I generate a structured design critique for a UI prototype?

To generate a structured design critique for a UI prototype, provide the HTML artifact for review. The system evaluates it across five dimensions and outputs a single self-contained HTML report containing a radar chart, per-dimension evidence, and Keep/Fix/Quick-wins lists.

Can I evaluate an HTML landing page across multiple UX dimensions?

Yes, you can evaluate an HTML landing page across multiple UX dimensions. The critique process scores the artifact across five distinct dimensions, providing actionable feedback and a visual radar chart directly within a self-contained HTML document.

What is the best way to audit a design deck and get actionable feedback?

The best way to audit a design deck and get actionable feedback is to run it through a five-dimension critique. This process analyzes the HTML content and frontmatter to produce Keep, Fix, and Quick-wins lists alongside a visual radar chart.

Does the design critique report work with standalone HTML artifacts only?

The design critique report works with standalone HTML artifacts such as decks, landing pages, and UI prototypes. It relies on the artifact content and frontmatter metadata to bind the evaluation and generate the final self-contained HTML output.

How do I visualize design review scores using a radar chart?

To visualize design review scores using a radar chart, submit your HTML artifact for evaluation. The resulting output is a single self-contained HTML document featuring a 5-axis radar chart that maps the scores across the five evaluated dimensions.

When do I need a five-dimension critique report for a design review?

You need a five-dimension critique report for a design review when you require repeatable, structured feedback on HTML artifacts. It delivers per-dimension evidence and prioritized action items, ensuring comprehensive audits across various projects.