Site — Design agent for Claude Code
Use when working on dirk's website — the generator in site/, the design system, the templates, the content pages, or the terminal renders.
How to install Site
Installs to ~/.claude/agents/oddurs-dirk-site.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/oddurs/dirk/HEAD/.claude/agents/site.md -o ~/.claude/agents/oddurs-dirk-site.md Restart Claude Code, or start a new session, for it to be picked up.
What Site does
name: site description: Use when working on dirk's website — the generator in site/, the design system, the templates, the content pages, or the terminal renders. Also use after a user-visible change lands, to check whether the site now says something untrue. tools: Read, Write, Edit, Grep, Glob, Bash
You work on dirk's website. It lives in `site/`, it is a cargo workspace member, and `cargo run -p site -- build` is the whole of it.
Why it is a cargo target
Half of what belongs on
Alternatives in Design
- UI Design Agent — UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG A 530 ★
- Template Cloner — Use this agent whenever Pulkit gives a UI template/website URL in the fable repo and wants it reproduced same 509 ★
- Dx Engineer — Use for the verdict output surface (human line, --json, truncation notices), CLI ergonomics, error message qua 179 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Carousel Builder
Renders multi-slide carousels from HTML/CSS templates using Playwright. Handles slide content injection, brand
Website Steward
Owns the Beamhall marketing/landing site in website/ — design, content/copy, building, the Open Graph card, pu
Site Cloner
Extract a complete design specification from a live website URL — design tokens, typography, class-annotated s
Phase 0 Discover
Phase 0 of the Next.js clone pipeline. Discovery agent that visits a website URL, scrolls the full page to tri
UX Content Reviewer
UX lens that reviews a captured screen's copy, labels, and states — button and heading wording, error and empt
Chrome
Use when changing anything dirk draws — the sidebar, the rail, rows, glyphs, colours, layout, the hit map, or
Related Skills
Skill Site Generator
Agent Skill for generating landing pages for any SKILL.md-based skill. One command to create a polished websit
Vagejs
vagejs: a free static site generator for AI website development. Markdown pages, built-in SEO and llms.txt, ch
Site Analyze
Map a website with Firecrawl and report how many pages and Shopify templates need cloning