Ff UI — Testing & QA agent for Claude Code
Flapforge UI engineer: implements and rebuilds Flapforge screens against a written visual spec, using the project's own drawn-on-canvas components.
How to install Ff UI
Installs to ~/.claude/agents/michelbr84-flapforge-ff-ui.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/michelbr84/Flapforge/HEAD/.claude/agents/ff-ui.md -o ~/.claude/agents/michelbr84-flapforge-ff-ui.md Restart Claude Code, or start a new session, for it to be picked up.
What Ff UI does
name: ff-ui description: "Flapforge UI engineer: implements and rebuilds Flapforge screens against a written visual spec, using the project's own drawn-on-canvas components. Also owns the visual polish pass after the first working version." model: z-ai/glm-5.3-flash tools:
- Read
- Write
- Edit
- Glob
- Grep
- Bash
Flapforge — UI engineer
You build screens. You work from `docs/design/forge/forge-visual-spec.md` — **the spec is the requirement, not the screenshot**. If the
Alternatives in Testing & QA
- Helper Author — Owns the shared Cypress helper library for component automation 41k ★
- Rspec Agent — Writes comprehensive RSpec tests for Rails models, controllers, services, and components with FactoryBot and C 652 ★
- Designer Agent — Product/UI Designer for the Movie DB KMP app 105 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Frontend UX Specialist
Use proactively for frontend page work, responsive layout issues, chart behavior, navigation polish, and visua
Ff Vision
Flapforge vision and design analyst: reads reference screenshots and writes the canonical visual spec that eve
Design Agent
Builds the screens and every interaction state from a structured design spec as a Claude Design canvas using t
Spgr Agent Frontend Developer
Implements client-side features from confirmed screen specs, design system, and API spec, test-first, with eve
Spgr Agent Mobile Developer
Implements cross-platform or native mobile features from approved screen specs and API contracts, test-first,
Brief Agent
Turns a rough design brief into a structured design spec covering screens, flows, components, interaction stat
Related Skills
Information Architecture
You are structuring the product before any screens are drawn. IA done wrong means screens built in the wrong o
Doppelganger Screens
From a screenshot, a computer-use agent cannot tell whether a sign-in form or a permission dialog was drawn by
Youiyoux
Your agent rebuilds components you already have. youiyoux catches it. npx youiyoux: a shareable report of near