skills.rest
PiercingXX
PiercingXXCOMMUNITY
Explore all skills by this author →
GitHub

critique

Score an HTML artifact across five design dimensions with evidence-cited recommendations.

1|Updated Jul 9, 2026
Search Tags:#html#ui/ux#visual hierarchy#design critique#5-dimension review#actionable feedback#radar chart report
One-click install
npx skills add https://github.com/PiercingXX/xx-stack --skill critique-piercingxx
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: critique
Source: https://github.com/PiercingXX/xx-stack/tree/main/packs/design/runtime/skills/design/critique
Command: npx skills add https://github.com/PiercingXX/xx-stack --skill critique-piercingxx

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

It helps you quickly identify what is visually working and what is holding back an HTML-based design (like a deck, landing page, or prototype) by turning subjective feedback into structured, evidence-backed critique.

Core Features & Use Cases

  • 5-dimension expert scoring (0–10) across Philosophy, Visual hierarchy, Detail execution, Functionality, and Innovation, each with a clear band.
  • Evidence-backed recommendations that cite specific elements in the reviewed HTML artifact (e.g., class names, sections, layout regions).
  • Actionable outputs in the form of a single self-contained HTML report with a radar chart plus Keep / Fix / Quick-wins lists for iteration.

Quick Start

Use the critique skill to review the HTML file you generated and produce a single-file design critique report scoring it across all five dimensions.

Frequently Asked Questions about critique

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

FAQPage Schema
How do I get structured design critique feedback for an HTML landing page?▼

To get structured design critique feedback for an HTML landing page, you can generate a report that scores your artifact across five dimensions of design quality using evidence-cited 0–10 scoring and Keep/Fix/Quick-wins recommendations.

What is a 5-dimension design review and how does it evaluate UI/UX?▼

A 5-dimension design review evaluates UI/UX by scoring an HTML artifact across Philosophy, Visual hierarchy, Detail execution, Functionality, and Innovation, providing clear scoring bands and evidence-backed recommendations citing specific HTML elements.

Can I use a design critique skill to audit a generated HTML deck before shipping?▼

Yes, you can use a design critique skill to audit a generated HTML deck before shipping, as it targets self-check loops and design review requests by producing a single self-contained HTML report with actionable feedback.

How do I generate a visual hierarchy report with a radar chart for my prototype?▼

To generate a visual hierarchy report with a radar chart for your prototype, you process the HTML file to output a single self-contained HTML artifact that includes a mandatory inline-SVG radar chart visualizing the 5-dimension scoring.

What's the best way to turn subjective design feedback into actionable recommendations?▼

The best way to turn subjective design feedback into actionable recommendations is to use an expert design audit that transforms observations into structured Keep, Fix, and Quick-wins lists backed by specific evidence from the reviewed HTML.

Does the design audit report work without external dependencies or assets?▼

Yes, the design audit report works without external dependencies, requiring only the HTML artifact itself to produce a single self-contained HTML report file that includes the inline-SVG radar chart and structured recommendations.

Related Skills

Explore More Design & Creative Skills→
JoaquinCampoJoaquinCampo
3

web-artifacts-builder

Bundle React frontend artifacts into a single self-contained HTML file.

Community
Advanced
az9713az9713

critique

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

Community
Advanced
ShaheerKhawajaShaheerKhawaja
8

designer-upgrade

Orchestrate UI/UX redesign workflows producing HTML mockups and design tokens.

Community
Advanced
zm2231zm2231

design-feedback

Review UI/UX designs and visual assets with structured checklists and accessibility assessments.

Community
Intermediate