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
Ready-to-paste message
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-isOr download just the file:
curl -L https://raw.githubusercontent.com/thedotmack/claude-mem/main/plugin/skills/design-is/SKILL.md -o SKILL.mdTechnical 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-plandirectly
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).
- Good design is innovative — Does it advance the form, or imitate? Innovation rides on technology; never an end in itself.
- Good design makes a product useful — Does it serve the primary task? Emphasizes usefulness; disregards anything that detracts.
- Good design is aesthetic — Is it beautiful? Only well-executed objects can be beautiful; aesthetic quality affects well-being.
- Good design makes a product understandable — Does the structure clarify function? Or is it self-explanatory at best?
- Good design is unobtrusive — Does it stay out of the way? Neither decorative objects nor works of art — leave room for self-expression.
- Good design is honest — Does it claim only what it is? No false promises, no manipulation, no inflated value.
- Good design is long-lasting — Will it age well? Avoids being fashionable; never appears antiquated.
- 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.
- Good design is environmentally friendly — Does it conserve resources? Minimizes pollution — in software: bundle weight, energy, attention, cognitive load.
- 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:
- Sources consulted — exact file paths and line ranges, or screenshot regions
- Concrete findings — what is present, what is missing, with quotes/values
- Per-principle facts (not opinions) — leave scoring to the orchestrator
- 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 materials01-evidence.md— per-principle evidence collected by subagents02-scorecard.md— per-principle 0–3 score with one-line justification + total03-verdict.md— NEW / REFINE / REDESIGN with reasoning04-handoff-prompt.md— copy-pasteable/make-planprompt 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
Comments
- …
More skills from this repository
Agent Cost Report
Has your agent generate detailed cost reports for its activities. Shows how much was spent on tokens and services.
thedotmack/claude-mem
claude-mem-install
Helps your agent set up Claude-Mem in different environments. Allows choosing between local or remote workers and configuring observation.
thedotmack/claude-mem
mem-search
Lets your agent search past memories. Useful for recalling previous solutions or work from old sessions.
thedotmack/claude-mem
host-observer
Helps your agent respond to Claude-Mem observer tasks. It should only reply with 'skip_summary' or a full XML observation.
thedotmack/claude-mem
Similar skills
accessibility
Helps your agent create interfaces that everyone can use. Ensures websites and apps work well for people with disabilities, like those who are blind or have reduced mobility.
affaan-m/ECC
design-system
Helps your agent create a design system from existing code. It extracts visual information and checks for consistency, generating a report and an interactive preview.
affaan-m/ECC
liquid-glass-design
Helps your agent create iOS user interfaces with a 'Liquid Glass' effect. Allows adding dynamic and interactive visual effects in SwiftUI and UIKit.
affaan-m/ECC