flutter-widget-gen

Generate Flutter StatelessWidget, StatefulWidget, or Obx widgets from natural language descriptions.

Updated Apr 10, 2026
One-click install
npx skills add https://github.com/dus2183-commits/flutter-skills --skill flutter-widget-gen
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-widget-gen
Source: https://github.com/dus2183-commits/flutter-skills/tree/main/flutter-widget-gen
Command: npx skills add https://github.com/dus2183-commits/flutter-skills --skill flutter-widget-gen

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Flutter widget generation turns natural language requests into ready-to-use Dart components, eliminating manual boilerplate and accelerating UI iteration.

Core Features & Use Cases

  • Generate StatelessWidget, StatefulWidget, or Obx reactive widgets from plain descriptions.
  • Output a single Dart file per widget and place it under features/{module}/presentation/widgets/ or shared/widgets/ depending on modularity.
  • Includes documentation comments and usage examples to speed up integration.

Quick Start

Describe the widget you want and I will generate a ready-to-use Dart widget file.

Frequently Asked Questions about flutter-widget-gen

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

FAQPage Schema
How do I generate Flutter widgets from natural language descriptions?

To generate Flutter widgets from natural language, describe the desired UI component and the tool outputs a ready-to-use Dart file. It creates StatelessWidget, StatefulWidget, or Obx reactive widgets and places them in the appropriate presentation or shared directory.

Can I generate Obx reactive widgets for Flutter using this approach?

Yes, you can generate Obx reactive widgets alongside StatelessWidget and StatefulWidget. Provide a plain description of the reactive UI component, and it produces a single Dart file with in-line documentation and usage examples for rapid integration.

How does Flutter widget generation handle file placement in multi-module projects?

Flutter widget generation handles file placement by outputting a single Dart file per widget under features/{module}/presentation/widgets/ or shared/widgets/ depending on modularity. This ensures components are organized correctly across multi-module Flutter projects.

What's the best way to scaffold a Flutter UI without writing manual boilerplate?

The best way to scaffold Flutter UI without manual boilerplate is using natural language widget generation. It translates plain text descriptions into ready-to-use Dart components, accelerating UI iteration by automatically producing documented, reusable widget files.

Does this widget generation approach support both StatelessWidget and StatefulWidget?

Yes, this widget generation approach supports both StatelessWidget and StatefulWidget. You can request either type through a natural language description, and it will generate the corresponding Dart file with the appropriate state management structure and documentation.