skills.rest
Maccio-huang
Maccio-huangCOMMUNITY
Explore all skills by this author →
GitHub

critique

Score HTML design artifacts across five dimensions and generate a report.

Updated May 11, 2026
Search Tags:#design analysis#design review#HTML artifact#design critique#5-dimensional scoring
One-click install
npx skills add https://github.com/Maccio-huang/opendesign --skill critique-maccio-huang
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: critique
Source: https://github.com/Maccio-huang/opendesign/tree/main/skills/critique
Command: npx skills add https://github.com/Maccio-huang/opendesign --skill critique-maccio-huang

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides an expert 5-dimensional design review for HTML artifacts, identifying strengths and areas for improvement.

Core Features & Use Cases

  • 5-Dimensional Review: Scores design artifacts across Philosophy, Visual Hierarchy, Detail, Functionality, and Innovation.
  • Actionable Feedback: Offers specific suggestions for "Keep", "Fix", and "Quick Wins" to improve design.
  • Use Case: When a designer needs an in-depth critique of a website or presentation, this Skill can provide detailed feedback on various design aspects.

Quick Start

Run a 5-dimension critique on the magazine-web-ppt deck I just generated.

Frequently Asked Questions about critique

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

FAQPage Schema
How do I get an automated design critique for my HTML artifact?▼

To get an automated design critique, provide your HTML artifact for a 5-dimensional review that scores Philosophy, Visual Hierarchy, Detail, Functionality, and Innovation. The process outputs a comprehensive HTML report with a radar chart and evidence-backed scores.

What is the best way to review visual hierarchy and functionality in a web design?▼

The best way to review visual hierarchy and functionality is using a 5-dimensional scoring system that analyzes your HTML design artifacts. It generates a radar chart and actionable lists categorizing specific suggestions into Keep, Fix, and Quick Wins.

Can I use this design analysis tool to improve an HTML presentation deck?▼

Yes, you can use this design analysis tool to improve an HTML presentation deck by running a comprehensive 5-dimensional review. It identifies strengths and areas for improvement, providing actionable feedback tailored to your specific HTML design artifact.

Does a 5-dimensional design review require web rendering capabilities to parse HTML?▼

Yes, a 5-dimensional design review requires web rendering capabilities and HTML parsing to accurately analyze your design artifact. This environment setup allows the tool to properly evaluate the functionality and visual output of the provided HTML code.

What specific dimensions are scored during an HTML design review?▼

The specific dimensions scored during an HTML design review are Philosophy, Visual Hierarchy, Detail, Functionality, and Innovation. Each dimension receives evidence-backed scores and targeted suggestions to help refine the overall design artifact.

Related Skills

Explore More Design & Creative Skills→
yasinnertenyasinnerten

test-scraper

Test HTML parsing and data extraction logic against diverse HTML structures.

Community
Basic
pipixia-labspipixia-labs
38

critique

Generate a self-contained HTML critique report with five dimension scores and action lists.

Official
Advanced
az9713az9713

critique

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

Community
Advanced
luiztrilhaluiztrilha

critique

Evaluate design interfaces using UX metrics, heuristic scoring, and persona-based testing.

Community
Advanced