Agent skill

Dev Navigate

by classmethod in classmethod/tsumiki

This skill should be used when the user asks to "dev-navigate", "どこから始めれば", "何を使えばいい", "スキルを選んで", "ナビ", "navigate", "which skill", "how to start", "開発の進め方", "何から始める".

MITAuto-check passedProduct & Project Management

Install Dev Navigate

skills CLI
$ npx skills add classmethod/tsumiki --skill dev-navigate -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install classmethod/tsumiki dev-navigate --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/classmethod/tsumiki.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/dev-navigate .claude/skills/dev-navigate && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
dev-navigate
GitHub stars
974
Token cost
~1.4k tokens
SKILL.md length
195 words
Files
1
Skills in repo
14
Repo updated
First seen
Licence
MIT

At a glance

This skill should be used when the user asks to "dev-navigate", "どこから始めれば", "何を使えばいい", "スキルを選んで", "ナビ", "navigate", "which skill", "how to start", "開発の進め方", "何から始める".

  • Works in 4 steps: メイン質問(Q1) → 結果の判定 → 追加質問(Q2) — 既存コード変更の場合のみ → …
  • Asks to dev-navigate
  • SKILL.md covers 対象スキル一覧, ワークフロー and ルール・制約
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Dev Navigate is an agent skill from classmethod/tsumiki. This skill should be used when the user asks to "dev-navigate", "どこから始めれば", "何を使えばいい", "スキルを選んで", "ナビ", "navigate", "which skill", "how to start", "開発の進め方", "何から始める". 開発者がやりたいことをヒアリングし、最適なtsumikiスキルとその実行順序をナビゲーションする。

Its SKILL.md is about 1.4k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Product & Project Management. The licence is MIT.

When your agent uses it

  • Asks to dev-navigate

Example prompts

  • “dev-navigate”
  • “どこから始めれば”
  • “何を使えばいい”
  • “/dev-navigate”

Workflow steps

4 steps, taken from the step headings in SKILL.md.

  1. メイン質問(Q1)
  2. 結果の判定
  3. 追加質問(Q2) — 既存コード変更の場合のみ
  4. 起動確認

What it can do on your machine

Read from SKILL.md and the folder at commit fa5aaff. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Dev Navigate loads about 1.4k tokens when it runs. Until then it costs about 57 tokens; SKILL.md has 195 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~57
When it runs · the whole SKILL.md, loaded when a task matches
~1.4k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from classmethod/tsumiki at commit fa5aaff, republished under its MIT licence (© classmethod). 195 words, ~1,366 tokens.

Download SKILL.mdSave it as .claude/skills/dev-navigate/SKILL.md (or your agent's skills folder).
name
dev-navigate
description
This skill should be used when the user asks to "dev-navigate", "どこから始めれば", "何を使えばいい", "スキルを選んで", "ナビ", "navigate", "which skill", "how to start", "開発の進め方", "何から始める". 開発者がやりたいことをヒアリングし、最適なtsumikiスキルとその実行順序をナビゲーションする。

Dev Navigate

開発者がやりたいことを対話で把握し、最適なtsumikiスキルの開始ポイントを提案するナビゲーションスキル。提案後、ユーザーの承認があればそのスキルを起動する。

対象スキル一覧

スキル概要
dcs:feature-rubber-duckアイデアを整理して実現可能なPRDを作成する
dcs:incremental-dev既存コードへの段階的な機能追加の計画を立案する
dcs:impact-analysis変更の影響範囲を分析する
dev-plan要件をタスク分解して実装計画を立てる
dev-implテストファースト実装を行う(Plan指定 or クイックモード)
dev-runimpl → verify → debug を自動で連続実行する
dev-verifyPlan 単位でテスト・ビルド・Lint を一括検証する
dev-debugエラーをカテゴリ別に診断して修正する(webtest エラーにも対応)
dev-screen-specソースコードまたは受け入れ条件から画面仕様を自動生成・差分更新する
dev-webtest-plandev-plan の成果物から Web テスト計画を生成する。画面仕様の差分更新にも対応
dev-webtestPlaywright で画面の動作確認・視覚テストを行い、問題を検出・記録する

ワークフロー

Step 1: メイン質問(Q1)

AskUserQuestion で以下を質問する:

質問: 「今やりたいことに一番近いのはどれですか?」

選択肢説明
アイデアを整理してPRDにしたいまだ構想段階。アイデアを実現可能なPRDに落とし込みたい
既存コードに変更を加えたい既に動いているコードに機能追加や変更をしたい
すぐに実装・修正に入りたい要件やplanは明確。実装作業を始めたい
テスト・画面確認をしたい実装済みのコードの検証や Web 画面の動作確認をしたい
エラーやバグを修正したいテスト失敗、ビルドエラー、画面の不具合などを直したい
画面仕様やテスト計画を最新化したいソースコード変更後に画面仕様やテスト計画を差分更新したい
Step 2: 結果の判定

Q1の回答に応じて分岐する。

Q1 = 「アイデアを整理してPRDにしたい」

提案スキル: dcs:feature-rubber-duck

提案メッセージ:

## Nav 結果

**推奨スキル:** `/dcs:feature-rubber-duck`

アイデアを対話で深掘りし、実現可能なPRDドキュメントに整理します。
PRDが完成したら `/dev-plan` でタスク分解に進めます。

**推奨フロー:**
1. `dcs:feature-rubber-duck` — アイデアをPRDに整理
2. `dev-plan` — PRDからタスク分解
3. `dev-impl` — タスクごとに実装
Q1 = 「既存コードに変更を加えたい」

追加質問 Q2 に進む(Step 3)。

Q1 = 「すぐに実装・修正に入りたい」

提案スキル: dev-impl

提案メッセージ:

## Nav 結果

**推奨スキル:** `/dev-impl`

- Planとタスクがある場合: `/dev-impl <plan-name> <task-id>`
- 小さな修正の場合: `/dev-impl "修正内容"`(クイックモード)
- 複数タスクを自動実行する場合: `/dev-run <plan-name> <from> <to>`

Planがまだない場合は先に `/dev-plan` でタスク分解することも検討してください。
Q1 = 「テスト・画面確認をしたい」

追加質問 Q2b に進む(Step 3b)。

Q1 = 「エラーやバグを修正したい」

提案スキル: dev-debug

提案メッセージ:

## Nav 結果

**推奨スキル:** `/dev-debug`

- テスト失敗やビルドエラーの自動検出: `/dev-debug`
- 特定のエラーを指定: `/dev-debug "エラーメッセージ"`
- Web 画面テストで検出されたエラー: `/dev-debug webtest`

修正後は `/dev-verify` で回帰確認、Web 画面の場合は `/dev-webtest retest` で再テストできます。
Q1 = 「画面仕様やテスト計画を最新化したい」

提案スキル: dev-screen-spec

提案メッセージ:

## Nav 結果

**推奨スキル:** `/dev-screen-spec`

ソースコードの変更を画面仕様に反映し、テスト計画も連動更新します。

**推奨フロー:**
1. `dev-screen-spec` — 画面仕様を差分更新(初回は自動で一括生成)
2. `dev-webtest-plan update` — 画面仕様の変更からテスト計画を差分更新
3. `dev-webtest` — 更新されたテスト計画でテスト実行

※ 実装前に受け入れ条件から画面仕様を作る場合: `/dev-screen-spec from-plan <plan-name>`
Step 3: 追加質問(Q2) — 既存コード変更の場合のみ

AskUserQuestion で以下を質問する:

質問: 「既存コードの変更について、今の状況に一番近いのはどれですか?」

選択肢説明
影響範囲を先に把握したい変更がどこに波及するかわからず不安。先に調査したい
段階的な実装計画を立てたい影響範囲はだいたいわかるが、段階的に進めたい
タスク分解して計画を立てたい要件は明確。タスクに分解して着手したい
Q2 = 「影響範囲を先に把握したい」

提案スキル: dcs:impact-analysis(+ 連携フロー)

提案メッセージ:

## Nav 結果

**推奨スキル:** `/dcs:impact-analysis`

まず影響範囲を可視化し、安全に変更を進められるようにします。
分析結果を踏まえて、次のステップを選択できます。

**推奨フロー:**
1. `dcs:impact-analysis` — 影響範囲を可視化
2. `dcs:incremental-dev` — 段階的な実装計画を立案(または `dev-plan` でタスク分解)
3. `dev-impl` — タスクごとに実装
Q2 = 「段階的な実装計画を立てたい」

提案スキル: dcs:incremental-dev

提案メッセージ:

## Nav 結果

**推奨スキル:** `/dcs:incremental-dev`

既存コードへの変更を段階的に計画し、安全に機能追加を進めます。

**推奨フロー:**
1. `dcs:incremental-dev` — 段階的な実装計画を立案
2. `dev-impl` — タスクごとに実装
Q2 = 「タスク分解して計画を立てたい」

提案スキル: dev-plan

提案メッセージ:

## Nav 結果

**推奨スキル:** `/dev-plan`

要件をインターフェースファースト設計でタスクに分解し、実装計画を作成します。

**推奨フロー:**
1. `dev-plan` — 要件からタスク分解
2. `dev-impl` — タスクごとに実装
3. `dev-verify` — 実装完了の検証
Step 3b: 追加質問(Q2b) — テスト・画面確認の場合のみ

AskUserQuestion で以下を質問する:

質問: 「テスト・確認について、今の状況に一番近いのはどれですか?」

選択肢説明
Plan 単位でテスト・ビルドを一括検証したい実装が一通り終わった。全体の整合性を確認したい
Web 画面の動作確認をしたいブラウザ上で画面が正しく動くか確認したい
テスト計画を作ってから体系的にテストしたいdev-plan の成果物からテスト計画を自動生成してテストしたい
Q2b = 「Plan 単位でテスト・ビルドを一括検証したい」

提案スキル: dev-verify

提案メッセージ:

## Nav 結果

**推奨スキル:** `/dev-verify`

Plan 内の全タスクの完了状態を確認し、テスト・ビルド・Lint・カバレッジを一括検証します。

**推奨フロー:**
1. `dev-verify <plan-name>` — 全体検証
2. `dev-debug` — 問題があれば修正
Q2b = 「Web 画面の動作確認をしたい」

提案スキル: dev-webtest

提案メッセージ:

## Nav 結果

**推奨スキル:** `/dev-webtest`

- テスト計画に沿ったテスト: `/dev-webtest <plan-name>`
- 単一ページのクイックチェック: `/dev-webtest check <url>`
- ランダム操作テスト: `/dev-webtest monkey <url>`
- プラン一覧から選択: `/dev-webtest`(引数なし)

問題が見つかったら `/dev-debug webtest` で修正し、`/dev-webtest retest` で再確認できます。
Q2b = 「テスト計画を作ってから体系的にテストしたい」

提案スキル: dev-webtest-plan

提案メッセージ:

## Nav 結果

**推奨スキル:** `/dev-webtest-plan`

dev-plan の成果物から Playwright 用テスト計画を自動生成し、そのシナリオに沿ってテストします。

**推奨フロー:**
1. `dev-webtest-plan <plan-name>` — テスト計画を自動生成
2. `dev-webtest <plan-name>` — テスト計画に沿ってテスト実行
3. `dev-debug webtest` — 問題があれば修正
4. `dev-webtest retest` — 修正確認
Step 4: 起動確認

提案メッセージを出力した後、AskUserQuestion で起動確認する:

質問: 「推奨スキルを起動しますか?」

選択肢説明
起動する推奨フローの最初のスキルを起動します
起動しない提案内容を参考に、自分のタイミングで実行します
  • 「起動する」の場合: Skill ツールで推奨フローの最初のスキルを呼び出す
  • 「起動しない」の場合: 提案内容を表示したまま終了する

ルール・制約

  • 質問は最大2問(Q1 + 必要時のみQ2/Q2b)に抑える
  • Q1の回答だけで特定できる場合はQ2/Q2bをスキップする
  • 提案時は必ず「推奨フロー」として後続スキルの流れも示す
  • 起動確認では常にフローの最初のスキルを起動対象とする
  • ユーザーが Other で自由入力した場合は、内容を解釈して最適なスキルを判定する

© classmethod, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in skills/dev-navigate of classmethod/tsumiki.

Open the folder on GitHubat commit fa5aaff

Compare with similar skills

Dev Navigate next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Dev Navigate compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Dev Navigate this skillclassmethod/tsumiki974—~1.4kAutomated safety check: PassMIT
User Story Writerdeanpeters/Product-Manager-Skills7.2k2 repos~2.9kAutomated safety check: PassCustom licence
Game Changing FeaturesopenstatusHQ/data-table-filters2.3k3 repos~2.1kAutomated safety check: PassMIT
CCPM Project Managementautomazeio/ccpm8.4k—~1.1kAutomated safety check: PassMIT
Convex Create Componentspokvulcan/poker-planning1148 repos~2.6kAutomated safety check: PassMIT
Self Improving Agentfarm-fe/farm5.6k2 repos~3.3kAutomated safety check: NotesMIT

Similar skills

  • User Story Writer

    deanpeters/Product-Manager-Skills

    Writes user stories in Mike Cohn's format with Gherkin acceptance criteria, turning user needs into development-ready work with testable conditions.

    7.2k GitHub starsUsed in 2 repos~2.9k tokens
    Product & Project ManagementAuto-check passed
  • Game Changing Features

    openstatusHQ/data-table-filters

    Find 10x product opportunities and high-leverage improvements.

    2.3k GitHub starsUsed in 3 repos~2.1k tokens
    Product & Project ManagementAuto-check passed
  • Runs a spec-driven workflow from PRD to epic to GitHub issues to parallel agents, with status, standup and blocked-work reports from bundled scripts.

    8.4k GitHub stars~1.1k tokensUpdated 6 mo ago
    Product & Project ManagementAuto-check passed
  • Convex Create Component

    spokvulcan/poker-planning

    Builds reusable Convex components with isolated tables and app-facing APIs.

    114 GitHub starsUsed in 8 repos~2.6k tokens
    Product & Project ManagementAuto-check passed
  • A universal self-improving agent that learns from ALL skill experiences.

    5.6k GitHub starsUsed in 2 repos~3.3k tokens
    Product & Project ManagementAuto-check: notes
  • Builds a weekly engineering retrospective from git history: commit counts, per-person contributions, work patterns and code quality numbers over a chosen window.

    136k GitHub stars~2.4k tokensUpdated today
    Product & Project ManagementAuto-check passed

More from classmethod/tsumiki

All 14 skills in this repo
  • Dev Context

    classmethod/tsumiki

    This skill should be used when the user asks to "dev-context", "プロジェクトコンテキストを生成", "プロジェクトを分析", "generate project context", "analyze project", "コンテキストを更新".

    974 GitHub stars~755 tokensUpdated 2 mo ago
    Auto-check passed
  • Dev Impl

    classmethod/tsumiki

    This skill should be used when the user asks to "dev-impl", "タスクを実装", "テストファースト実装", "implement task", "実装を開始", "クイック修正", "quick fix", "dev-impl auth 001".

    974 GitHub stars~1.3k tokensUpdated 2 mo ago
    Auto-check passed
  • Dev Plan

    classmethod/tsumiki

    This skill should be used when the user asks to "dev-plan", "実装計画を作成", "要件からタスク分解", "create implementation plan", "plan tasks", "タスクを分割", "設計してタスクにする", "詳細要件定義", "full-spec plan", "EARS要件".

    974 GitHub stars~2.5k tokensUpdated 2 mo ago
    Auto-check passed
  • Dev Run

    classmethod/tsumiki

    This skill should be used when the user asks to "dev-run", "自動実装", "タスクを一括実装", "auto implement", "run all tasks", "タスクを自動実行", "バッチ実装", "dev-run auth 001 005".

    974 GitHub stars~1.8k tokensUpdated 2 mo ago
    Auto-check passed
  • Dev Screen Spec

    classmethod/tsumiki

    This skill should be used when the user asks to "dev-screen-spec", "画面仕様を生成", "画面仕様を更新", "screen spec", "generate screen spec", "update screen spec", "画面仕様ドキュメント".

    974 GitHub stars~4.2k tokensUpdated 2 mo ago
    Auto-check passed
  • Dev Webtest

    classmethod/tsumiki

    This skill should be used when the user asks to "dev-webtest", "Webテスト", "画面の動作確認", "E2Eテスト", "web test", "visual check", "モンキーテスト", "アクセシビリティチェック", "レスポンシブテスト", "フォームテスト".

    974 GitHub stars~4.2k tokensUpdated 2 mo ago
    Auto-check passed

Questions about Dev Navigate

What does Dev Navigate do?

This skill should be used when the user asks to "dev-navigate", "どこから始めれば", "何を使えばいい", "スキルを選んで", "ナビ", "navigate", "which skill", "how to start", "開発の進め方", "何から始める". Dev Navigate is an agent skill from classmethod/tsumiki. This skill should be used when the user asks to "dev-navigate", "どこから始めれば", "何を使えばいい", "スキルを選んで", "ナビ", "navigate", "which skill", "how to start", "開発の進め方", "何から始める".

When should I use Dev Navigate?

Dev Navigate fits situations like: asks to dev-navigate.

How do I install Dev Navigate in Claude Code?

Run `npx skills add classmethod/tsumiki --skill dev-navigate -a claude-code`. Or copy the skill folder (skills/dev-navigate in classmethod/tsumiki) into .claude/skills/dev-navigate in your project. Claude Code loads it when a task matches its description.

How do I install Dev Navigate in Codex?

Run `npx skills add classmethod/tsumiki --skill dev-navigate -a codex`. Or copy the skill folder (skills/dev-navigate in classmethod/tsumiki) into .agents/skills/dev-navigate in your project. Codex loads it when a task matches its description.

Can I use Dev Navigate in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add classmethod/tsumiki --skill dev-navigate -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/dev-navigate, .gemini/skills/dev-navigate, .github/skills/dev-navigate and .opencode/skills/dev-navigate in your project.

What does Dev Navigate need to run?

SKILL.md names no scripts, command-line tools or credentials: Dev Navigate is instructions for the agent only.

Does Dev Navigate access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Dev Navigate safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Dev Navigate use?

Dev Navigate is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Dev Navigate use?

About 1.4k tokens (SKILL.md is roughly 5.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Dev Navigate?

Skills that share tags, products or a category with Dev Navigate: User Story Writer (deanpeters/Product-Manager-Skills, 7.2k stars), Game Changing Features (openstatusHQ/data-table-filters, 2.3k stars), CCPM Project Management (automazeio/ccpm, 8.4k stars) and Convex Create Component (spokvulcan/poker-planning, 114 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Dev Navigate?

classmethod (a GitHub organization) maintains it in classmethod/tsumiki, which has 974 GitHub stars. The repository holds 14 skills in this directory. The repository was last updated on August 7, 2026.

Source: classmethod/tsumiki on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.