Design Review Scorecard skill for Claude and Codex

Design Review Scorecard as an AI skill. It asks for Screen description or link, Platform, Primary user goal and 3 more, then does the rest. Free to install in…

Install it once and Claude or Codex runs it for you. When your request matches, your AI loads the skill, asks for anything it is missing, and works through the template itself. Prefer to fill it in by hand? See the full prompt template.

Download the skill (.zip) · View SKILL.md

When it is used

Use when a designer or product owner wants a numeric critique of one screen covering hierarchy, copy, states, and accessibility before release. Do not use for designing a screen from scratch or running a user research study. Related topics: design, product.

What it will ask you for

• Screen description or link (longer free text)
• Platform (choose one: Web desktop, Web mobile, iOS, Android)
• Primary user goal (free text, e.g. "The one thing a user comes to do")
• Design system in use (free text, e.g. "Name or none")
• Known complaints (longer free text)
• Review depth (choose one: Quick pass, Standard, Thorough)

How it works

1. Identify the primary user goal and the element that should dominate the screen.
2. Score hierarchy, consistency, copy, states, and accessibility from 1 to 5 with one-line reasons.
3. Cite the exact element behind each score below 4.
4. Build a fix table with effort and impact, ordered with high impact and small effort first.
5. Name the one change that best serves the primary goal.

What you get

A scorecard of five scored areas with reasons and a total, a sorted fix table with effort and impact, and one closing recommendation.

What it watches out for

• Giving scores without naming the element, which leaves designers unable to find the problem.
• Rating on taste instead of the user goal.
• Forgetting empty, loading, and error states because the mockup shows only the filled screen.

How to install

Claude.ai and the Claude desktop app

1. Download the skill .zip.
2. Open Settings, then Capabilities, and find Skills.
3. Choose Upload skill and select the .zip.
4. Ask Claude for help with the task. It loads the skill when your request matches.

Claude Code

1. Download the skill .zip.
2. Unzip it into ~/.claude/skills/ (or .claude/skills/ inside a project).
3. Start a new session. Claude Code loads the skill when your request matches.

Codex

1. Download the skill .zip.
2. Unzip it into ~/.agents/skills/ (or .agents/skills/ inside a project).
3. Codex picks it up on its own. Type $ and the skill name to use it, or just ask for the task.

Cursor

1. Download the Cursor rule (.mdc).
2. Save it in .cursor/rules/ inside your project.
3. Cursor's agent applies the rule when your request matches its description.

AGENTS.md (Codex, Cursor, and other coding agents)

1. Copy the AGENTS.md section.
2. Paste it into AGENTS.md at the root of your repository, creating the file if needed.
3. Coding agents that read AGENTS.md follow it when your request fits.