skills.rest
Keimoshi
KeimoshiCOMMUNITY
Explore all skills by this author →
GitHub

critique

Generate a 5-dimension design review report with radar chart for HTML artifacts.

Updated May 20, 2026
Search Tags:#design review#design audit#scoring#critique#visual hierarchy#html report#radar chart
One-click install
npx skills add https://github.com/Keimoshi/Silverloft --skill critique-keimoshi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: critique
Source: https://github.com/Keimoshi/Silverloft/tree/main/open-design-port/skills/critique
Command: npx skills add https://github.com/Keimoshi/Silverloft --skill critique-keimoshi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Designers and developers often ship HTML decks, landing pages, or prototypes without structured feedback on what works and what fails. This Skill runs an expert-level design critique across five dimensions and produces a single self-contained HTML report with evidence-backed scores and prioritized action lists. ## Core Features & Use Cases - 5-Dimension Scoring: Rates Philosophy consistency, Visual hierarchy, Detail execution, Functionality, and Innovation on a 0-10 scale with cited evidence (class names, page numbers, line references). - Self-Contained HTML Report: Outputs one file with an inline SVG radar chart, dimension cards, and Keep / Fix / Quick-wins action lists — no external CSS or JS. - Scoring Discipline: Enforces anti-grade-inflation rules and evidence requirements so reviews stay critical and actionable. - Use Case: After generating a slide deck or landing page, ask for a design review and receive a scored report identifying P0 fixes like misaligned columns or competing hierarchy, plus 5-15 minute quick wins. ## Quick Start Ask the AI to run a 5-dimension critique on the HTML artifact you just created and produce a scored review report with Keep, Fix, and Quick-win lists.

Frequently Asked Questions about critique

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

FAQPage Schema
How do I get a design review of my HTML landing page or deck?▼

Ask the AI to run a critique on your HTML artifact. The Skill reads the file, scores it across five dimensions (philosophy, hierarchy, detail, functionality, innovation), and emits a single HTML report with a radar chart and action lists.

What does the 5-dimension design critique score?▼

It scores Philosophy consistency, Visual hierarchy, Detail execution, Functionality, and Innovation, each from 0 to 10. Every score must cite specific evidence such as class names, page numbers, or line references.

Can the critique skill review pasted HTML code instead of a project file?▼

Yes. It accepts three input modes: a project HTML file, HTML pasted directly into the chat, or an artifact the AI just generated in the same session. If multiple HTML files exist, it asks which one to review.

Does the critique report require external CSS or JavaScript libraries?▼

No. The report is a single self-contained HTML file with all styles inlined and the radar chart drawn as inline SVG. No external CSS, JS, or charting libraries are used.

When should I not use this design critique skill?▼

Avoid it for non-HTML artifacts, partial reviews of fewer than five dimensions, or same-turn self-critique of an artifact the user has not seen yet. Self-critique only runs on explicit request.

Related Skills

Explore More Design & Creative Skills→
DiddysisterDiddysister
82

axi-front-design

Create high-fidelity HTML design artifacts through a structured designer-led workflow.

Community
Advanced
nexu-ionexu-io
93.2k

html-ppt-zhangzara-soft-editorial

Generate professional consulting decks using a literary HTML-based design system.

Official
Intermediate
NagyViktNagyVikt
2

game-playtest

Automate browser-based game testing with visual regression and functional input verification.

Community
Advanced
aquariuscookaquariuscook

visual-testing-advanced

Compare screenshots across viewports and browsers to detect visual regressions.

Community
Advanced