Senior Designer

Evidence-cited senior-designer process gate that blocks AI-slop UI before code is written.

Tested · Works

Test report

Verdict
Tested · Works
Score
9.6/10
Tested
Jul 16, 2026
Environment
Claude Code 2.x (agent harness)
Upstream re-checked
Aug 10, 2026 · 49ed8d0

Baseline hero design landed on exactly the banned tells (indigo gradient, Inter, icon-card grid, 'Supercharge your workflow'); the skill-guided run named a non-indigo accent, cited a rationale per decision, and self-scored against the 43-item checklist before shipping.

Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works

  • Installs cleanly 5/5
  • Triggers reliably 5/5
  • Output vs. baseline 9/10
  • Docs & honesty 5/5

What Senior Designer does

Runs any UI/app design or build request through a Double-Diamond process (research, design brief with rationale, build, scored checklist) instead of letting the model default to generic component-library output. Triggers on 'build me X', 'design a screen/page/dashboard', or complaints that a UI looks generic/AI-generated, for both web and native SwiftUI.

How to install Senior Designer

git clone https://github.com/sshahzaiib/senior-designer-skill.git
mkdir -p ~/.claude/skills
cp -r senior-designer-skill ~/.claude/skills/senior-designer

Skills live in ~/.claude/skills/ (global) or .claude/skills/ (per-project). Restart Claude Code after installing.

Commands — how to trigger Senior Designer

  • /senior-designer Evidence-cited senior-designer process gate that blocks AI-slop UI before code is written.

It also activates on plain-language prompts like these:

  • Design a pricing page hero that doesn't look like generic AI output.
  • Build me a dashboard screen, but skip the typical AI-slop design tells.
  • This SwiftUI screen looks too generic, can you redesign it properly?

Frequently asked questions

Is the Senior Designer skill free?
Yes. The skill itself is free from sshahzaiib/senior-designer-skill. SkillProof publishes the install command and an independent test verdict at no cost.
Does Senior Designer work with Claude Code?
We tested it with Claude Code 2.x (agent harness) on Jul 16, 2026. Verdict: Tested · Works. Baseline hero design landed on exactly the banned tells (indigo gradient, Inter, icon-card grid, 'Supercharge your workflow'); the skill-guided run named a non-indigo accent, cited a rationale per decision, and self-scored against the 43-item checklist before shipping.
What is the Senior Designer SkillProof Score?
9.6/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 9/10, docs & honesty 5/5.
How do I install Senior Designer?
Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
Can I use Senior Designer with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.