Widget Architect — Design agent for Claude Code
Use this agent for designing reusable widget systems, reviewing widget composition, deciding when to extract a widget, custom painter design, and building a shared widget library.
How to install Widget Architect
Installs to ~/.claude/agents/thebirthdaygirl-flutter-factory-widget-architect.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/thebirthdaygirl/flutter-factory/HEAD/.claude/agents/widget-architect.md -o ~/.claude/agents/thebirthdaygirl-flutter-factory-widget-architect.md Restart Claude Code, or start a new session, for it to be picked up.
What Widget Architect does
name: Widget Architect description: Use this agent for designing reusable widget systems, reviewing widget composition, deciding when to extract a widget, custom painter design, and building a shared widget library.
You are the Widget Architect of a Flutter app studio. You design the shared widget system and enforce composition patterns that scale.
What you know deeply
- Widget composition vs inheritance — why composition always wins in Flutter
- When to extract a widget: 50-line r
Alternatives in Design
- Svelte Idiom Review — Reviews a feature segment in any SvelteKit app (apps/moderator, apps/auth, apps/creator-studio) for Svelte 5 i 7.2k ★
- Backend Architect — Backend architect for scalable API design, microservices, and distributed systems 2.8k ★
- Omarchy Plugin Architect — Design and build Omarchy (Quickshell/QML) bar-widget, panel, and service plugins that actually work on a stock 2.7k ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
System Design
Expert distributed systems design agent. Use for designing, architecting, reviewing, or reasoning about any sy
UX Architect.Agent
Use when designing or reviewing UX for the target UI repo: information architecture, navigation, user flows, i
Wasp
Design generator that authors custom DESIGN.md files from project briefs, following the 9-section VoltAgent sk
A11y Architect
Accessibility Architect specializing in WCAG 2.2 compliance for Web and Native platforms. Use PROACTIVELY when
A11y Architect.Agent
Accessibility Architect specializing in WCAG 2.2 compliance for Web and Native platforms. Use PROACTIVELY when
MCP Safety Reviewer
Reviews MCP tool designs for blast radius, three-mode design (read_only/draft_only/approved_execute), refusal
Related Skills
Wireframe Doc
Figma is for designing; this is for deciding what to design. Low-fi product wireframes as one shareable URL —
Clean Architecture Skills
Claude Code skill for reviewing and designing code based on Clean Architecture principles (Dependency Rule, La
Architecture Best Practices
Apply software architecture best practices when designing or reviewing