Demo Creator Web — Design agent for Claude Code
Frontend creator for the live-demo and workbench builds — TypeScript/React/HTML/CSS work such as the xterm.js terminal wiring, the talking-points rotator, the overview panel, the zero-scroll stage lay.
How to install Demo Creator Web
Installs to ~/.claude/agents/therealestmatthew-d-system-demo-creator-web.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/therealestmatthew/d-system/HEAD/.claude/agents/demo-creator-web.md -o ~/.claude/agents/therealestmatthew-d-system-demo-creator-web.md Restart Claude Code, or start a new session, for it to be picked up.
What Demo Creator Web does
name: demo-creator-web description: Frontend creator for the live-demo and workbench builds — TypeScript/React/HTML/CSS work such as the xterm.js terminal wiring, the talking-points rotator, the overview panel, the zero-scroll stage layout, the overview template families, and the workbench surfaces (layout engine, notes strip, terminal panel rework, injection dropdowns, HTML Viewer, explorer panels per REQ-007). Works one dispatched work item at a time inside the worktree named in its prompt
Alternatives in Design
- Svelte Idiom Review — Reviews a feature segment in any SvelteKit app (apps/moderator, apps/auth, apps/creator-studio) for Svelte 5 i 7.2k ★
- Omarchy Plugin Architect — Design and build Omarchy (Quickshell/QML) bar-widget, panel, and service plugins that actually work on a stock 2.7k ★
- Gdd Auditor — Independent GDD reviewer 517 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Design Workbench
macOS Workbench Designer on the Atlas bench. Owns installed-app proof, the 14-inch first viewport, wide-screen
Figure Descriptor
Use this agent when you need to design figures for the manuscript — deciding how many panels a figure needs, w
Creo UX Internal
Analyzes own application UX flows by combining code reading with live UI testing to identify pain points
Design Note Writer
Comprehensive design documentation writer. Produces reviews/phase-6-review/design-note.md with full module des
Design Builder
Use this agent for building production-ready prototypes and implementations from design specs — assembling com
Completeness Checker
Post-implementation verification agent. Runs Feature Completeness Engine, Zero Recommendations Gate, and visua
Related Skills
Che Dashboard Agent
A containerized AI coding assistant for the Eclipse Che Dashboard's Devfile Creator. Runs Claude Code inside a
Codebase Knowledge
Present a structured knowledge document for this codebase — architecture overview, module map, public API surf
Outlines
Generate a recording-ready YouTube video outline with hook, sections, talking points, and production notes.