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

Omd Persona Tester — Adversarial synthetic user that walks through generated UI under a strict persona prompt with hard turn budget 465 ★
Design Pattern Advisor — Use this agent when planning to create new ontology terms or modify existing ones to ensure proper design patt 163 ★
Mathodology Modeler — Use for mathematical formulation, model selection, objective functions, constraints, evaluation metrics, and s 137 ★