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.