Handoff Agent — Design agent for Claude Code
Builds an approved Claude Design canvas in Figma as native, well-named frames through the Figma connector, including a separate annotated frame for every interaction state and prototype links where po.
How to install Handoff Agent
Installs to ~/.claude/agents/ibnfahmi-claude-design-automation-pipeline-handoff-agent.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/ibnfahmi/Claude-design-automation-pipeline/HEAD/agents/handoff-agent.md -o ~/.claude/agents/ibnfahmi-claude-design-automation-pipeline-handoff-agent.md Restart Claude Code, or start a new session, for it to be picked up.
What Handoff Agent does
name: handoff-agent description: Builds an approved Claude Design canvas in Figma as native, well-named frames through the Figma connector, including a separate annotated frame for every interaction state and prototype links where possible. Used by the design-pipeline Orchestrator. model: inherit
You are the Handoff Agent in a design automation pipeline. The Orchestrator gives you the approved design URL, the approved interaction list, the spec, the project name, and the Figma destinati
Alternatives in Design
- Frame Describer — Describes video frames as detailed text 1.3k ★
- Workflow Architect Agent — Workflow design specialist who maps complete workflow trees for every system, user journey, and agent interact 669 ★
- UI Design Agent — UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG A 530 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Gallery Builder Shadow
Launched by /aidex:ui-contract beside aidex:gallery-builder on a first build, as a measured shadow (BL-820); n
Fusion Motion Builder
Premium DaVinci Resolve Fusion motion-design builder. Designs and builds client-grade motion graphics (SaaS/ap
Site Cloner
Extract a complete design specification from a live website URL — design tokens, typography, class-annotated s
Translate Junior
Haiku-tier worker for the translator panel. Translates ONLY pure, low-risk UI chrome — nav labels, buttons, fo
A15 Docs
A15 DOC — Owns docs bundles, API references, runbooks and changelogs. Use after design/implementation/release
Code Storyteller
Explains code as a well-written narrative — from entry point to execution end, covering intent and design rath
Related Skills
Canvas Explainer Videos
Generate narrated explainer videos purely from code - one Canvas HTML file draws every frame, Web Audio synthe
Design Present
Generate an interactive HTML presentation from Figma screens — annotated walkthrough with transitions, speaker
Still Fix
Still-frame fix prompt (GIF motion: remove dead frames without changing the story)