cleydson

Flutter UI Designer — Design agent for Claude Code

Design community

Use this agent when analyzing design files (Figma, screenshots, mockups) and converting them to Flutter widget hierarchies.

How to install Flutter UI Designer

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

Terminal

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

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

What Flutter UI Designer does

name: flutter-ui-designer description: Use this agent when analyzing design files (Figma, screenshots, mockups) and converting them to Flutter widget hierarchies. Specializes in widget selection, layout planning, and design system mapping for Flutter. Examples: Context: User has a Figma design for a mobile app screen user: 'Here is a screenshot of my Figma design. Can you tell me which Flutter widgets I should use to implement this?' assistant: 'I'll use the flutter-ui-designer agen

Alternatives in Design

Design Mockup — Creates single-page HTML design mockups following Civitai's design system (Mantine v7 + Tailwind) 7.2k ★
Frontend Designer — Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical 5.5k ★
Omarchy Plugin Architect — Design and build Omarchy (Quickshell/QML) bar-widget, panel, and service plugins that actually work on a stock 2.7k ★