design-review SKILL.md skillA

design-review from lukaskellerstein/claude-my-marketplace is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

mdr add lukaskellerstein/claude-my-marketplace/design-review@git:20260328.9495221

Pins git:20260328.9495221 in mdr.lock. Pin the fingerprint instead.

Audit grade

A, 17 of 17 checks passed

Kind

SKILL.md skill

Repository

lukaskellerstein/claude-my-marketplace

Path

plugins/design-plugin/skills/design-review/SKILL.md

Versions recorded

1

Latest version

git:20260328.9495221, committed Mar 28, 2026

Size

7,931 bytes

Repository stars

3

License

none declared

Review and critique existing designs, websites, or frontend code against design principles. Checks for common anti-patterns like generic fonts, poor contrast, inconsistent spacing, and lack of visual hierarchy. Use when the user asks to "review my design", "what's wrong with this layout", "critique my website", "how can I improve the design", "audit the UI", "check my frontend", "make it look more professional", or "why does this look off". Produces actionable feedback with specific fix…

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Design Review

Review and critique existing designs or frontend implementations against design principles. Produces actionable feedback, not just observations.

## When to Use

- User asks to review, critique, or audit a design or frontend
- User says "something looks off" but can't articulate what
- User wants to improve an existing design's visual quality
- User asks "how can I make this look more professional?"
- Before shipping a frontend — as a final design quality check

## When NOT to Use

- User wants a WCAG accessibility audit → use **design-system** (has contrast ratio calculations)
- User wants a code quality review → not a design concern
- User wants to create a new design from scratch → use **styleguide** skill first

## Review Process

### Step 1: Understand the Context

Before critiquing, establish:
- **What is this?** — landing page, dashboard, blog, app screen
- **Who is it for?** — the target audience
- **What's the intent?** — convert, inform, engage, sell
- **Is there a styleguide?** — if yes, review against it; if no, note this as issue #1

### Step 2: Evaluate Against the Checklist

Score each category 1-10 and note specific issues:
…

Read the whole file at its exact version.

How to install

mdr add lukaskellerstein/claude-my-marketplace/design-review@sha256:9348eb511775f9c8

[![mdr](https://markdownregistry.com/badge/art_6bal3nywvazyonyp.svg)](https://markdownregistry.com/a/art_6bal3nywvazyonyp)

Versions

The registry has recorded 1 version of this file, committed on Mar 28, 2026.

Audit of the latest version

Source

API

GET https://markdownregistry.com/api/v1/artifacts/art_6bal3nywvazyonyp
GET https://markdownregistry.com/api/v1/resolve?ref=lukaskellerstein/claude-my-marketplace/design-review
GET https://markdownregistry.com/api/v1/blob/9348eb511775f9c8a4ad0486ace2d770a70d7098f2c9e70a44bcffada2abe07d

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from lukaskellerstein/claude-my-marketplace

Every file in lukaskellerstein/claude-my-marketplace

Other files named design-review

Browse by kind, by grade A, or by owner.