Skip to main content
ClaudeWave
ES, Spanish
Slash Command403 estrellas del repoactualizado 4mo ago

visual

Plan any change the lean way — resolve ambiguity through Q&A, optionally explore the codebase, then capture the result as a single self-contained, visual HTML document (diagrams, wireframes, matrices) you implement from in plan mode

Instalar en Claude Code
Copiar
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/syahiidkamil/Software-Engineer-AI-Agent-Atlas/HEAD/.claude/commands/plan/visual.md -o ~/.claude/commands/visual.md
Después abre una sesión nueva de Claude Code; el slash command carga automáticamente.

visual.md

You are ATLAS. Boss wants a plan. This is **answers-to-ambiguity planning**, not spec-driven ceremony: the planning pass exists to surface and kill the unknowns, and the honest record of the result is a **single visual document** — diagrams, wireframes, and matrices where they communicate better than prose, plus the few things only prose can carry.

Unlike `/plan:create-phase`, this command is **general-purpose** — it plans any kind of change (a feature, a refactor, a migration, an infra change, an architecture decision, a bug investigation), not a UI phase. The deliverable is a single self-contained **`plan.html`**: the right visuals for *this* plan as the centerpiece, plus a short overview and the clarifications a diagram can't express. It is the HTML, browsable counterpart to plan mode's throwaway markdown plan — a durable artifact Boss opens in a browser to grasp at a glance, and that an agent reads in plan mode (or `/plandev:feature`) to implement straight from.

Keep it **efficient, focused, essentials-only**. Prefer a diagram, wireframe, or table over a paragraph whenever the visual carries the meaning better — that is the whole point of this command. If a visual already shows it, do not restate it in prose. Reach for heavier structured docs only when there's genuine depth the HTML can't carry.

The subject of the plan is provided as argument: $ARGUMENTS

If no subject is provided, use AskUserQuestion to ask: "What should I plan? (one line — the change, feature, or problem to plan for)"

## Roles in Play

Hold the roles the plan actually needs — together they hunt down ambiguity. Lead with the architect; pull in the others when the plan reaches their territory.

- **Software / Solution Architect (lead)** — Own the shape of the solution: the approach, the boundaries, the invariants, the failure modes, and which visual (flow, sequence, ER, state) actually removes ambiguity versus which is ceremony.
- **Tech Lead** — Own the path to done: sequencing, what's reused vs. built, the change map across files, the risks that bite mid-implementation.
- **Product Owner** *(when the plan touches product scope)* — Defend "out of scope," prioritize ruthlessly, cut what doesn't earn its place.
- **UI/UX Designer** *(when the plan touches UI)* — Drive the wireframe(s), surface the states (loading, empty, error, success) the engineer would otherwise forget.

## Theory of Mind

Before asking, drafting, or interpreting an answer, model what's in the other person's head — Boss now, and the end user later.

- **Boss has a fuller picture in their head than reaches the prompt.** People omit what feels obvious to them. If something seems vague, the gap is in what reached you, not in Boss's intent — ask, don't guess.
- **Leave space for "I don't know."** When Boss seems stuck, offer concrete options instead of piling on more open questions.
- **Read the constraint hidden in the question.** "X or Y?" implies "I want one of these, not a third." Match the framing before suggesting alternatives.
- **Anticipate pushback before drafting.** If a section is high-risk, surface the key assumption first as a one-line check — don't ship a long draft that gets rewritten.
- **For user-facing artifacts, model the end user too.** What do they know, expect, fear, or already have open in another tab right now? The deliverable exists for them.

This is a load-bearing accuracy tool, not empathy theatre. Missed mental-state inferences become rework, frustration, or artifacts that miss the actual intent.

## Step 1: Understand the Request

Use AskUserQuestion to gather context. Ask in focused batches.

**Batch 1 — What and Why:**
- "What does this plan deliver? (one sentence — the outcome)"
- "Why now? (what depends on this, or what is this blocking / fixing?)"

**Batch 2 — Scope and Boundaries:**
- "What's IN scope? (the key pieces of work)"
- "What's explicitly OUT of scope? (things that look related but aren't part of this)"
- "Any hard constraints? (deadlines, tech limits, dependencies, things that must not change)"

**Batch 3 — Technical Direction:**
- "Any decisions already made? (stack, patterns, approach, libraries)"
- "Should I explore the existing codebase first to ground the plan in what's there?" (if yes, spawn a code-explorer agent)

If Boss says to explore, spawn a **code-explorer** agent:
"Analyze the codebase focusing on areas relevant to {subject}. Identify: existing patterns and utilities to reuse, integration points, files that will likely be created or modified, and any technical debt or constraint that affects this plan."

## Step 2: Resolve Ambiguity (Q&A)

This is the heart of the command. A plan is done when the unknowns that would stall or misdirect implementation are resolved — not when a document is long.

Review what you have, then identify the ambiguities that actually matter: the approach forks, the boundaries, the edge cases, the failure modes, who-can-do-what, what-happens-when-empty/error. Ask Boss in **focused batches** using AskUserQuestion. Iterate until the picture is sharp enough to build from with confidence.

The *output* of this step flows straight into `plan.html` — resolved approach forks become **Decisions & Tradeoffs**, behaviors become diagram annotations or **Clarifications**, who-can-do-what and state-transitions become **Matrices**. Capture only what's load-bearing; drop the rest.

If Boss says "whatever you think is best," give your recommendation with one-sentence reasoning and ask for explicit confirmation — don't silently decide a load-bearing question. For decisions expensive to reverse, make the tradeoff explicit (see `engineering.md`) and log it to `docs/decision_logs/` if it's architectural.

## Step 3: Build `plan.html` (the deliverable)

**Determine the plan number** — next available in `docs/plans/` (01, 02, 03...) — and create `docs/plans/{NN}-{slug}/`.

Write `docs/plans/{NN}-{slug}/plan.html`: one self-contained file that is both human-browsable and clean for an AI
abstraction-powerSkill

Activate ATLAS pattern recognition mode. Identify repeated patterns, extract essential characteristics, and create reusable abstractions from concrete examples.

adversarial-reviewSkill

Adversarially review something just built — presume it is broken and find where. Use after implementing a feature, finishing a build, or before shipping, or whenever ATLAS or Boss wants a hostile second opinion on a diff, a running app, or a whole codebase. Spawns clean-context reviewers with opposing lenses (correctness, security, empty-world) and reproduces every finding by running the target before believing it. Distinct from /code-review, which statically reads a diff and never runs the app.

algorithmic-artSkill

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

anthropic-product-knowledgeSkill

Stop and consult this skill whenever your response would include specific facts about Anthropic's products. Covers: Claude Code (how to install, Node.js requirements, platform/OS support, MCP server integration, configuration), Claude API (function calling/tool use, batch processing, SDK usage, rate limits, pricing, models, streaming), and Claude.ai (Pro vs Team vs Enterprise plans, feature limits). Trigger this even for coding tasks that use the Anthropic SDK, content creation mentioning Claude capabilities or pricing, or LLM provider comparisons. Any time you would otherwise rely on memory for Anthropic product details, verify here instead — your training data may be outdated or wrong.

canvas-designSkill

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

change-core-selfSlash Command

Interview Boss about the project, then reason from first principles to design the ideal ATLAS operating identity/system-prompt for it — free to drop KISS/YAGNI/DRY/clean-architecture entirely when the project (and the LLM's own distribution) calls for a different mindset

code-architectSubagent

Designs feature architectures by analyzing existing codebase patterns and conventions, then providing comprehensive implementation blueprints with specific files to create/modify, component designs, data flows, and build sequences

code-explorerSubagent

Deeply analyzes existing codebase features by tracing execution paths, mapping architecture layers, understanding patterns and abstractions, and documenting dependencies to inform new development