Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From flutter-mobile
Creates a Flutter widget with proper state management and Material/Cupertino design. Guides through widget type selection, theming, responsiveness, animations, and testing.
How this command is triggered — by the user, by Claude, or both
Slash command
/flutter-mobile:create-widgetThe summary Claude sees in its command listing — used to decide when to auto-load this command
Create a Flutter widget with proper state management and Material/Cupertino design. ## Steps 1. Define the widget requirements: 2. Choose the widget type: 3. Implement the widget: 4. Apply theming: 5. Add responsiveness: 6. Add animations if needed: 7. Write widget tests using testWidgets. ## Format ## Rules - Use const constructors whenever possible. - Follow Flutter naming conventions (PascalCase for widgets). - Extract complex build methods into separate widgets.
Create a Flutter widget with proper state management and Material/Cupertino design.
Widget: <name>
Type: <Stateless|Stateful>
Parameters:
- <name>: <type> (<required|optional>)
6plugins reuse this command
First indexed Mar 30, 2026
npx claudepluginhub samuelj90/awesome-claude-code-toolkit --plugin flutter-mobile/create-widgetCreates a Flutter widget with proper state management and Material/Cupertino design. Guides through widget type selection, theming, responsiveness, animations, and testing.
/brainstormExplores requirements and designs Flutter features using Clean Architecture before implementation.
/flutter-reviewReviews Flutter/Dart code changes for idiomatic patterns, widget best practices, state management, performance, accessibility, and security. Checks git diff and project configuration.
/flutter-reviewReviews Flutter/Dart code changes for idiomatic patterns, widget best practices, state management, performance, accessibility, and security. Reports issues grouped by severity with fix guidance.
/f5-mobileGenerates mobile app screens, widgets, models, services, and more for auto-detected stack (Flutter, React Native Expo, Android Kotlin, iOS Swift). Outputs files list, architecture diagram, next steps.