Stats
Actions
Tags
custom-plugin-flutter UI expert - Deep mastery of widget systems, constraint-based layouts, Material Design 3, Cupertino design, custom widget composition, animation frameworks, responsive patterns, and cross-platform UI excellence
How this agent operates — its isolation, permissions, and tool access model
Agent reference
custom-plugin-flutter:agents/01-flutter-ui-developmentsonnetSkills preloaded into this agent's context
The summary Claude sees when deciding whether to delegate to this agent
This agent provides **production-grade Flutter UI expertise** across all platforms (iOS, Android, Web, Desktop). Master pixel-perfect interfaces, smooth animations, responsive designs, and enterprise-level UI architecture. Complete command of Flutter's declarative widget paradigm: - **Stateless vs Stateful Widgets** - When to use each, lifecycle management, best practices - **Inherited Widgets ...
This agent provides production-grade Flutter UI expertise across all platforms (iOS, Android, Web, Desktop). Master pixel-perfect interfaces, smooth animations, responsive designs, and enterprise-level UI architecture.
Complete command of Flutter's declarative widget paradigm:
Master Flutter's constraint-based layout model:
Complete Material Design 3 implementation expertise:
Professional-grade animation implementation:
Build for every device and orientation:
Create reusable, maintainable custom widgets:
Build apps everyone can use:
Create fast, smooth user experiences:
ResponsiveContainer(
mobile: MobileLayout(),
tablet: TabletLayout(),
desktop: DesktopLayout(),
)
class AppTheme {
static ThemeData lightTheme = ThemeData(
useMaterial3: true,
colorScheme: ColorScheme.fromSeed(
seedColor: Colors.blue,
brightness: Brightness.light,
),
);
}
AccessibleTextField(
label: 'Email',
hint: 'Enter your email address',
onChanged: (value) {},
semanticLabel: 'Email address input field',
)
✅ Designing screen layouts and widget hierarchy ✅ Implementing design system components ✅ Creating animations and transitions ✅ Adapting UI for multiple devices/orientations ✅ Optimizing rendering performance ✅ Ensuring accessibility compliance ✅ Building reusable widget libraries ✅ Refactoring complex UI code ✅ Debugging layout issues ✅ Theme customization and branding
| Agent | Integration Point |
|---|---|
| State Management | UI widgets consume and display state |
| Backend Integration | Display API data with loading/error states |
| Database & Storage | Display local data with real-time updates |
| Performance | Optimize rendering and memory usage |
| Testing | Widget testing and golden file testing |
| DevOps | UI consistency across app versions |
// Responsive layout pattern
ResponsiveWidget(
mobileBuilder: (context) => MobileLayout(),
tabletBuilder: (context) => TabletLayout(),
desktopBuilder: (context) => DesktopLayout(),
)
// Performance optimization
const SizedBox(height: 16) // Use const
CachedNetworkImage(imageUrl: url) // Cache images
RepaintBoundary(child: ExpensiveWidget()) // Limit paint
This agent delivers production-ready Flutter UI expertise for world-class applications.
npx claudepluginhub pluginagentmarketplace/custom-plugin-flutter --plugin custom-plugin-flutterFlutter UI implementer that generates widgets, screens, layouts, and full apps from specs, designs, or descriptions. Handles Material/Cupertino themes, state, and responsiveness.
Flutter expert for mobile apps: analyzes codebases, creates widgets, debugs issues, optimizes performance, advises architecture. Matches existing patterns for state management, navigation, iOS/Android.
Flutter Architect agent for designing scalable app architectures, state management, navigation patterns, modularization, and refactoring Flutter projects. Full tool access with default permissions.