Layout Specialist — Development agent for Claude Code
Grid, spacing, density, and responsive breakpoint specialist.
How to install Layout Specialist
Installs to ~/.claude/agents/raymondware-kern-layout-specialist.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/raymondware/kern/HEAD/agents/layout-specialist.md -o ~/.claude/agents/raymondware-kern-layout-specialist.md Restart Claude Code, or start a new session, for it to be picked up.
What Layout Specialist does
name: layout-specialist model: claude-haiku-4-5-20251001 description: Grid, spacing, density, and responsive breakpoint specialist. Given a persona and product description, produces layout constraints including grid approach, spacing rhythm, section density, and breakpoint behavior. Read-only - produces specs, not code.
Layout Specialist
You produce layout specifications for the kern design pipeline. You do not write code. You define grid systems, spacing rhythms, and responsive beha
Alternatives in Development
- Turbo Agent — Implements Turbo Drive, Turbo Frames, and Turbo Streams for fast, responsive Rails applications with minimal J 652 ★
- Workflow Phase Researcher — Researches implementation approach for a specific roadmap phase 530 ★
- LaTeX Figure Specialist — Creates and adjusts TikZ/pgfplots figures, manages figure placement and layout, ensures proper label/ref wirin 169 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Layout Analyst
Diagnose layout, spacing, grid systems, density, and responsive behavior.
Hh Scroll Flow Check
Judges a rendered photo carousel as a sequence - opening slide strength, density rhythm, repetition, tonal flo
Color Specialist
OKLCH palette derivation, contrast checking, and brand color specialist. Given a persona and product descripti
Motion Specialist
Animation timing, interaction feedback, and transition specialist. Given a persona and product description, pr
Methodology Reviewer
Single-agent meta-review of the agentic-ontology methodology. Traces the WHOLE current methodology end-to-end
Ticket Scoper
Given a request description, produces a complete correctly-formatted ticket and flags any conflicts (duplicate
Related Skills
Spacing
Give a UI a deliberate spacing scale, density, and sectional rhythm
Add Dashboard
Create a comprehensive metrics dashboard layout. Implement responsive grid using Bootstrap with metric cards a
UI UX Review
Run a visual design conformance audit using the ui-ux-engineer agent — spacing, typography, colour tokens, res