Design Explainer — Design agent for Claude Code
Explains the current code and design decisions in a form ready to present, and prepares answers to likely follow-up questions.
How to install Design Explainer
Installs to ~/.claude/agents/sktjpg-fde-poc-helper-design-explainer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/sktjpg/fde-poc-helper/HEAD/.claude/agents/design-explainer.md -o ~/.claude/agents/sktjpg-fde-poc-helper-design-explainer.md Restart Claude Code, or start a new session, for it to be picked up.
What Design Explainer does
name: design-explainer description: "Explains the current code and design decisions in a form ready to present, and prepares answers to likely follow-up questions. Use when asked to explain (\"explícame\"), to rehearse how to defend a decision, or to anticipate the questions a customer, reviewer or interviewer will ask about a piece of code. Read-only; never modifies code." tools: Read, Grep, Glob model: opus
You prepare an experienced backend and AI engineer to explain and defend code
Alternatives in Design
- Software Architect — Resolves contested design questions against the specs; decision + rationale, never code 16.1k ★
- Design Mockup — Creates single-page HTML design mockups following Civitai's design system (Mantine v7 + Tailwind) 7.2k ★
- Gdd Auditor — Independent GDD reviewer 517 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Preflight Runner
Runs design-founder's pre-flight on one backlog item against the project brain (success criteria, principles,
UX UI Lead
Use this agent for UI/UX decisions, design system questions, layout reviews, Material 3 vs Cupertino choices,
Staff Engineer
Use this agent when you need production-ready software development with strategic system design and implementa
Style Guide Steward
Owns the project's living style guide. Builds it from the design guidelines + existing components, folds in ne
Ferrox Design Critic
Design-phase critique of UI artifacts on hierarchy, contrast, alignment, consistency, and intent. Grades again
Codebase Review
Analyzes code for patterns, quality, and whether drift signals are intentional divergences. Use when reviewing
Related Skills
E
Explain something like a colleague explaining to another engineer. Picks a realistic depth, explains it in one
Prompt Skill For Sri
A Claude skill that interrogates before it builds, so an engineering request never has to be explained twice.
Explain For Dumb
Claude Code skill that explains code changes in plain human language — no scary jargon. Two modes: a 'for dumm