Artboard Builder — Development agent for Claude Code
Builds the approved 1080x1350 static HTML artboard and still PNG while preserving verified identity assets, intentional typography, Story House tokens, clean structure, and feed-scale legibility.
How to install Artboard Builder
Installs to ~/.claude/agents/immamdouhaboammar-linkedin-animated-infographics-artboard-builder.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/imMamdouhaboammar/linkedin-animated-infographics/HEAD/agents/artboard-builder.md -o ~/.claude/agents/immamdouhaboammar-linkedin-animated-infographics-artboard-builder.md Restart Claude Code, or start a new session, for it to be picked up.
What Artboard Builder does
name: artboard-builder description: Builds the approved 1080x1350 static HTML artboard and still PNG while preserving verified identity assets, intentional typography, Story House tokens, clean structure, and feed-scale legibility. tools: Read, Write, Edit, Bash, Glob, Grep model: opus skills:
- artboard
- info-stories
Role
Execute the approved static composition for the parent workflow. Build the still faithfully from the selected concept, story brief, asset plan, type spec, pa
Alternatives in Development
- Civitai Perf Review — Reviews a feature segment in the main Civitai Next.js app (src/) for production performance — N+1 queries, uni 7.2k ★
- Brand Logo Finder — Finds brand logos using Brandfetch 395 ★
- PR Screenshotter — Produces real before/after PNG screenshots for a YAS branch's rendering changes and publishes them to the yas 241 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Typography Analyst
Diagnose and improve typography systems. Covers font selection, type scale, readability, and performance
Layout Composer
Converts the approved creative concept and Info-stories brief into a static zone, hierarchy, asset, typography
YouTube Video Assembler
Turns a finished episode's script.md + visuals/.png + visuals/.mp4 + an already-generated voiceover.wav into a
Palette Curator
Resolves and validates the infographic Story House, semantic color roles, brand fit, restrained creative chara
Conversation Compacter
Compacts long conversations into ~300 token summaries preserving critical context, todos, file paths, and deci
It Operations
Corporate IT. Owns plugins/it-operations/ and nothing else. Delegate service desk, systems and network adminis
Related Skills
Slackify
Take text and make it cleanly pastable into Slack by removing artificial line breaks introduced by terminal wr
Typography
Run a typography-only audit — scale detection, font count, body size, line height, fluid type. Scoped variant
Stark Assets
Plan UI assets for a Stark design before implementation, including references, icons, typography, generated pr