Flutter Widget Assistant

It improves your workflow by reducing cognitive load. Instead of remembering all architectural rules, you answer a few simple questions. This ensures consistency, enforces best practices, and automates the creation of boilerplate code and a technical specification, saving you time and preventing common mistakes.

This skill is optimized for a modern Flutter stack that includes Riverpod for state management, AutoRoute for navigation, and an MVVM (Model-View-ViewModel) architecture for screen-level widgets. It provides the most value if your project uses or is compatible with these technologies.

Use this skill whenever you are starting a new Flutter widget. It's especially useful when you're unsure about the best architecture, need to decide on state management, or want to ensure you're following consistent patterns for screen-level vs. component-level widgets.

It provides an interactive interview, intelligent recommendations for using StatefulWidget vs. StatelessWidget, guidance on local state vs. Riverpod for state sharing, clear differentiation between screen and component patterns, and automated generation of a detailed implementation plan and code structure.

This skill acts as an expert Flutter architect. It conducts an interactive interview to help you make critical decisions about widget implementation, such as choosing between StatefulWidget and StatelessWidget, deciding on a state management approach like Riverpod, and determining if your widget is a screen or a reusable component. It then generates a complete implementation specification and a code template based on your answers.