req-change-workflow
Standardize requirement/feature changes in an existing codebase (especially Chrome extensions) by turning "改需求/需求变更/调整交互/改功能/重构流程" into a repeatable loop: clarify acceptance criteria, confirm current behavior from code, assess impact/risk, design the new logic, implement with small diffs, run a fixed regression checklist, and update docs/decision log. Use when the user feels the change process is chaotic, when edits tend to sprawl across files, or when changes touch manifest/service worker/OAuth/storage/UI and need reliable verification + rollback planning.
下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o req-change-workflow.zip https://jpskill.com/download/21218.zip && unzip -o req-change-workflow.zip && rm req-change-workflow.zip
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/21218.zip -OutFile "$d\req-change-workflow.zip"; Expand-Archive "$d\req-change-workflow.zip" -DestinationPath $d -Force; ri "$d\req-change-workflow.zip"
完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。
💾 手動でダウンロードしたい(コマンドが難しい人向け)
- 1. 下の青いボタンを押して
req-change-workflow.zipをダウンロード - 2. ZIPファイルをダブルクリックで解凍 →
req-change-workflowフォルダができる - 3. そのフォルダを
C:\Users\あなたの名前\.claude\skills\(Win)または~/.claude/skills/(Mac)へ移動 - 4. Claude Code を再起動
⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。
🎯 このSkillでできること
下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。
📦 インストール方法 (3ステップ)
- 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
- 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
- 3. 展開してできたフォルダを、ホームフォルダの
.claude/skills/に置く- · macOS / Linux:
~/.claude/skills/ - · Windows:
%USERPROFILE%\.claude\skills\
- · macOS / Linux:
Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。
詳しい使い方ガイドを見る →- 最終更新
- 2026-05-18
- 取得日時
- 2026-05-18
- 同梱ファイル
- 5
📖 Skill本文(日本語訳)
※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。
変更要求ワークフロー
概要
スコープクリープや「边改边炸」(その場しのぎの変更)を避けながら、既存の要件を変更するための軽量で反復可能なワークフローを使用します。実装を開始する前にユーザーが承認できるよう、各ゲートで明確な成果物を作成します。
ワークフロー(ゲート付きループ)
手順を順番に実行してください。ステップ4でユーザーが承認するまで、コードの変更を実装しないでください。
ステップ0:計画を設定する(任意ですが推奨)
update_planを使用して、5〜7の短いステップを作成します:明確化 → ベースライン → 影響 → 設計 → 実装 → 検証 → ドキュメント。- 一度に正確に1つのステップを
in_progressに保ち、完了したら次に進みます。
ステップ1:変更を明確にする(まずスコープを固定する)
ユーザーに最小限の入力を求め、それらを明確な「変更概要」に書き換えます。
- 目的(1文):どのような結果が変わるか。
- スコープ外(1文):明示的に何を変更してはならないか。
- 受け入れ基準(3〜6箇条):検証可能な観察可能な動作。
- 「維持すべき」制約:互換性、パフォーマンス、セキュリティ、新しい依存関係なし、ネットワークなしなど。
- ロールバックの期待:差分を元に戻すことで復元できるか、それともデータ移行/バックフィルが必要か。
references/change-brief-template.md のテンプレートを使用してください。
ステップ2:コードから現在の動作を確認する(ベースライン)
記憶や仮定を信用しないでください。実際の入り口と現在のデータフローを特定し、5〜10行で要約します。
- UIの入り口(例:
sidepanel/、options/)とユーザーアクションがどこに接続されているか。 - バックグラウンドオーケストレーション(例:
service_worker.js)。 - コアモジュール(例:
src/core/...)とストレージ(src/core/local/...)。 - 設定/権限の変更(例:
manifest.json)。
scripts/impact_scan.sh を使用して、可能性のあるファイルをすばやく見つけ、必要なファイルのみを読んでください。
出力成果物:「現在の動作の概要」+ 短いファイルリスト(各ファイルが重要である理由付き)。
ステップ3:影響とリスク評価(変更予算)
新しい設計を提案する前に、以下をリストアップします。
- 変更する必要があるファイル/モジュールとその理由。
- リスク:認証/セッション、ストレージ移行、並行性、キャッシュ、権限スコープ、UXの退行。
- テストチェックポイント:手動で検証すべきこと(
references/regression-checklist.mdを使用)。 - ロールバック計画:安全に元に戻せるもの、クリーンアップが必要なもの。
変更が manifest.json または service_worker.js に触れる場合、検証計画に手動での再読み込みステップを要求します(Chrome拡張機能は積極的にキャッシュします)。
出力成果物:「影響とリスクのリスト」+ 「ロールバック計画(1〜3箇条)」。
ステップ4:新しい設計を提案する(承認を得る)
新しい動作を以下を使用して記述します。
- エッジケースを含む新しいフロー(箇条書きのシーケンス)。
- 状態モデル:主要な状態、遷移、および障害回復。
- 変更境界:変更されないもの。
- 可観測性:デバッグのためのログ/イベント/UIヒント。
次に、ユーザーに以下を承認するよう求めます。
- 最終的な受け入れ基準(ステップ1)。
- 変更予算としてのファイルリスト(ステップ2/3)。
- 提案された設計(このステップ)。
ユーザーが「同意/OK/按这个做」と言うまで、コードの編集を開始しないでください。
ステップ5:最小限の局所的な差分で実装する
実装ルール:
- パッチよりも根本原因の修正を優先しますが、差分は小さく集中させます。
- 複数のエントリポイントにロジックを分散させることを避け、可能な場合は1つのモジュールに集中させます。
- ESモジュールのインポートは明示的に行い、暗黙的なグローバルを避けます。
- 新しいエクスポートを導入する場合は、エクスポートされた関数に短いJSDocを追加します。
- ユーザーに表示されるログ:実行可能な中国語メッセージ(次に何をすべきかを説明)。
変更が非同期フロー/クロスモジュール呼び出し/フォールバックを含む場合、仮定と障害処理を説明する中国語のコメントを追加します。
ステップ6:検証する(修正された回帰ループ)
references/regression-checklist.mdで参照されている手動ページを実行します。manifest.jsonまたはservice_worker.jsが変更された場合:再テストする前に拡張機能を再読み込みします。- テストした内容と観察された結果を記録します(手動であっても)。
ステップ7:維持する(ドキュメント + 決定ログ)
- 将来のメンテナーのためにプロジェクトドキュメントまたはインラインノートを更新します。
- 短い「決定ログ」エントリを追加します:なぜこの設計なのか、どのような代替案が却下されたのか、そしてどのようにロールバックするのか。
references/decision-log-template.md のテンプレートを使用してください。
リソース
scripts/
scripts/impact_scan.sh:rgを介してキーワードと一般的な拡張機能のエントリポイントを高速でファイル候補をスキャンします。
references/
references/change-brief-template.md: スコープと受け入れ基準を固定するための入力テンプレート。references/regression-checklist.md: このリポジトリのChrome拡張機能の手動回帰チェックリスト。references/decision-log-template.md: 軽量な決定記録テンプレート。
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開
Req Change Workflow
Overview
Use a lightweight, repeatable workflow to modify an existing requirement without scope creep or “边改边炸”. Produce clear artifacts at each gate so the user can approve before the implementation starts.
Workflow (gated loop)
Follow the steps in order. Do not implement code changes until the user approves Step 4.
Step 0: Set the plan (optional but recommended)
- Use
update_planto create 5–7 short steps: clarify → baseline → impact → design → implement → validate → document. - Keep exactly one step
in_progressat a time and advance as you finish.
Step 1: Clarify the change (lock scope first)
Ask the user for the minimal inputs, then rewrite them into a clear “change brief”:
- Target (1 sentence): what outcome changes.
- Out of scope (1 sentence): explicitly what must NOT change.
- Acceptance criteria (3–6 bullets): observable behaviors that can be verified.
- “Must keep” constraints: compatibility, performance, security, no new dependencies, no network, etc.
- Rollback expectation: can we revert by reverting a diff, or does it require data migration/backfill?
Use the template in references/change-brief-template.md.
Step 2: Confirm current behavior from code (baseline)
Do not trust memory or assumptions. Locate the real entrypoints + current data flow and summarize it in 5–10 lines:
- UI entrypoints (e.g.,
sidepanel/,options/) and where user actions are wired. - Background orchestration (e.g.,
service_worker.js). - Core modules (e.g.,
src/core/...) and storage (src/core/local/...). - Config/permissions changes (e.g.,
manifest.json).
Use scripts/impact_scan.sh to quickly find likely files, then read only the necessary ones.
Output artifact: “Current behavior summary” + a short file list (with why each file matters).
Step 3: Impact + risk assessment (change budget)
Before proposing a new design, list:
- Files/modules that must change and why.
- Risks: auth/session, storage migration, concurrency, caching, permission scopes, UX regressions.
- Testing checkpoints: what to verify manually (use
references/regression-checklist.md). - Rollback plan: what is safe to revert; what needs cleanup.
If changes touch manifest.json or service_worker.js, require a manual reload step in the validation plan (Chrome extensions cache aggressively).
Output artifact: “Impact & risk list” + “Rollback plan (1–3 bullets)”.
Step 4: Propose the new design (get approval)
Describe the new behavior using:
- New flow (bullet sequence) including edge cases.
- State model: key states, transitions, and failure recovery.
- Change boundaries: what stays unchanged.
- Observability: logs/events/UI hints for debugging.
Then ask the user to approve:
- The acceptance criteria (Step 1) as final.
- The file list (Step 2/3) as the change budget.
- The proposed design (this step).
Do not start editing code until the user says “同意/OK/按这个做”.
Step 5: Implement with minimal, localized diffs
Implementation rules:
- Prefer root-cause fixes over patches, but keep diffs small and focused.
- Avoid scattering logic across multiple entrypoints; centralize in one module when possible.
- Keep ES module imports explicit; avoid implicit globals.
- Add short JSDoc for exported functions when introducing new exports.
- User-visible logs: actionable Chinese messages (explain what to do next).
If the change involves async flows/cross-module calls/fallbacks, add Chinese comments explaining assumptions and failure handling.
Step 6: Validate (fixed regression loop)
- Run the manual pages referenced in
references/regression-checklist.md. - If
manifest.jsonorservice_worker.jschanged: reload the extension before retesting. - Record what you tested and the observed outcome (even if it is manual).
Step 7: Maintain (docs + decision log)
- Update project docs or inline notes for future maintainers.
- Add a short “Decision log” entry: why this design, what alternatives were rejected, and how to roll back.
Use the template in references/decision-log-template.md.
Resources
scripts/
scripts/impact_scan.sh: fast file candidate scan viargfor keywords + common extension entrypoints.
references/
references/change-brief-template.md: input template to lock scope + acceptance criteria.references/regression-checklist.md: manual regression checklist for this repo’s Chrome extension.references/decision-log-template.md: lightweight decision record template.
同梱ファイル
※ ZIPに含まれるファイル一覧。`SKILL.md` 本体に加え、参考資料・サンプル・スクリプトが入っている場合があります。
- 📄 SKILL.md (5,257 bytes)
- 📎 references/change-brief-template.md (833 bytes)
- 📎 references/decision-log-template.md (616 bytes)
- 📎 references/regression-checklist.md (1,648 bytes)
- 📎 scripts/impact_scan.sh (1,363 bytes)