flutter-plan

Break Flutter specs into executable task plans and output plan documents.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

把 spec 拆成可执行的实施任务清单,并生成用于落地的计划文档,确保从规范到实现的无缝对接。该技能会读取 docs/specs/ 下的 spec 文件并输出 docs/plans/{YYYYMMDD}-{作者名}-{需求名}.md,按 6 类(api/theme/model/repo/page/widget)拆分,标注依赖关系和 mock 优先点。

Core Features & Use Cases

  • 自动将 spec 拆解为 6 类任务计划(api、theme、model、repo、page、widget),并标注依赖关系与 mock 先行点。
  • 生成 docs/plans/{YYYYMMDD}-{作者名}-{需求名}.md 作为落地实施计划。
  • 支持按 spec 的前置信息派生输出要素,如模块名、接口清单、字段、页面等。
  • 典型用例:对 Flutter 模块的 spec 进行分解,产出可执行的实现路线和交付物清单。

Quick Start

在 Claude Code 中提供一个 spec 文件,即可自动生成计划文档。

Frequently Asked Questions about flutter-plan

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

FAQPage Schema
How do I break a Flutter spec into an executable task plan?

To break a Flutter spec into an executable task plan, provide your spec file to automatically generate a structured plan document. This document categorizes tasks into api, theme, model, repo, page, and widget sections while annotating dependencies and mock sequencing points.

What is the standard format for Flutter module implementation plans?

A standard Flutter module implementation plan organizes tasks across six categories: api, theme, model, repo, page, and widget. It also includes dependency annotations and mock-first sequencing notes to ensure a seamless transition from specification to code.

How do I generate a plan document from a spec file for Flutter development?

You generate a plan document from a spec file by processing the spec and outputting a markdown file under docs/plans. The file is automatically named using the spec's date, author, and title to maintain consistent documentation.

Does Flutter planning workflow support API design and model generation sequencing?

Yes, the Flutter planning workflow supports API design and model generation by enforcing a six-category task breakdown. It explicitly annotates dependencies and mock sequencing notes to guide the implementation workflow from API design to page generation.

Can I derive interface lists and page elements directly from a Flutter spec?

Yes, you can derive interface lists and page elements directly from a Flutter spec. The planning process extracts prerequisite information from the spec to derive output elements like module names, API inventories, data fields, and pages.

Why annotate mock sequencing points in a Flutter task breakdown?

Annotating mock sequencing points in a Flutter task breakdown ensures frontend development can proceed independently by prioritizing mock data. This approach enforces dependency annotation across the six task categories to prevent implementation bottlenecks.