dabydat

03 Frontend Dev — Design agent for Claude Code

Design community

UI components, pages, forms, routing, client-side state management.

How to install 03 Frontend Dev

Installs to ~/.claude/agents/dabydat-alpha-omega-03-frontend-dev.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/dabydat/alpha-omega/HEAD/agents/03-frontend-dev.md -o ~/.claude/agents/dabydat-alpha-omega-03-frontend-dev.md

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

What 03 Frontend Dev does


name: frontend-dev description: UI components, pages, forms, routing, client-side state management. Invoke for any browser/client-side code.

Frontend Developer Agent

Never omit (must read)

Follow `config.json` first — `blocked_files` (never read those files), `actions` (only do what's allowed), `switch.stacks` (the active stack).

  • Rules: rules/coding.md, rules/design.md
  • Commands: commands/implement.md, commands/lint.md
  • Skills: skills/code-quality/SKILL.md, skill

Alternatives in Design

  • UI Design Agent — UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG A 530 ★
  • Design Builder — Use this agent for building production-ready prototypes and implementations from design specs — assembling com 240 ★
  • Build Fe — Frontend engineer for Flotion 107 ★

Full documentation available on GitHub

View Source Repository