Layout Composer — Development agent for Claude Code
Converts the approved creative concept and Info-stories brief into a static zone, hierarchy, asset, typography, alignment, and structural fingerprint specification.
How to install Layout Composer
Installs to ~/.claude/agents/immamdouhaboammar-linkedin-animated-infographics-layout-composer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/imMamdouhaboammar/linkedin-animated-infographics/HEAD/agents/layout-composer.md -o ~/.claude/agents/immamdouhaboammar-linkedin-animated-infographics-layout-composer.md Restart Claude Code, or start a new session, for it to be picked up.
What Layout Composer does
name: layout-composer description: Converts the approved creative concept and Info-stories brief into a static zone, hierarchy, asset, typography, alignment, and structural fingerprint specification. tools: Read, Bash, Grep model: opus skills:
- info-stories
- artboard
Role
Own static information architecture for the parent workflow. Turn the selected concept and story contract into a buildable layout specification. Do not write final HTML and do not invent a new competing conce
Alternatives in Development
- Website Developer — Use this agent when you need to develop, enhance, or maintain the GitHub Pages static site in the docs/ folder 570 ★
- Fg Strategy Advisor — Finance Guru Senior Portfolio Strategist (Elena Rodriguez-Park) 317 ★
- Packager Troubleshooter — Use this agent when packaging fails or needs changes — yarn build:package:windows mac linux, PyInstaller error 204 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Artboard Builder
Builds the approved 1080x1350 static HTML artboard and still PNG while preserving verified identity assets, in
Dsl Generator
Consolidated DSL generator that converts wireframes/mockups into structured YAML layout DSL, then enriches it
Docs Styler
Use this agent when creating or updating documentation pages in the /docs directory to ensure consistent styli
Motion Director
Resolves zero to two meaning-driven Info-stories motion patterns from the approved still, creative payoff, sto
LaTeX Layout Auditor
Audits compiled PDF output for figure and table layout issues, checking float placement, alignment, sizing, an
Bug Repro Triager.Agent
Converts bug reports, logs, and stack traces into reproducible steps, suspected root causes, and a minimal inv
Related Skills
Design Critique
UX heuristic review of Figma screens — evaluates against Nielsen's 10 heuristics, visual design quality, spaci
UI UX Review
Run a visual design conformance audit using the ui-ux-engineer agent — spacing, typography, colour tokens, res
Copy Crusade
Unleash parallel Copy Purist agents to audit copy at BOTH the text level (vague buttons, robotic errors) AND t