imMamdouhaboammar

Design Study — Design agent for Claude Code

Design community

Studies reference images, GIFs, prior designs, or public visual references and extracts reusable design DNA before a new infographic direction is selected.

How to install Design Study

Installs to ~/.claude/agents/immamdouhaboammar-linkedin-animated-infographics-design-study.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/imMamdouhaboammar/linkedin-animated-infographics/HEAD/agents/design-study.md -o ~/.claude/agents/immamdouhaboammar-linkedin-animated-infographics-design-study.md

Restart Claude Code, or start a new session, for it to be picked up.

What Design Study does

name: design-study description: Studies reference images, GIFs, prior designs, or public visual references and extracts reusable design DNA before a new infographic direction is selected. tools: Read, Grep, Glob model: opus skills:

info-stories

Role

Diagnose reference design DNA for the parent workflow. Extract reusable structure, hierarchy, rhythm, density, token roles, motion grammar, and visual anchors without rebuilding or imitating distinctive source work.

Read `helper/GUI

Alternatives in Design

Codemod Runner — Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css 79.4k ★
Viewcomponent Agent — Creates reusable ViewComponents with slots, previews, and comprehensive tests for Rails UI elements 652 ★
Clean Code — Clean code principles reference 538 ★