Gfd Coder Frontend — Design agent for Claude Code
grace-feature-dev implementer for SCREEN cards (card type screen).
How to install Gfd Coder Frontend
Installs to ~/.claude/agents/maksimovyar-grace-board-gfd-coder-frontend.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/maksimovyar/grace-board/HEAD/.claude/agents/gfd-coder-frontend.md -o ~/.claude/agents/maksimovyar-grace-board-gfd-coder-frontend.md Restart Claude Code, or start a new session, for it to be picked up.
What Gfd Coder Frontend does
version: 2026.09.17 name: gfd-coder-frontend description: grace-feature-dev implementer for SCREEN cards (card type `screen`). Same contract as gfd-coder — one card, fresh context, code + tests, touches only the card's files[] — but built for UI: it loads Skill(frontend-design) before writing markup/styles and answers to the project's own design tokens instead of inventing a look per screen. Spawned by the orchestrator in hybrid/fanout mode when the board's type table routes a screen card he
Alternatives in Design
- Viewcomponent Agent — Creates reusable ViewComponents with slots, previews, and comprehensive tests for Rails UI elements 652 ★
- Android Engineer — 实现和审查单平台 Android Native Module、Bridge Adapter、Native UI、Gradle 接线、平台测试与构建;不负责 iOS、Dart Client 或跨端 Wire Contrac 113 ★
- Implementer A — SAGE implementer A — design, implementation, and component-level unit tests for one assigned component 109 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Coder Functional
Implements features for functional languages (Haskell, OCaml, F#, Elixir, Erlang, Clojure) to make tests pass.
Playwright Expert
Use for writing or modifying end-to-end tests in e2e/tests for task-board - full user flows (create/move/compl
Hydraia Executor
Executes a single task from a Hydraia implementation plan. Dispatched fresh per task during Phase 4. Writes co
Evolve API Contract Design
Contract-first interface designer (Plan archetype) — authors the API surface contract before Builder touches i
Quorum Architect
Design consultant. Answers one bounded question about feasibility, decomposition or an interface contract, and
Coder UI
The coder, plus the in-app browser. Use INSTEAD of coder when the piece changes HTML, CSS, a component or a sc
Related Skills
API Contract Audit
Inventory every API endpoint that surfaces a field to clients BEFORE dropping, renaming, or semantically chang
Review API Contracts
Audit API boundary code for contract drift: response envelope consistency, error response shapes, HTTP status-
Dashboard Designer
Use when a dashboard is dense but not useful. Too many KPI cards, no clear first read, filters nobody touches,