本文へ移動
cccskills
無料GitHub で公開

implement

Implement a single Flutter task following this repository's Riverpod, Freezed, AutoRoute, DTO/entity, codegen, and verification conventions. Reads the task definition, PRD, and tech spec, then executes the implementation. When invoked standalone, verifies the change; when invoked by implement-tasks-sequence, writes code only and leaves verification to start-job/build-verify. Use when the user says "implement task X", "work on task X", or wants to execute a specific task from the task list.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md7.2 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Flutter Template Task Implementation

You are responsible for implementing one task from a Flutter feature plan while following the repository standards.

Objectives

  1. Read and understand the task definition
  2. Review the PRD and tech spec for context
  3. Apply relevant Flutter skills and repository conventions
  4. Execute the implementation
  5. Verify the change when running standalone, or explicitly skip verification when called by implement-tasks-sequence

File Locations

  • PRD: .claude/tasks/[feature-name]/prd.md
  • Tech Spec: .claude/tasks/[feature-name]/techspec.md
  • Task: .claude/tasks/[feature-name]/[num]_task.md
  • Task list: .claude/tasks/[feature-name]/tasks.md

Applicable Skills

  • feature-screen — when the task adds or changes a screen, route, page split, UI state, or navigation.
  • feature-data-flow — when the task adds backend/storage data flow, DTOs, entities, use cases, or state that loads real data.
  • widget-test — when the task changes shared UI, provider-driven visual states, or user-visible behavior that can be covered by a focused widget test.
  • layout-debug — when the task involves overflow fixes, responsive behavior, scroll/constraint issues, or text clipping.
  • lint-format — when running standalone and the change does not need the broader build-verify suite.
  • build-verify — when running standalone and the task changed behavior, generated-code inputs, routes, platform setup, dependencies, tests, or other shared behavior.
  • pr-review — optional standalone final check when the user asks for a review after implementation.

Do not use KMP, Swift, iOS coordinator, Gradle, Spotless, Detekt, Tuist, or native iOS test-runner skills in this Flutter workflow.

Invocation Modes

Standalone mode

Use when the user directly asks to implement one task. Complete implementation and run the appropriate verification commands before reporting done.

Sequence mode

Use when called by implement-tasks-sequence. In this mode:

  • read the same task, PRD, and tech spec
  • write only the source changes for the assigned task
  • do not run builds, tests, lint-format, build-verify, or pr-review
  • do not commit or stage
  • report what changed and return control to the orchestrator

Workflow

Step 1: Pre-Task Setup

Read the task file, PRD, and tech spec. Understand:

  • What this task should accomplish
  • How it fits into the broader feature
  • Dependencies on prior tasks (verify they are complete)
  • Whether this task is part of a currently running sequence or standalone

Step 2: Task Analysis

Identify:

  • Which files under lib/features/<feature>/, lib/common/, lib/core/, assets/localization/, platform folders, or tests need to be created or modified
  • Whether the task is UI-only, stateful, data-backed, navigation-related, platform/setup-related, or test-only
  • Which generated-code inputs are affected: @riverpod, @freezed, @RoutePage, DTO JSON serialization, localization, or assets
  • The testing and verification strategy for standalone mode

Step 3: Implementation Plan

Before writing code, briefly outline the approach. For non-trivial standalone tasks, share the plan with the user if the user asked to review the approach first. When called by implement-tasks-sequence, keep the plan internal and proceed.

Step 4: Execute Implementation

Write the code following AGENTS.md, docs/PROJECT_OVERVIEW.md, docs/PROJECT_GUIDELINES.md, and the relevant feature skills.

Use these default patterns:

  • Put feature route widgets in lib/features/<feature>/<feature>_page.dart.
  • Put larger widget trees in lib/features/<feature>/<feature>_page_content.dart.
  • Use *_state.dart with freezed and @riverpod when the feature owns async or mutable state.
  • Use *_event.dart with EventNotifier for one-off effects such as navigation, dialogs, or snackbars.
  • Keep IO in lib/common/usecase/; do not wire network or storage directly in widgets.
  • Keep transport models in lib/common/data/dto/ and app-facing models in lib/common/data/entity/.
  • Register routes in lib/app/navigation/app_router.dart when adding @RoutePage() widgets.
  • Use shared widgets from lib/common/component/ and lib/common/composition/ before adding new primitives.
  • Use context.colorScheme, context.textTheme, and context.locale.
  • Add localization strings to assets/localization/*.arb and use generated localization accessors.
  • Do not hand-edit generated files such as *.g.dart, *.freezed.dart, *.gr.dart, or lib/assets/**.
  • Check lib/app/setup/setup_app.dart before assuming Firebase, notifications, or Remote Config startup behavior is active.

Critical: no workarounds. Implement root-cause solutions. If you hit a blocker, investigate the cause rather than suppressing warnings, bypassing architecture, editing generated output, or adding temporary shims.

Step 5: Testing & Verification (Mandatory)

In standalone mode, verify before considering the task complete.

Use the smallest sufficient verification:

  • Run make gen when annotations, routes, DTOs, localization, or asset inputs changed.
  • Run .agents/skills/lint-format/scripts/lint-format.sh for normal Dart/Flutter code changes.
  • Run fvm flutter test when behavior, state, use cases, widgets, or tests changed.
  • Run .agents/skills/build-verify/scripts/verify.sh for broad, cross-platform, dependency, startup, routing, generated-code, or PR-ready tasks.
  • Run make integration_test only when Patrol integration flows changed or the user asks for it.

If any step fails, fix the underlying issue and re-run the failed verification. Do not disable checks, delete tests, add broad // ignore: comments, or hand-edit generated files to make verification pass.

In sequence mode, skip this step and explicitly state that final verification is delegated to build-verify.

Step 6: Mark Task Complete

Update the matching task checkbox in .claude/tasks/[feature-name]/tasks.md to [x] only after the task's source changes are complete.

If the task cannot be completed, leave the checkbox unchecked and report the blocker clearly.

Rules

  • Do not edit the PRD or tech spec unless the user explicitly asks for spec updates.
  • Do not stage, commit, or push.
  • Do not touch files outside the task scope unless the task cannot work without that change.
  • Preserve unrelated user or agent changes in the worktree.
  • Prefer existing repo patterns over new abstractions.
  • Add or update tests when the task changes behavior, state, validation, data mapping, or user-facing flows.
  • Report what was implemented, which files changed, verification run or intentionally skipped, and any decisions or blockers.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Build/test/lint verification pass for this Flutter app — runs codegen, analyze, test, then iOS + Android native builds in parallel, then `dart format`. Does NOT commit anything; leaves the working tree dirty so the user can review and commit on demand. Used at the end of the prd → techspec → tasks → implement-tasks-sequence flow before `pr-review`, and can also be invoked manually when the user says "verify build", "run full verification", or "check everything".

日本語の概要は準備中です。原文の説明を表示しています。

strvcom/flutter-template242026年6月18日 更新

create-pr

無料

Create or update a GitHub PR for this Flutter repository using gh CLI. Verifies the work with build-verify and pr-review, generates an inline PR description, commits pending changes when approved, pushes, and opens or updates the PR. Supports stacked PRs by asking for the base branch when detection is ambiguous. Use when the user says "create PR", "open PR", "push PR", or wants to submit their work for review.

日本語の概要は準備中です。原文の説明を表示しています。

strvcom/flutter-template242026年6月18日 更新

Build a full feature in this Flutter repository that includes backend or storage data flow: read API schema, create DTOs, map DTOs to entities, add Riverpod use cases, connect feature state, and render UI data. Use when a task goes beyond a screen and needs real data integration.

日本語の概要は準備中です。原文の説明を表示しています。

strvcom/flutter-template242026年6月18日 更新

Create a new Flutter screen in this repository using the existing feature structure, AutoRoute setup, Riverpod state pattern, and code generation workflow. Use when adding a new page, route, stateful screen, or feature folder in this template.

日本語の概要は準備中です。原文の説明を表示しています。

strvcom/flutter-template242026年6月18日 更新

Orchestrates implementation of all tasks for a feature using an agent team. Respects task dependencies, runs tasks in correct order, parallelizes independent tasks. Does NOT build, run tests, or commit at any point — verification is delegated to the caller (typically `/start-job`, which runs `build-verify` and `pr-review uncommitted` afterwards). Use when the user says "implement all tasks", "run the task sequence", "implement the feature", or wants to execute multiple tasks from a task list end-to-end.

日本語の概要は準備中です。原文の説明を表示しています。

strvcom/flutter-template242026年6月18日 更新

Diagnose and fix Flutter layout, overflow, unbounded constraint, scroll, and responsive rendering issues in this repository while preserving the template's existing feature, theme, localization, and shared widget patterns. Use when UI overflows, text clips, widgets disappear, layouts fail on mobile/tablet/desktop, or a feature needs responsive behavior.

日本語の概要は準備中です。原文の説明を表示しています。

strvcom/flutter-template242026年6月18日 更新

strvcom のスキルをすべて見る

このスキルの問題を報告する