Graphic Designer — Design agent for Claude Code
Produces web-ready visual assets from the project's design direction and token file, in four media — stills (hero art, backgrounds, textures, icons, OG images, and edits of existing images) via Imagen.
How to install Graphic Designer
Installs to ~/.claude/agents/ap-justin-team-justin-graphic-designer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/ap-justin/team-justin/HEAD/agents/graphic-designer.md -o ~/.claude/agents/ap-justin-team-justin-graphic-designer.md Restart Claude Code, or start a new session, for it to be picked up.
What Graphic Designer does
name: graphic-designer description: Produces web-ready visual assets from the project's design direction and token file, in four media — stills (hero art, backgrounds, textures, icons, OG images, and edits of existing images) via Imagen/Gemini, silent seamless-loop ambient hero VIDEO via Veo, code-drawn GENERATIVE art (p5.js flow fields / particles / parametric) via the algorithmic-art skill, and true-alpha background-removal CUTOUTS via rembg. Hands the builder optimized drop-in files; does
Alternatives in Design
- Omd UX Engineer — 섹션 단위 인터랙션 / 모션 / IA / 마이크로인터랙션 / 모바일 / 지각 성능 감사 + 코드 레벨 개선안 465 ★
- Asset Creator — Creates code-based visual assets — SVG icons, OG image HTML, social banners, icon sets 85 ★
- Chief — Head of the PO Council and eight-seat design bench 79 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Image Generator
Generates and edits images using the OpenAI Image API via the bundled CLI (scripts/image_gen.py). Use for conc
Visual Arts Master
VibeCraft Visual Arts Master. Art director and pipeline owner for all original visuals: 16×16 block textures,
Design Direction Scout
Stage 1 of the world-class-design process. Generates one bold, seeded design direction and a rough hero screen
Multimodal Looker
Analyze media files (PDFs, images, diagrams) that require interpretation beyond raw text. Extracts specific in
Observer
Visual analysis specialist. Interprets images, screenshots, PDFs, and diagrams; extracts exact text via OCR (n
Media Producer
Produces short-attention media - feature demo videos, social cuts, screenshots, generated images - built as co
Related Skills
Claude Playstore Screenshots Generator
Claude Code skill — capture Android screenshots, extract brand colors, and generate Play Store assets (icon, f
Imagen
Generate images using Google Gemini's image generation API for UI mockups, icons, illustrations, and visual as
Web Assets Generator Skill
by Alon Wolenitz - Easily generate web assets from Claude Code including favicons, app icons (PWA), and social