sorryhyun

Dipeo Frontend Dev — Design agent for Claude Code

Design community

Use this agent when working on DiPeO's React frontend codebase, including:\n\n- Modifying or creating React components in /apps/web/src/\n- Working with the visual diagram editor (XYFlow integration)\.

How to install Dipeo Frontend Dev

Installs to ~/.claude/agents/sorryhyun-dipeo-dipeo-frontend-dev.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/sorryhyun/DiPeO/HEAD/.claude/agents/dipeo-frontend-dev.md -o ~/.claude/agents/sorryhyun-dipeo-dipeo-frontend-dev.md

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

What Dipeo Frontend Dev does

name: dipeo-frontend-dev description: Use this agent when working on DiPeO's React frontend codebase, including:\n\n- Modifying or creating React components in /apps/web/src/\n- Working with the visual diagram editor (XYFlow integration)\n- Implementing or updating GraphQL queries/mutations using generated hooks from @/__generated__/graphql\n- Styling components or updating UI/UX elements\n- Integrating with the backend GraphQL API\n- Working with TypeScript types and interfaces for frontend

Alternatives in Design

Fidelity Check — Phase 4 per-round fidelity check for design-final.md: matches the final design against the step and track epis 432 ★
Shep Storybook Story Creator — Creates ONE Storybook story file colocated with a web UI component under src/presentation/web/components/, cov 247 ★
Code Migrator — Use this agent để LẬP KẾ HOẠCH & ĐIỀU PHỐI chuyển đổi (migrate/port) codebase giữa hai framework, ngôn ngữ, ho 90 ★