🛠️ 開発・MCP コミュニティ

designing-and-implementing

Use when receiving feature requests, architectural discussions, or multi-step implementation needs that require design before coding.

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux

mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o designing-and-implementing.zip https://jpskill.com/download/17576.zip && unzip -o designing-and-implementing.zip && rm designing-and-implementing.zip

🪟 Windows (PowerShell)

$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/17576.zip -OutFile "$d\designing-and-implementing.zip"; Expand-Archive "$d\designing-and-implementing.zip" -DestinationPath $d -Force; ri "$d\designing-and-implementing.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)

1. 下の青いボタンを押して designing-and-implementing.zip をダウンロード
2. ZIPファイルをダブルクリックで解凍 → designing-and-implementing フォルダができる
3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
4. Claude Code を再起動

⬇ .zip でダウンロード(推奨) ⬇ .skill 形式(上級者用) 元のソース ↗

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
- · macOS / Linux: ~/.claude/skills/
- · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →

最終更新: 2026-05-18
取得日時: 2026-05-18
同梱ファイル: 1

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

設計 → 計画 → 実装

このフローを使うべき時

計画が必要かどうかを確認します。

bpsai-pair intent should-plan "user's request here"

フローの推奨を取得します。

bpsai-pair intent suggest-flow "user's request here"

このフローは、機能、リファクタリング、複数ステップの作業に使用します。タイプミス修正、小さなバグ、ドキュメントの微調整には計画をスキップします。

ワークフロー

1. 要件の明確化

目標を1〜3文で再記述します
影響を受けるコンポーネントを特定します
曖昧な場合は明確にするための質問をします
既存のコードパターンを調査します

2. アプローチの提案

2〜3のオプションを長所/短所とともに提示し、1つを推奨します。

3. 計画の作成

bpsai-pair plan new <slug> --type feature --title "Title"

4. タスクの追加

.paircoder/tasks/ のタスク形式:

---
id: TASK-XXX
title: Task title
status: pending
priority: P0  # P0=must, P1=should, P2=nice
complexity: 30  # 10-100 scale
---

## Objective
これが達成すること。

## Acceptance Criteria
- [ ] Criterion 1
- [ ] Tests pass

## Dependencies
- Requires TASK-YYY (if any)

5. Trelloへの同期

bpsai-pair plan sync-trello <plan-id> --target-list "Planned/Ready"

6. 各タスクの実装

bpsai-pair task update TASK-XXX --status in_progress
最初にテストを書きます（implementing-with-tdd スキルを参照）
機能を実装します
managing-task-lifecycle スキルを介して完了します

主要ファイル

計画: .paircoder/plans/
タスク: .paircoder/tasks/
状態: .paircoder/context/state.md
プロジェクトコンテキスト: .paircoder/context/project.md

コマンド

bpsai-pair plan list              # 計画をリスト表示
bpsai-pair plan show <id>         # 計画の詳細を表示
bpsai-pair task list --plan <id>  # 計画内のタスク
bpsai-pair task next              # 次に取り組むタスク

📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Design → Plan → Implement

When to Use This Flow

Check if planning is needed:

bpsai-pair intent should-plan "user's request here"

Get flow recommendation:

bpsai-pair intent suggest-flow "user's request here"

Use this flow for: features, refactors, multi-step work. Skip planning for: typo fixes, small bugs, documentation tweaks.

Workflow

1. Clarify Requirements

Restate the goal in 1-3 sentences
Identify affected components
Ask clarifying questions if ambiguous
Research existing code patterns

2. Propose Approaches

Present 2-3 options with pros/cons and recommend one.

3. Create Plan

bpsai-pair plan new <slug> --type feature --title "Title"

4. Add Tasks

Task format in .paircoder/tasks/:

---
id: TASK-XXX
title: Task title
status: pending
priority: P0  # P0=must, P1=should, P2=nice
complexity: 30  # 10-100 scale
---

## Objective
What this accomplishes.

## Acceptance Criteria
- [ ] Criterion 1
- [ ] Tests pass

## Dependencies
- Requires TASK-YYY (if any)

5. Sync to Trello

bpsai-pair plan sync-trello <plan-id> --target-list "Planned/Ready"

6. Implement Each Task

bpsai-pair task update TASK-XXX --status in_progress
Write tests first (see implementing-with-tdd skill)
Implement feature
Complete via managing-task-lifecycle skill

Key Files

Plans: .paircoder/plans/
Tasks: .paircoder/tasks/
State: .paircoder/context/state.md
Project context: .paircoder/context/project.md

Commands

bpsai-pair plan list              # List plans
bpsai-pair plan show <id>         # Show plan details
bpsai-pair task list --plan <id>  # Tasks in plan
bpsai-pair task next              # Next task to work on