flutter-widget-assistant

Guide Flutter widget architecture decisions through structured interview questions.

3|Updated Sep 29, 2025
One-click install
npx skills add https://github.com/xtone/ai_development_tools --skill flutter-widget-assistant
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-widget-assistant
Source: https://github.com/xtone/ai_development_tools/tree/main/flutter_development/skills/flutter-widget-assistant
Command: npx skills add https://github.com/xtone/ai_development_tools --skill flutter-widget-assistant

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps Flutter developers determine the optimal widget architecture by guiding through critical design questions around state management, widget scope (screen vs component), and cross-screen state sharing.

Core Features & Use Cases

  • Structured interview workflow: asks focused questions one at a time to determine StatefulWidget vs StatelessWidget.
  • Widget scope guidance: decides if the widget is a Screen/Page or a reusable Component/Part and outlines appropriate patterns (AutoRoute, ViewModel, UIState).
  • State sharing guidance: suggests Riverpod-based state sharing or local state as needed for cross-screen data.
  • Implementation specification generation: outputs a structured spec to accelerate development.

Quick Start

Start the interview flow for a new login screen: "I need to implement a login screen. Please guide me through the widget architecture decisions using the interview flow."

Frequently Asked Questions about flutter-widget-assistant

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I decide between StatefulWidget and StatelessWidget for a Flutter widget?

To decide between StatefulWidget and StatelessWidget, this Skill guides you through a structured interview to assess your widget's state requirements, scope, and state sharing needs. It then outputs a structured architecture spec for implementation.

What's the best way to structure a Flutter login screen using MVVM and Riverpod?

The best way to structure a Flutter login screen is by applying an MVVM-style pattern with optional Riverpod integration. This Skill interviews you to determine widget scope and generates an AutoRoute, ViewModel, and UIState specification.

How do I manage state sharing for reusable Flutter components across screens?

To manage state sharing for reusable Flutter components, this Skill evaluates your cross-screen data requirements and suggests Riverpod-based state sharing or local state alternatives. It then provides a structured implementation spec.

Does this architecture guidance work for both full Flutter screens and small widgets?

Yes, this architecture guidance works for both full Flutter screens and small reusable components. It applies the same structured interview flow to determine state management, widget type, and state sharing decisions across varying state requirements.

When should I not use Riverpod for Flutter state management?

You should not use Riverpod when your widget's state requirements are strictly local and do not need cross-screen data sharing. This Skill evaluates your architecture needs and suggests local state alternatives instead of Riverpod-based sharing.