dev-webtest-plan

A tool that creates Playwright web-test plans from development plans and screen specifications. Playwright is a tool for testing web pages in a browser.

In plain words
What is it for?
Use it to create new end-to-end or screen-test plans, or update existing plans when screen specifications change.
Why use it?
It turns acceptance criteria and screen changes into a test plan, reducing the need to write and maintain that plan by hand.

Skill for Claude CodeCodex

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add skills/classmethod/tsumiki/dev-webtest-plan
Any agent
npx skills add classmethod/tsumiki --skill dev-webtest-plan
Clone the repo
git clone --depth 1 https://github.com/classmethod/tsumiki

Made for: Claude Code, Codex.

Per session 153 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 8,089 The whole file, excluding the scripts and references it only reads on demand.
Security scan C 2 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.00153 $0.08089
Opus 5 $0.00077 $0.04045
Sonnet 5 $0.00031 $0.01618
Haiku 4.5 $0.00015 $0.00809

Measured 2d ago against content hash ae91e84c1148, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade C, and why

dev-webtest-plan scanned grade C with 2 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Recursive force deletehighDestructive command

rm -rf with a variable or a broad path is one typo away from removing the wrong tree.

rm -rf tmp/webtest/plan/<plan-name>/

Makes network callslowCapability

Not a fault in itself. Listed so you know the mod talks to something, and to what.

API セットアップ/クリーンアップの設計も含む。Phase 2 の分析結果からAPIエンドポイント情報を活用し、各 webtest plan に実行可能な curl コマンドを設計する。
skills/dev-webtest-plan/SKILL.md · 549 lines

How it starts

The opening of the file, as written. The whole thing — 549 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Dev Webtest Plan

dev-plan の出力(acceptance-criteria.md の Given/When/Then、タスクファイルの Test Strategy 等)から、dev-webtest が実行する Playwright 用 Web テスト計画ファイルを自動生成するスキル。画面仕様ドキュメント(Screen Spec)の変更差分から既存テスト計画を更新する差分更新モードも備える。

前提知識

dev-* スキルフロー内の位置

dev-context → dev-plan → [dev-webtest-plan] → dev-impl → dev-verify → dev-webtest
                              ↓                                           ↑
                    docs/dev/webtests/plans/*.md ─────────────────────────┘

dev-screen-spec → [dev-webtest-plan update] → dev-webtest
                        ↓ (差分更新)              ↑
              docs/dev/webtests/plans/*.md ───────┘

引数フォーマット

/dev-webtest-plan <dev-plan-name>          # 新規生成モード
/dev-webtest-plan update                   # 差分更新モード(全webtest計画対象)
/dev-webtest-plan update <plan-name>       # 差分更新モード(特定webtest計画のみ)
  • dev-plan-name: 既存の Plan 名(docs/dev/plans/<dev-plan-name>/ が存在すること)
  • update: 差分更新モードのキーワード
  • plan-name: 更新対象のwebtest計画名(省略時は全計画を対象)

モード自動判定

引数で自動判定する(ユーザー質問不要):

引数が "update" で始まる → 差分更新モード
それ以外 → 新規生成モード(現行通り)
新規生成モードのサブ判定

acceptance-criteria.md の存在で自動判定する:

モード 判定条件 特徴
Full-spec docs/dev/plans/<name>/acceptance-criteria.md が存在 AC の Given/When/Then から直接変換(🔵 多い)
Lightweight acceptance-criteria.md が存在しない タスクの Test Strategy から推論(🟡 主体、🔵 なし)
差分更新モード
モード 判定条件 特徴
差分更新 引数が update で始まる 画面仕様の変更差分からテスト計画を更新(🟡 source: screen-spec update)

サブエージェント制約(重要)

サブエージェントは Task ツールを使用できない(ネスト不可のアーキテクチャ制約)。そのため:

  • コード探索は Glob/Grep/Read を直接使用する
  • TodoWrite は使用しない(TaskCreate/TaskUpdate で進捗管理する)
  • サブエージェントに渡すのはファイルパスのみ。サブエージェントが自分で Read する

コンテキスト管理戦略

メインコンテキストの肥大化を防ぐため、中間ファイルとパス参照 を使用する:

  • メインエージェントはファイルの全文を Read しない(パス存在確認・Grep での部分情報取得のみ)
  • サブエージェントに渡すのはファイルパス。サブエージェントが自分で Read する
  • Phase 間のデータ受け渡しは中間ファイル経由(tmp/webtest/plan/<plan-name>/
  • サブエージェントの返却はマーカー+ファイルパス+行数のみ

中間ファイル(新規生成モード)

tmp/webtest/plan/<plan-name>/
├── task-summary.md          # Phase 2a で生成(タスクサマリー)
├── explore-plan-result.md   # Phase 2a の出力(Plan 分析結果)
├── explore-code-result.md   # Phase 2b の出力(UI 要素情報)
└── design-result.md         # Phase 3 の出力(構造設計結果)

Read the full file on GitHub · 549 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 2d ago First seen · 549 lines · 153 tokens per session scan C ae91e84c1148

Subscribe to this mod's changes

dev-webtest-plan is a skill published in the GitHub repository classmethod/tsumiki (974 stars, last pushed 25d ago), licensed MIT. It adds 153 tokens to every session and 8,089 once invoked, about $0.0008 per session on Opus 5. A static security scan graded it C with 2 findings (recursive force delete, makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

general-video

Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces, brand and sizzle reels, montages, static loops, static title cards, footage remixes, and freeform builds. Use motion-graphics instead for a short unnarrated…

heygen-com/hyperframes · 92 tokens

use-agent-browser-for-airi

Test AIRI display-model imports with agent-browser across stage-tamagotchi Electron, stage-web, and stage-pocket mobile web layouts. Use when uploading and verifying contributor-supplied Live2D ZIP, VRM, or MMD ZIP/PMX/PMD files through AIRI's model selector, including onboarding bypass, format-specific import…

moeru-ai/airi · 87 tokens

opencli-sitemap-author

Use when creating or maintaining OpenCLI site sitemaps: agent-facing navigation, page-state, action, workflow, API-reference, pitfall, and fallback knowledge for a website. Use after browser exploration discovers durable site context, when a sitemap is stale, or when promoting local site knowledge into the repo.

jackwener/OpenCLI · 67 tokens

debug-optimize-lcp

Guides debugging and optimizing Largest Contentful Paint (LCP) using Chrome DevTools MCP tools. Use this skill whenever the user asks about LCP performance, slow page loads, Core Web Vitals optimization, or wants to understand why their page's main content takes too long to appear. Also use when the user mentions…

ChromeDevTools/chrome-devtools-mcp · 99 tokens

pinchtab-mcp

Use this skill when a task requires browser automation through PinchTab's MCP server connected to a remote browser instance. Covers navigation, element interaction, data extraction, form filling, multi-step flows, and session management via MCP tools.

pinchtab/pinchtab · 52 tokens

mintlify-preview

Run the public Mintlify product docs site locally for live preview. Use when previewing or iterating on docs under docs/ (.mdx/.md pages, docs.json nav), or when the user says "start the docs", "run mintlify", "preview the docs site".

latitude-dev/latitude-llm · 69 tokens