Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

[Skill idea] flutter-scaffold-mvvm-feature — generate a complete MVVM feature in one shot

Đang mở
#108 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

Chưa có ai nhận issue này.

Đánh giá

Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức phù hợp với người mới
45/100
Loại issue
Tính năng
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Ít trao đổi
Công nghệ
dart, flutter

Hướng nghiên cứu

Bắt đầu bằng việc xem xét skill hiện có flutter-apply-architecture-best-practices và cách các skill được tổ chức trong repository này. Xác định luồng sinh dựa trên các đầu vào và đầu ra được liệt kê, sau đó xác minh rằng một feature được sinh ra luôn bao gồm Page, ViewModel, Status, Effect tùy chọn, route export, DI registration và ViewModel unit-test stub một cách nhất quán.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

P2 Skill

Environment

  • Language model: Claude Opus 4.7
  • Agent harness: Claude Code
  • Project type: Production Flutter app (logistics / driver-facing), strict MVVM

The current flutter-apply-architecture-best-practices skill is educational — it teaches the layered MVVM pattern. What's missing is a generative counterpart that scaffolds a full feature end-to-end: Page + ViewModel + Status + (optional) Effect + Route + DI registration + unit test, all wired and consistent.

Today, generating a new feature in a strict-MVVM app is a 10–15 file edit dance that's easy to get inconsistent (route variant wrong, DI not registered, ViewModel imports flutter/material, test missing mocks). A single skill that drives this correctly removes a recurring source of drift.

Proposed skill

Name: flutter-scaffold-mvvm-feature

Description (draft):

Scaffold a complete MVVM feature (Page, ViewModel, Status, optional Effect, Route, DI registration, and unit test) wired consistently across layers. Use when adding a new screen, sheet, or dialog to an app that already follows the MVVM pattern, to guarantee correct layer separation and DI on first generation.

Inputs the skill should ask upfront (in a single batch):

  1. Feature name (snake_case)
  2. Page type (full-screen / bottom-sheet / dialog)
  3. Needs Effects? (snackbars, async navigation events)
  4. Needs offline/connectivity awareness?
  5. Domain model the page receives (or none)
  6. Initial Status fields

Outputs:

  • lib/features/{name}/{name}_page.dart
  • lib/features/{name}/{name}_view_model.dart
  • lib/features/{name}/{name}_status.dart
  • lib/features/{name}/{name}_effect.dart (only if Effects needed)
  • Route file + export
  • DI factory registration
  • Unit test stub for the ViewModel

Why this is hard for a single-pass skill

Layer-correct generation benefits from parallel sub-agents (one per layer: data/VM, UI, tests) so the skill can produce 5–7 files coherently in one turn. We've implemented this pattern internally and it works well — happy to share the orchestration approach if useful.

Real-world reference

We run an internal version of this in production (Claude Code, ~9k LOC monthly throughput). Generation success rate (no follow-up edit needed) is materially higher than per-file generation.

Roadmap fit

This complements flutter-apply-architecture-best-practices (P1, already published) — that one teaches the pattern, this one applies it.

Ngôn ngữ chính
Dart
Star
3k
Fork
180
Merge trung bình
5 ngày 29 phút
Pull request đã merge (30 ngày)
6

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của flutter/agent-plugins

Tất cả issue của flutter/agent-plugins

Issue tương tự

Thêm issue về Dart

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.