eddiebelaval

Visualize — Design skill for Claude Code

Design community

/visualize - Create Interactive Visual Explanation.

How to install Visualize

Installs to ~/.claude/skills/eddiebelaval-claude-code-artifacts-visualize/SKILL.md

Terminal

mkdir -p ~/.claude/skills/eddiebelaval-claude-code-artifacts-visualize && curl -fsSL https://raw.githubusercontent.com/eddiebelaval/claude-code-artifacts/HEAD/commands/visualize.md -o ~/.claude/skills/eddiebelaval-claude-code-artifacts-visualize/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Visualize does

/visualize - Create Interactive Visual Explanation

Generate an interactive HTML visualization to explain a concept, system, architecture, codebase structure, or workflow visually. Eddie learns best through spatial, interactive visuals — not walls of text.

Instructions

When the user invokes `/visualize [topic]`, create a single self-contained HTML file that visually explains the topic.

Step 1: Understand the topic

Determine what needs to be visualized. This could be:

**Architectur

Alternatives in Design

Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
Weather Orchestrator Command — Fetch the current temperature for Dubai, UAE and create a visual SVG weather card 20.2k ★
Learning Output Style — Interactive learning mode for skill building 14k ★