imMamdouhaboammar

Layout Composer — Development agent for Claude Code

Development community

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

Terminal
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 Repository