flutter-page-gen

Generate Flutter View, Controller, and Binding scaffolds with GetX routing.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

生成 Flutter 页面的三件套代码(View + Controller + Binding),让开发者能快速搭建符合 GetX 风格的页面结构,降低重复工作量。

Core Features & Use Cases

  • 支持 list/detail/form/custom 四种页面类型,自动生成对应页面、控制器与绑定。
  • 自动注册路由,并确保路由常量与 GetPage 的绑定顺序正确,提升导航一致性。
  • 与现有 spec 和 repository 协同工作,形成从需求到页面实现的端到端工作流。

Quick Start

直接用自然语言指令告诉 Claude 你要生成的页面名称与类型,例如“生成 XX 页面”,系统将自动生成三件套并完成路由注册。

Frequently Asked Questions about flutter-page-gen

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

FAQPage Schema
How do I generate Flutter GetX page scaffolds automatically?

To generate Flutter GetX page scaffolds, use natural-language prompts like "生成 XX 页面" to automatically create the View, Controller, and Binding files for your application pages.

Can I generate different types of Flutter pages like lists and forms?

Yes, you can generate list, detail, form, and custom Flutter page types. The generation process automatically creates the corresponding page, controller, and binding files for each specific type.

How does this handle Flutter route registration for new pages?

Flutter route registration is handled automatically by updating app_routes.dart and app_pages.dart. It ensures route constants and GetPage bindings are ordered correctly to maintain navigation consistency.

Do I need to manually manage loading and error states for Flutter pages?

No, you do not need to manually manage loading, error, or empty states. The page generation process automatically handles these states within the GetX controller and view structure.

What is the best way to automate Flutter boilerplate code creation with GetX?

The best way to automate Flutter boilerplate creation is using natural-language commands to trigger end-to-end generation. This workflow checks specs, generates the three-file structure, and updates route files automatically.