20 one-shot prompts that turn Kanban into an autonomous coding machine｜Cline、カンバンを自律型コーディングマシンへ変える20のワンショットプロンプト | AIニュース最前線

![image](https://storage.ghost.io/c/d6/fe/d6feb101-a8e6-444b-bae8-3ca714794abb/content/images/2026/04/forkbomb.eth_orchestra_lead_by_a_conductor_in_the_switzerland_65528bdb-a422-460b-a654-2bc131e92bb2_0.png)多くの人が Cline の Kanban を見て、単なるタスクボードだと考えがちです。カードや列、ドラッグ＆ドロップといった機能に目が行きがちですが、Kanban はプロジェクト管理ツールではありません。これはコーディングエージェントを統率するオーケストレーション層であり、真の威力を発揮するのはサイドバーチャットです。 Kanban エージェント内のプロンプト一つで、複雑なプロジェクトをリンクされたタスクカードに分解し、複数のエージェント間で並列実行できるように広げることができます。さらに、あるタスクが完了すると次のタスクが自動的に起動する連鎖も可能です。その結果、一語の指示からコードベース全体へのコミットまで、エンドツーエンドの自律的なワークフローを実現できます。 私たちは 5 つのカテゴリーにわたる 20 のスタータープロンプトをまとめました。いずれもコピー＆ペーストですぐに Kanban サイドバーチャットで使えるものです。これらはリンクされた依存関係チェーンを作成し、エージェントの並列実行を最大化して、実際に動作するコードを生み出します。 インストールは `npm i -g cline` で行い、任意のプロジェクトディレクトリで `cline` を実行すれば試せます。 4) データベースを含むフルスタックアプリ グリーンフィールド（新規）アプリケーションのスケーフォールディング これらのプロンプトはゼロから新しいプロジェクトを構築します。重要なパターンは、まず基盤を整えた上で、互いに依存しない機能について並列タスクを広げることです。 1. 一からの Express API このプロジェクトのための本番環境対応可能な Express API を構築しましょう。タスクを以下のように分割します。 1) TypeScript と tsconfig、nodemon を使用した開発用スクリプトを含む Express のセットアップ 2) { status: "ok", timestamp } を返す GET /health エンドポイントによるヘルスチェックの追加 3) pino による構造化 JSON ログの導入 4) 適切なエラーレスポンス形式を持つグローバルエラーハンドリングミドルウェアの実装 5) CORS と helmet セキュリティミドルウェアの追加 これらは順次リンクさせ、それぞれが直前のタスクを基盤として構築されるようにします。タスク 1.2 から開始してください。 React + Vite フロントエンド このプロジェクトのための React フロントエンドを Vite でスケフォールドしましょう。タスクは以下の通りです。 1) Vite を React と TypeScript テンプレートで初期化し、tsconfig および vite.config にパスエイリアスを追加 2) レイアウトコンポーネント、ホームページ、404 ページを含む React Router のセットアップ 3) src/components/ui に Button、Card、Input、Modal などの再利用可能な UI コンポーネントライブラリを追加し、基本的なスタイリングを実装 4) CSS 変数と React Context を活用したダーク/ライトテーマプロバイダーの追加 タスク 1 → 2 → 3 の順でリンクさせ、ルーティング設定後にコンポーネントとテーマ機能が並列で動作するようにします。また、1 → 4 のリンクも設定してください。タスク 1.3 から開始しましょう。 CLI ツール このリポジトリに Node.js CLI ツールを構築します。タスクは以下の通りです。 1) TypeScript を使用し、package.json に bin エントリを追加し、コマンド引数の解析には commander.js を設定してプロジェクトをセットアップする 2) prompts を使用して対話形式で設定ファイルをスケフォールドする「init」コマンドを追加する 3) ora によるプログレススピナーを実装し、設定ファイルを読み込んでメインロジックを実行する「run」コマンドを追加する 4) chalk で色付きの出力を可能にし、デバッグログ用の --verbose フラグを追加する タスク 1 から 2、1 から 3、そして 1 から 4 へリンクを設定し、セットアップ完了後にこれら 3 つのコマンドが並列で構築されるようにします。タスク 1 を開始してください。 ⭐ 4. データベースを備えたフルスタックアプリ – ページ上部の動画デモをご覧ください。たった一つのプロンプトで、SQLite に基づく型付き Express API が生成されます。完全な CRUD 操作、入力検証、シードデータも含まれています。5 つのリンクされたタスクと、2 つの並列ブランチがあります。 Express バックエンドと SQLite データベースを備えたフルスタックアプリをセットアップします。タスクは以下の通りです。 1) TypeScript で Express を初期化し、better-sqlite3 をインストールする 2) src/db.ts にデータベースモジュールを作成し、SQLite を初期化して「users」テーブル（id, name, email, created_at）を作成する 3) CRUD API ルートを実装します：GET /users、GET /users/:id、POST /users、PUT /users/:id、DELETE /users/:id 4) POST および PUT ルートに対して zod スキーマを使用した入力検証ミドルウェアを追加する 5) 10 件のサンプルユーザーを挿入するシードスクリプトを追加する タスク 1 → 2 → 3 → 4 の順序でリンクし、かつ 2 → 5 のリンクを設定して、ルート開発と並行してデータシードが実行されるようにします。タスク 1 を開始してください。 コードベースの近代化と移行 レガシーコードこそが、Kanban の並列実行能力を最も発揮させる場です。これらのプロンプトはまず監査を行い、その後複数のリファクタリングタスクを同時に展開します。 5. JavaScript から TypeScript への移行 この JavaScript プロジェクトを TypeScript に移行してください。タスク：1) strict モード付きの tsconfig.json を追加し、typescript と ts-node をインストールしてエントリーポイントを .ts に変更する 2) src/ ディレクトリ内のすべての .js ファイルを .ts にリネームし、明示的な型注釈で即座に型エラーを修正する 3) コードベース全体で関数のパラメータと戻り値の型定義を追加する 4) require() 呼び出しをすべて ES モジュールの import に置き換え、必要に応じて package.json に "type": "module" を追加する 5) tsc を使用したビルドスクリプトを追加し、コンパイル後の出力が正しく動作するか検証する。タスクは 1 → 2 → 3 → 4 → 5 の順でリンクしてください。タスク 1 から開始。 6. 依存関係の監査とアップグレード このプロジェクトの依存関係を検証し、アップグレードしてください。タスク：1) `npm outdated` を実行し、メジャーバージョンの更新があるパッケージをすべて特定して報告書を UPGRAD_PLAN.md として作成します（各パッケージ名、現在のバージョン、対象バージョン、既知の破壊的変更を含める）。2) プロジェクト全体で非破壊的なマイナーおよびパッチバージョンをアップグレードする。3) メジャーバージョンのパッケージは一つずつアップグレードし、その都度コード内の破壊的変更を修正する。4) depcheck で不要な依存関係が特定されたら削除します。リンク：1 → 2、1 → 3、1 → 4。監査完了後にクリーンアップとアップグレードを並列実行してください。タスク 1 を開始。 7. ESLint と Prettier の追加 – このプロンプトは、二つの完全に独立したツール設定を並列で実行し、それぞれのツールの自動修正を別々のワークツリーに適用します。各エージェントが孤立して動作するため、競合は発生しません。 このプロジェクトにコード品質ツールを追加してください。タスク：1) `@eslint/js` と `typescript-eslint` を使用したフラット構成ファイルで ESLint をインストール・設定し、「no-unused-vars」「consistent-return」「no-console」を警告として適用する。2) `.prettierrc` でシングルクォート、セミコロンなし、インデント 2 スペースのルールで Prettier をインストール・設定する。3) コードベース全体で `eslint --fix` を実行し、自動修正された変更をコミットする。4) コードベース全体で `prettier --write` を実行し、フォーマットされた変更をコミットする。リンク：1 → 3、2 → 4。リンティングとフォーマット処理を並列実行してください。タスク 1 と 2 を開始。 Cline Kanban: ESLint と Prettier の CI/CD 追加 8. 共通ユーティリティの抽出 このコードベースのリファクタリングは、重複したロジックの抽出を目的としています。具体的なタスクは以下の通りです。 1) コードベースを検索し、重複するパターン（検証ロジック、文字列フォーマット、日付処理、エラー構築など）を特定して、REFACTOR_PLAN.md にリストアップします。 2) 特定された各パターンに対応するモジュールを作成するため、src/utils/ディレクトリに validation.ts、format.ts、dates.ts、errors.ts を配置します。 3) コードベース全体にある重複コードを置き換え、新しいユーティリティモジュールからのインポートを使用するようにします。 4) 既存のテストフレームワークを用いて、各ユーティリティモジュールに対して単体テストを追加します。 リンク関係は「1 → 2 → 3」および「2 → 4」となります。これにより、テストとリファクタリングを並列で実行できます。タスク 1 から開始してください。 **テスティングと品質保証** Kanban（カンバン）において、テスティングは最も価値の高い用途の一つです。なぜなら、単体テスト、統合テスト、ドキュメント作成は本質的に独立しており、これらは完璧に並列展開できるからです。 ⭐ 9. 包括的なテストスイート -- 4 つのタスクから構成されますが、真の魔法となるのはリンクパターンです。テストフレームワークの設定完了後、単体テストと統合テストが同時に構築され、最終的に CI カバレッジゲートで収束します。 このプロジェクトにテストスイートを追加します。タスク： 1) TypeScript サポート付きの vitest をインストール・設定し、package.json に test および test:coverage スクリプトを追加する。 2) src/utils または src/lib 内のすべてのユーティリティ関数とヘルパーモジュールに対してユニットテストを作成し、これらのファイルでカバレッジ率 100% を目指す。 3) supertest を使用してすべての API ルートにインテグレーションテストを追加し、成功ケースとエラーケースの両方をカバーする。 4) カバレッジ率が 80% を下回った場合に失敗する test:ci スクリプトを追加する。タスク 1 → 2 および 1 → 3 のようにユニットテストとインテグレーションテストを並列で実行し、その後 2 → 4 および 3 → 4 のように CI スクリプトを最後に実行する順序にする。 タスク 1 から開始。Cline Kanban Comprehensive Test Suite 10. API ドキュメント このプロジェクトのすべての API を文書化します。タスク： 1) swagger-jsdoc と swagger-ui-express をインストールし、/api-docs でドキュメントを提供するように設定する。 2) 各ルートハンドラーに JSDoc アノテーション（@swagger タグ付き）を追加し、メソッド、パス、パラメータ、リクエストボディスキーマ、レスポンススキーマを文書化する。 3) swagger アノテーション内に、各エンドポイントのサンプルリクエスト/レスポンスペイロードを追加する。 4) README に、API ドキュメントへのローカルアクセス方法と、利用可能なすべてのエンドポイントを簡潔な説明付きでリストしたセクションを追加する。タスク 1 → 2 → 3 の順序とし、タスク 1 の完了後にタスク 4 を並列実行する。 タスク 1 から開始。 11. エラーハンドリングの強化 このコードベース全体でエラーハンドリングを強化してください。タスクは以下の通りです。 1) src/errors.ts にカスタム AppError クラスを作成します。これは Error を継承し、statusCode、isOperational、context フィールドを持ちます。また、notFound、badRequest、unauthorized、internal エラー用のファクトリ関数も用意してください。 2) Express のエラーハンドリングミドルウェアを追加します。AppError インスタンスをキャッチし、適切なステータスコードとともに構造化された JSON 形式のエラーレスポンスを返すように実装します。 3) すべてのルートハンドラを監査し、raw throw や try-catch パターンを新しい AppError クラスに置き換えてください。 4) プロセスレベルの uncaught exception ハンドラと unhandled rejection ハンドラを追加し、例外ログを出力した上でシステムを安全にシャットダウンできるようにします。 依存関係は以下の通りです：1 → 2 → 3 と、並列で 1 → 4 です。タスク 1 から開始してください。 次に、構造化ログの導入を行います。 このアプリケーションに構造化ロギングを追加してください。タスクは以下の通りです。 1) pino と pino-http をインストールし、src/logger.ts にロガーモジュールを作成します。LOG_LEVEL 環境変数でログレベルを柔軟に設定できる JSON ログを出力する仕様とします。 2) pino-http を使用したリクエストログミドルウェアを追加します。すべてのリクエストに対して HTTP メソッド、URL、ステータスコード、レスポンス時間を記録します。 3) 既存のルートハンドラおよびサービス関数にコンテキスト付きロギングを実装します。処理開始時、エラー発生時、完了時にログを出力し、ユーザー ID やリソース ID など関連するコンテキスト情報を含めます。 4) コーレレーション ID ミドルウェアを追加します。各リクエストごとに UUID を生成し、そのリクエストに関連するすべてのログ行に付与します。 依存関係は以下の通りです：1 → 2 と 1 → 4 は並列で実行し、その後 2 → 3 および 4 → 3 の順で処理を行います。ルートレベルのロギングは最後に実装してください。タスク 1 から開始します。 Feature development これらのプロンプトは、実際に製品に追加される機能を実現するものです。機能には相互依存関係が多いため、リンクパターンはより複雑になりますが、Kanban がその調整役を担います。 ⭐ 13. 認証システム -- このコレクションで最も複雑な単一のプロンプトです。5 つのタスクと 3 つの並列ブランチ、そして収束ポイントが含まれています。サイドバーのメッセージ一つで、登録、ログイン、JWT ミドルウェア、ルート保護機能を備えた完全な認証システムが構築されます。 この Express アプリに JWT 認証を追加してください。タスク: 1) jsonwebtoken と bcryptjs をインストールし、src/auth/ディレクトリを作成します。ここでパスワードのハッシュ化と JWT トークンの生成・検証を行うモジュールを実装し、環境変数でシークレットキーと有効期限を設定できるようにします。 2) POST /auth/register エンドポイントを追加します。メールアドレスとパスワードを検証し、パスワードをハッシュ化してユーザーを保存した後、JWT を返します。 3) POST /auth/login エンドポイントを追加します。認証情報を検証し、パスワードハッシュと比較して JWT を返します。 4) 認証ミドルウェアを追加します。Authorization ヘッダーから JWT を抽出・検証し、req.user にユーザー情報を付加します。 5) /health および/auth/* 以外の既存のすべてのルートを、この認証ミドルウェアで保護します。 リンク関係: タスク 1 から 2, 3, 4 へ分岐させ、登録・ログイン・ミドルウェアを並列で構築します。その後、2→5, 3→5, 4→5 とつなぎ、最後にルート保護を実装します。タスク 1 から開始してください。 Cline Kanban Authentication System 14. 検索とフィルタリング この API の既存のリストエンドポイントに検索とフィルタリング機能を追加します。以下のタスクを実行してください。 1) src/utils/query.ts にクエリパーサーユーティリティを作成し、req.query からページ番号 (page)、制限数 (limit)、ソート項目 (sort)、順序 (order)、および任意のフィルタフィールドを抽出するロジックを実装します。ここで適切なデフォルト値と検証処理を設定してください。 2) GET リストエンドポイントを更新し、?search= パラメータを受け付けて、テキストフィールド全体で大文字小文字を区別しない部分一致検索を行えるようにします。 3) ページネーション機能を追加し、レスポンス形式を { data, total, page, limit, totalPages } に統一して結果を返すようにします。 4) ?sort=field&order=asc|desc のようなパラメータに対応したソート機能を実装します。 検索、ページネーション、ソートの各機能は、クエリパーサーの実装後に並列に構築されるため、依存関係は「1 → 2」「1 → 3」「1 → 4」となります。まずはタスク 1 から着手してください。 この Express アプリにファイルアップロード機能を実装します。以下の手順で進めてください。 1) multer をインストールし、uploads/ ディレクトリへのディスクストレージを設定します。ファイルサイズ制限は 10MB とし、画像形式 (jpg, png, gif, webp) のみ許可するように設定してください。 2) POST /upload エンドポイントを追加し、単一のファイルを受け付けて検証・保存を行い、{ filename, originalName, size, mimetype, url } の形式でレスポンスを返します。 3) GET /uploads/:filename エンドポイントを設け、アップロードされたファイルを適切な content-type ヘッダーと共に提供できるようにします。また、存在しないファイルの場合は 404 を返す処理も実装してください。 4) 30 日以上経過したアップロードファイルを削除するクリーンアップユーティリティを追加し、DELETE /uploads/cleanup エンドポイントから呼び出せるようにします。 依存関係は「1 → 2 → 3」および「1 → 4」となります。タスク 1 から開始してください。 WebSocket を用いたリアルタイム更新機能を実装します。 この Express アプリに WebSocket サポートを追加し、リアルタイム更新を実現しましょう。タスクは以下の通りです。 1) `ws` をインストールし、既存の HTTP サーバーと統合された WebSocket サーバーを構築します。また、`src/ws.ts` に接続マネージャーを作成して、ID ごとに接続中のクライアントを追跡できるようにします。 2) すべての接続済みクライアントへ JSON メッセージを送信するか、特定のクライアント ID 宛に送信するブロードキャストユーティリティを追加します。 3) 既存の POST、PUT、DELETE ルートハンドラーを修正し、変更処理が成功した後に WebSocket イベント（例：`{ event: "user:created", data: user }`）を発行するようにします。 4) ハートビートの ping/pong メカニズムを実装し、30 秒ごとに接続の stale（古くなった状態）を検出してクリーンアップできるようにします。 依存関係は「1 → 2 → 3」で順次実行し、「1 → 4」を並列で実行してください。タスク 1 から開始します。 DevOps とインフラストラクチャ インフラ関連の作業は、しばしば退屈で反復的なものになりがちです。しかし、Dockerfile、CI 設定ファイル、`.dockerignore` ファイルが互いに依存していないため、並列実行には非常に適しています。 17. アプリケーションを Dockerize する このアプリケーションを Docker 化します。タスクは以下の通りです。 1) マルチステージ Dockerfile の作成：ビルドステージでは依存関係をインストールして TypeScript をコンパイルし、本番環境ステージではコンパイル済み出力と本番用依存関係のみをコピー、非ルートユーザーとしてポート 3000 で実行します。 2) docker-compose.yml の作成：アプリサービス、ヘルスチェック、.env ファイルからの環境変数、必要に応じてアップロード用のボリュームマウントを含めます。 3) .dockerignore ファイルの追加：node_modules、.git、.env、dist、テストファイルを除外します。 4) npm スクリプトの追加：docker:build、docker:run、docker:stop を用意し、README にドキュメント化します。 リンク 1 と 3 は並列で実行（両方とも独立したファイル）、その後 1 → 2 → 4 の順でコンポーズとドキュメントを処理します。タスク 1 と 3 から開始してください。 ⭐ 18. GitHub Actions CI/CD – 4 つのタスク、うち 3 つは最初から並列実行されます。CI ワークフロー、リリースワークフロー、コントリビューションドキュメントが同時にビルドされ、最後に README のバッジ追加で収束します。通常なら午後を要するインフラセットアップを、Kanban は数分で完了させます。 このプロジェクトに GitHub Actions の CI/CD を追加します。タスクは以下の通りです。 1) `.github/workflows/ci.yml` を作成し、main ブランチへのプッシュとプルリクエストで実行されるように設定します。コードのチェックアウト、依存関係のインストール、リンティングの実行、カバレッジ付きでのテスト実行を行い、カバレッジが閾値を下回った場合は失敗させます。 2) `.github/workflows/release.yml` を作成し、v* に一致するタグが付与された際に実行されるように設定します。プロジェクトをビルドし、自動生成されたリリースノートを含む GitHub リリースを作成します。 3) `CONTRIBUTING.md` に、main ブランチには CI の合格が必要であるというブランチ保護ルールの推奨事項を追記します。 4) `README.md` の先頭に CI ワークフローのステータスバッジを追加します。リンク 1 と 2 はどちらも 4 を指し、両方のワークフローが存在した後にバッジが表示されるように設定します。 タスク 1、2、3 は並列で実行し、すべてのタスクを開始してください。 Cline Kanban GitHub Actions CI/CD 19. 環境設定の整備 このプロジェクトに適切な環境設定を追加します。タスクは以下の通りです。 1) `dotenv` をインストールし、`src/config.ts` モジュールを作成します。このモジュールではすべての環境変数を読み込んで検証し、デフォルト値を設定して型付きの設定オブジェクトをエクスポートします。対象となる変数は PORT、NODE_ENV、LOG_LEVEL、DATABASE_URL、JWT_SECRET です。 2) 必要な変数とプレースホルダー値を含む `.env.example` ファイルを作成し、`.env` を `.gitignore` に追加します。 3) コードベース全体に散在する `process.env` の参照をすべて置き換え、設定モジュールからのインポートを使用するように変更します。 4) アプリケーション終了前に、すべての必須環境変数が存在するかチェックする起動時の検証を追加します。不足している変数がある場合は、明確なエラーメッセージとともにログ出力し、その後アプリを終了させます。 タスク 1 と 2、および 1 と 3 は並列でリンク付けし、その後に 3 から 4 を実行してください。タスク 1 から開始します。 20. Monorepo のセットアップ このプロジェクトをモノレポへ移行します。タスクは以下の通りです。 1) Turborepo をインストールし、ルートに `turbo.json` を作成して設定します。既存のアプリコードを `packages/api` へ移動させ、すべてのパスとインポートをそれに合わせて更新してください。 2) パッケージ間で共有する共通の TypeScript タイプ、ユーティリティ関数、定数を含む `packages/shared` を新規作成します。 3) `packages/shared` から型をインポートする、最小限の React + Vite フロントエンドとして `packages/web` を新規作成します。 4) ルートの `package.json` にワークスペーススクリプトを設定します。`dev` は全パッケージを実行し、`build` は全パッケージをビルドし、`test` は全パッケージを検証し、`lint` は全パッケージをチェックします。 依存関係は以下の通りです：1 → 2 と 1 → 3 を並列で実行（どちらもモノレポ構造に依存）、その後 2 → 4 および 3 → 4 を実行して、ワークスペーススクリプトがすべてのパッケージ作成後に設定されるようにします。タスク 1 から開始してください。 これらの 20 のプロンプトは出発点に過ぎません。真の創造的な可能性は、あなた自身のプロジェクトのために構築するワークフローの中にあります。他者が思いつかない移行スクリプト、あなたのスタック固有のテストパターン、チームを毎週数時間節約できるインフラのレシピなどです。 私たちは、あなたがどのようなアイデアを持ってくるかを見てみたいです。Twitter/X で #OneShotShip というハッシュタグをつけて最高の one-shot Kanban プロンプトを共有するか、Discord や Reddit に投稿してください。Cline として見つけられるよう、@Cline とタグ付けしてください。最も創造的で効果的なプロンプトは、今後の Cline のコンテンツで取り上げられます。 また、Kanban をベースにオープンソースツールやワークフロー、統合を開発している場合は、100 万ドルのオープンソース助成プログラムに応募可能です。素晴らしいものを構築し、継続するための資金を獲得しましょう。 まずは以下を実行してください。 ```bash npm i -g cline ``` これで Cline がインストールされます。

Cline、カンバンを自律型コーディングマシンへ変える20のワンショットプロンプト

背景や根拠まで確認しますか？

関連記事

調べる

選ぶ

サイト