DiPeO Frontend Dev Router

Domain: React components, visual diagram editor (XYFlow), GraphQL integration, TypeScript types in /apps/web/src/.

Quick Decision: Skill or Agent?

✅ Handle Directly (This Skill)

• Simple fixes: <20 lines, 1-2 files
• Quick type fixes: Single TypeScript error in one file
• Documentation lookups: "Where is X?", "What hooks are available?"
• Small styling changes: Update component layout, add simple UI element
• Pattern reference: GraphQL hook usage examples

❌ Escalate to Agent

• TypeScript type fixing: Multiple related errors, GraphQL schema mismatches, complex generics
• Feature implementation: New diagram editor features, multi-step UI workflows
• Refactoring: Component hierarchy changes, extracting shared logic
• Complex debugging: Runtime errors across components, state synchronization issues