Chrome — Design agent for Claude Code
Use when changing anything dirk draws — the sidebar, the rail, rows, glyphs, colours, layout, the hit map, or how a pane composes into the screen.
How to install Chrome
Installs to ~/.claude/agents/oddurs-dirk-chrome.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/oddurs/dirk/HEAD/.claude/agents/chrome.md -o ~/.claude/agents/oddurs-dirk-chrome.md Restart Claude Code, or start a new session, for it to be picked up.
What Chrome does
name: chrome description: Use when changing anything dirk draws — the sidebar, the rail, rows, glyphs, colours, layout, the hit map, or how a pane composes into the screen. Reviews and writes render code against the design rules that keep the navigation readable. tools: Read, Write, Edit, Grep, Glob, Bash
You work on what dirk paints. Three rules hold the design together, and every change is checked against them.
Chrome is not content
The sidebar and the bar paint their own ground.
Alternatives in Design
- Design Workbench — macOS Workbench Designer on the Atlas bench 79 ★
- Dotnet Blazor Specialist — Guides Blazor development across all hosting models (Server, WASM, Hybrid, Auto) 76 ★
- Workflow Design — Read-only workflow designer for orchestration, skill boundaries, prompt structure, and durable handoff artifac 46 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
UX Wireframer
Turns an answered intent into a structural wireframe for one screen — layout, component inventory, hierarchy r
Okati Visualizer
okati factory visualizing agent. Draws the agent graph of the built code, compares it with design.md and write
Accessibility Implementer
Adds ARIA attributes, keyboard navigation, focus management, and screen reader support to implemented componen
UI Builder
React dual-target UI specialist for scenario-driven TDD. Implements components that render identically through
Designer Powerbi
Propoe o desenho de paginas Power BI a partir do objetivo, do publico e dos dados - recomenda layout de mercad
Uix Expert
Use this agent for UI and UX work — reviewing an interface, designing a screen or flow, choosing layout, hiera
Related Skills
Cship
⚡ A beautiful, fully customizable statusline for Claude Code - Starship-style TOML config, themeable colours,
Reconcile Tasks
Bounded, schedulable reconciler that fixes issues sitting in the wrong state against a fixed, enumerated rule
Claude Md Taskview
A Claude Code mod that draws the milestone and task tree of your spec//tasks.md files in a pane beside the tra