By brunobrown
Flet 0.85.x expertise: declarative apps (Router, use_dialog, screenshots) and extension packages
Guided workflow for building a Flet declarative app from scratch
Guided workflow for creating a Flet extension package (Service or UI Control)
Review Flet code for correctness, anti-patterns, and best practices
Expert Flet app developer. Builds multi-platform Python apps using Flet's declarative UI with proper state management, navigation (ft.Router with nested routes, outlets, loaders, mobile view stacks), theming, responsive layouts, dialogs as reactive state (ft.use_dialog), screenshots (Screenshot control, take_animation), and async patterns. Flet 0.85.x+.
Expert Flet extension developer. Creates Service and UI Control extensions wrapping Flutter packages. Uses flet-pkg CLI for scaffolding. Deep knowledge of Python/Dart integration, type mapping, events, compound widgets, extension publishing, and Flet 0.85.x integration points (Router, use_dialog, Screenshot, DragTargetEvent migration, flet-video / flet-audio companion patterns).
Expert knowledge for creating Flet extension packages (Service Controls and UI Controls). Covers Python/Dart integration, type mapping, events, compound widgets, @control/@value decorators, Prop descriptor, project configuration, publishing, and awareness of companion extensions (flet-video screenshot + configurable controls, flet-audio AudioRecorder PCM16 streaming). Flet 0.85.x+.
Expert knowledge for building Flet apps in imperative/procedural mode (page.add, page.update). Covers auto-update mechanism, smart update logic, 85+ breaking changes from Flet 0.x, critical API traps, error troubleshooting, 19+ new controls, customizable scrollbars, expanded SharedPreferences, page.navigate / pop_views_until / take_animation, Screenshot control, DragTargetEvent migration, and 20 verified examples. Flet 0.85.x+.
Uses power tools
Uses Bash, Write, or Edit tools
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
A Claude Code plugin that provides expert knowledge for building Python apps and extensions with the Flet framework.
# Install from GitHub
claude plugin install github:brunobrown/claude-flet-plugin
This repo also includes a Codex-friendly skill pack (same content, Codex layout):
AGENTS.md.agents/skills/*/SKILL.md.codex/: CREDITS.mdCodex auto-detects AGENTS.md, .agents/skills/, and .codex/ when you run it in a repo (or open the repo as a workspace).
git clone https://github.com/brunobrown/claude-flet-plugin.git
cd claude-flet-plugin
codex
Optional: copy the project defaults to your home directory:
cp .codex/config.toml ~/.codex/config.toml
Copy the skills into your target project under .agents/skills/:
cp -R /path/to/claude-flet-plugin/.agents/skills /path/to/your-project/.agents/
| Skill | Description |
|---|---|
| flet-app | Declarative mode — state management, hooks, navigation, theming, async patterns, component architecture, 82+ breaking changes, API traps, field validation (Annotated + V rules), customizable scrollbars |
| flet-extension | Extension packages — Service Controls, UI Controls, Python/Dart integration, type mapping, events, @control/@value decorators, Prop descriptor, publishing |
| flet-imperative | Imperative mode — page.add, smart auto-update, 82+ breaking changes, API traps, error guide, 19 new controls, customizable scrollbars, expanded SharedPreferences, 20 verified examples |
| Command | Description |
|---|---|
/flet-app | Guided 5-phase workflow for building a Flet app from scratch |
/flet-extension | Guided 6-phase workflow for creating a Flet extension package |
/flet-review | Code review with Flet-specific checklists for apps and extensions |
| Agent | Description |
|---|---|
| flet-app-builder | Expert app developer — builds multi-platform Python apps with proper state management, navigation, and declarative UI |
| flet-extension-builder | Expert extension developer — creates Service and UI Control extensions with Python/Dart integration |
This plugin targets Flet 0.85.x (both declarative and imperative modes). Code examples use:
ft.run(main) as entry point@ft.component for functional components@ft.observable @dataclass for reactive stateft.use_state, ft.use_effect, ft.use_context hooksft.Colors.NAME and ft.Icons.NAME (uppercase constants)ft.Router (declarative router with nested routes, outlets, loaders, mobile view stacks — new in 0.85.0)ft.use_dialog (reactive dialog hook — new in 0.85.0)page.navigate / page.pop_views_until / page.take_animation / Screenshot (new in 0.85.0)DragTargetEvent.local_position / .global_position (replacing deprecated .x/.y/.offset in 0.85.0)MIT
npx claudepluginhub brunobrown/claude-flet-plugin --plugin fletFlutter app development with widget creation and platform channels
Use this agent when you need expert assistance with Flutter mobile development tasks, including code analysis, widget creation, debugging, performance optimization, or architectural decisions. Examples: <example>Context: User is working on a Flutter app and faces issues with navigation. user: 'My Navigator.push isn't updating the UI correctly when moving to a new screen' assistant: 'Let me use the flutter-dev agent to analyze your navigation setup and provide a solution' <commentary>Since this is a Flutter-specific navigation issue, use the flutter-dev agent to provide expert guidance on Navigator problems.</commentary></example> <example>Context: User wants to create a custom widget that aligns with their app's design system. user: 'I need to create a custom button widget that matches our app's design system' assistant: 'I'll use the flutter-dev agent to create a button widget that aligns with your existing codebase structure and design patterns' <commentary>The user needs a Flutter widget that follows existing patterns, so use the flutter-dev agent.</commentary></example>
Use this agent when you need expert assistance with Flutter mobile development tasks, including code analysis, widget creation, debugging, performance optimization, or architectural decisions. Examples: <example>Context: User is working on a Flutter app and faces issues with navigation. user: 'My Navigator.push isn't updating the UI correctly when moving to a new screen' assistant: 'Let me use the flutter-dev agent to analyze your navigation setup and provide a solution' <commentary>Since this is a Flutter-specific navigation issue, use the flutter-dev agent to provide expert guidance on Navigator problems.</commentary></example> <example>Context: User wants to create a custom widget that aligns with their app's design system. user: 'I need to create a custom button widget that matches our app's design system' assistant: 'I'll use the flutter-dev agent to create a button widget that aligns with your existing codebase structure and design patterns' <commentary>The user needs a Flutter widget that follows existing patterns, so use the flutter-dev agent.</commentary></example>
Flutter UI design and implementation agents. Includes UI Designer (design analysis), UI Implementer (code generation), UI Comparison (pixel-perfect validation), and Design Iteration Coordinator (complete design-to-implementation workflow).
Frontend UI development and mobile application implementation across platforms
Desktop App Dev subagent