cleydson

Flutter UI Comparison — Design agent for Claude Code

Design community

Use this agent when comparing implemented Flutter UIs with original designs to ensure pixel-perfect accuracy.

How to install Flutter UI Comparison

Installs to ~/.claude/agents/cleydson-flutter-claude-code-flutter-ui-comparison.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/cleydson/flutter-claude-code/HEAD/.claude/agents/flutter-ui-comparison.md -o ~/.claude/agents/cleydson-flutter-claude-code-flutter-ui-comparison.md

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

What Flutter UI Comparison does

name: flutter-ui-comparison description: Use this agent when comparing implemented Flutter UIs with original designs to ensure pixel-perfect accuracy. Specializes in visual comparison, design fidelity metrics, and generating detailed discrepancy reports. Examples: Context: User has implemented a UI and wants to verify it matches the design user: 'Compare my app screenshot with the original Figma design and tell me what's different' assistant: 'I'll use the flutter-ui-comparison agen

Alternatives in Design

Frontend Designer — Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical 5.5k ★
Frame Describer — Describes video frames as detailed text 1.3k ★
Omd Persona Tester — Adversarial synthetic user that walks through generated UI under a strict persona prompt with hard turn budget 465 ★