Skip to content
Skillpedia
Interfaces (UI/UX)101k · #810

design-is

Lets your agent audit a design against design principles. It suggests a plan to create, refine, or redesign the design.

What it does

This tool evaluates a design by comparing it against 10 principles of good design. It checks if the design is innovative, useful, beautiful, understandable, unobtrusive, honest, long-lasting, thorough, environmentally friendly, and as little design as possible. Finally, it suggests whether the design needs to be entirely new, refined, or redesigned.

When to use it

  • ✓When you want to know if a design is good.
  • ✓When reviewing a product's interface.
  • ✓To get an action plan on how to improve a design.

Example of what to ask your AI

“Audit this banking app design against Dieter Rams' 10 principles of good design.”

Want more? Open the sections below.

How to use

The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.

Skill link

https://github.com/thedotmack/claude-mem/blob/main/plugin/skills/design-is/SKILL.md

Ready-to-paste message

Use this skill to help me: https://github.com/thedotmack/claude-mem/blob/main/plugin/skills/design-is/SKILL.md Read the SKILL.md file at that link and follow its instructions for my task.
How it works

The tool analyzes the design against each of the 10 principles, giving it a score and explaining why. Based on this, it decides if the design should be entirely new, improved, or redesigned and creates a plan for it.

Installation

Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.

In the terminal (Claude Code, Codex, Cursor), in your project folder:

npx skills add thedotmack/claude-mem --skill design-is

Or download just the file:

curl -L https://raw.githubusercontent.com/thedotmack/claude-mem/main/plugin/skills/design-is/SKILL.md -o SKILL.md
Technical content (original SKILL.md)

Original text by the author, straight from GitHub.

Design Is

Do not use for

  • Routine UI code reviews → use /review
  • Pure copy edits → use a separate copy pass
  • Pre-design ideation with no artifact yet → start with /make-plan directly

You are an ORCHESTRATOR. Audit a design against Dieter Rams' ten principles, score each principle with evidence, decide the outcome verdict (NEW / REFINE / REDESIGN), and hand off to /make-plan with a ready-to-run prompt.

You do not write implementation code. You produce: evidence-cited scores, a verdict, and a /make-plan handoff prompt.

The Ten Principles (Dieter Rams)

Audit each principle in this exact order. Each gets a score 0–3 and ≥1 piece of evidence (file:line, screenshot region, copy excerpt, or measured value).

  1. Good design is innovative — Does it advance the form, or imitate? Innovation rides on technology; never an end in itself.
  2. Good design makes a product useful — Does it serve the primary task? Emphasizes usefulness; disregards anything that detracts.
  3. Good design is aesthetic — Is it beautiful? Only well-executed objects can be beautiful; aesthetic quality affects well-being.
  4. Good design makes a product understandable — Does the structure clarify function? Or is it self-explanatory at best?
  5. Good design is unobtrusive — Does it stay out of the way? Neither decorative objects nor works of art — leave room for self-expression.
  6. Good design is honest — Does it claim only what it is? No false promises, no manipulation, no inflated value.
  7. Good design is long-lasting — Will it age well? Avoids being fashionable; never appears antiquated.
  8. Good design is thorough down to the last detail — Are edges, empty states, errors, focus rings, motion curves all considered? Care and accuracy express respect for the user.
  9. Good design is environmentally friendly — Does it conserve resources? Minimizes pollution — in software: bundle weight, energy, attention, cognitive load.
  10. Good design is as little design as possible — Less, but better. Concentrates on essentials; back to purity, back to simplicity.

The user wrote "Dieter Braun" — they mean Dieter Rams. Don't correct them inline; just use the right principles.

Delegation Model

Use subagents for evidence gathering (reading components, measuring contrast, counting elements, inspecting tokens, screenshotting via agent-browser). Keep scoring and verdict synthesis with the orchestrator. Reject subagent reports that score without citing evidence and redeploy.

Subagent Reporting Contract (MANDATORY)

Each evidence subagent response must include:

  1. Sources consulted — exact file paths and line ranges, or screenshot regions
  2. Concrete findings — what is present, what is missing, with quotes/values
  3. Per-principle facts (not opinions) — leave scoring to the orchestrator
  4. Known gaps — what could not be inspected and why

Output Artifacts

All artifacts go in DESIGN-IS-<YYYY-MM-DD>/ at repo root (or the project the user points at):

  • 00-scope.md — what was audited (URL, component paths, screens), input materials
  • 01-evidence.md — per-principle evidence collected by subagents
  • 02-scorecard.md — per-principle 0–3 score with one-line justification + total
  • 03-verdict.md — NEW / REFINE / REDESIGN with reasoning
  • 04-handoff-prompt.md — copy-pasteable /make-plan prompt for the chosen outcome

Phases

Phase 0: Scope Lock (ALWAYS FIRST)

Ask the user (or infer from the request) and write 00-scope.md:

  • What is being audited? (live URL, repo path, Figma frame, component name)
  • Who is the primary user, and what is the primary task?
  • Constraints (brand, stack, deadline)
  • Reference designs or competitors, if any

If the user is asking about a design that doesn't exist yet, skip Phases 1–2 and go straight to Phase 3 with verdict = NEW.

Phase 1: Evidence Gathering (FAN OUT)

Deploy subagents in parallel. Each must return ONLY the required fields below — no prose paragraphs, no scoring.

1. Structural Evidence subagent (always deploy) Required fields returned:

  • Total interactive-element count on audited surface
  • Max nesting depth of the primary component tree
  • Repeated-pattern count (same affordance appearing >1 place with the same purpose)
  • Dead-prop / unused-import count
  • File:line citations for every count

2. Visual Evidence subagent (always deploy)

…

FAQ

What are the 10 principles of good design?

These are guidelines created by Dieter Rams to assess product quality, focusing on aspects like innovation, usefulness, aesthetics, simplicity, and sustainability.

What does 'verdict' mean?

It's the tool's final decision on the design's status: 'NEW' (needs to be created from scratch), 'REFINE' (needs specific improvements), or 'REDESIGN' (needs a significant overhaul).

What is a '/make-plan prompt'?

It's a pre-formatted command that the tool generates so you can ask the AI to create a detailed plan for implementing the suggested design changes.

Details

Original description by the author

Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for one of three outcomes — new design, refine design, or redesign. Use when the user says "audit this design", "design review", "check this UI against Rams", "is this UI good", "critique this design", "design audit", or asks for a critique that should lead to a plan.

repo: thedotmack/claude-mem

Popularity

GitHub stars
101k
Ranking position
#810
License
Apache-2.0
Updated
10/16/2026

Is this skill useful?

0

Sign in to vote.

Comments

  • …

More skills from this repository

Similar skills