Webページの移動やフォーム入力、クリックをエージェントに任せ、情報抽出や画面保存、操作前後の比較まで行います。ブラウザ作業の自動化やWebアプリの確認に使えるスキル。
- フォーム入力やクリックを自動化したいとき
- Webページのテキスト抽出
- ページのスクリーンショット・PDF保存
調査結果と設計上の決定をもとに、機能を段階的に完成させる実装計画を作ります。各段階の変更範囲と検証方法を、図や構造の例とともに整理するスキルです。
Only use when the user explicitly invokes this skill by name.
実行スコア 未検証
インストール方法を見る調査結果と設計上の決定から、段階ごとに検証できる実装計画を作成します。画面、API、データ構造などを機能単位でつなぎ、小さく動作を確かめながら進める構成を考えます。各段階には変更の概要、必要なファイルや構造の図示、テストの変更、検証方法をまとめます。
調査や設計の議論は済んでいるものの、着手する順番や変更範囲が定まっていないときに向いています。ファイル一覧だけでは伝わりにくい変更を、ツリーや差分、APIの入出力の形で共有したい場合にも役立ちます。冒頭のチェックリストで各段階の進捗も追えます。
スキル名を明示して呼び出す前提です。完了した調査資料を使い、調査用の質問文書は対象にしません。成果物は.humanlayer/tasks/配下に保存します。フィードバックは計画文書の更新として扱い、実装開始の指示とは解釈しません。
この紹介文は、公開されている SKILL.md をもとに AI(OpenAI Codex)が作成しました。正確な仕様は下の原文を確認してください。
インストールする前に、エージェントに与えられる指示の中身を確認できます。
You are creating a phased implementation plan based on research findings and design decisions.
ls -La .humanlayer/tasks/<task slug>. Do NOT use grep or glob or ls or ls -l, as the directory may be a symlink.Read all input documents FULLY:
Check for related task content:
.humanlayer/tasks/TASKNAME is mentioned, use ls -La .humanlayer/tasks/TASKNAMESpawn sub-agents for follow-up research if necessary:
For deeper investigation:
Do not run agents in the background - FOREGROUND AGENTS ONLY.
Read the visual guidance, then create a phased implementation plan:
{SKILLBASE}/references/show-me.mddiff blocks for focused changes to existing shapes; use language-specific or text blocks to show complete target shapes when they are new, high-level, or clearer without diff notation├──, └──, and │), not ASCII substitutesdiff blocks, start added and changed (~) lines with +, removed lines with -, and unchanged context lines with a spaceEach phase should ideally be a thin vertical slice that touches all / as many layers as possible for the desired end state. Avoid horizontal phases like 'add all types', 'add API endpoints', 'implement UI'.
Try to find ways to structure the outline so that each phase cuts across multiple layers, services, or module boundaries at least > 1 if at all possible. Each phase should be independently verifiable based on typechecks, tests, build steps, and any other in-repo verification. Ensure you understand codebase patterns for testing and verification, and don't suggest manual testing for a step that could be automated w/ a script, an existing skill, etc.
A horizontal breakdown looks like this:
That creates handoff problems and partially finished work.
A vertical slice cuts through the stack:
Each issue should include schema, API, UI, and tests if the slice needs them.
These are intended to be illustrative. Not all work lends itself to this type of structure specifically, but you should try to cross module boundaries where able to surface surprises early. Do not structure a phase N such that Phase N+1 must be completed before Phase N can be verified.
For each phase, specify:
+ foo.test.ts # covers the new behavior in the tree)Create the Implementation Overview section:
- [ ] Phase N: [Title]Read({SKILLBASE}/references/structure_outline_template.md)
Write the structure outline to .humanlayer/tasks/ENG-XXXX-description/NN-structure-outline-DESCRIPTION.md
ls -La .humanlayer/tasks | grep -i "eng-XXXX".humanlayer/tasks/ENG-XXXX-description/NN-structure-outline-DESCRIPTION.md where NN is a zero-padded chronological index and DESCRIPTION is a 2-4 word kebab-case slugls -La the task directory, find the highest existing NN- prefix, and use the next number. First document = 01-, second = 02-, etc..humanlayer/tasks/ENG-1478-parent-child-tracking/04-structure-outline-parent-child-tracking.md.humanlayer/tasks/improve-error-handling/04-structure-outline-error-handling.mdCheck whether you are already in a worktree:
Bash(git rev-parse --git-dir)
Read({SKILLBASE}/references/structure_outline_final_answer_in_worktree.md)
Read({SKILLBASE}/references/structure_outline_final_answer.md)
Never suggest setting up a worktree when you are already in one.
When you write or edit documents in .humanlayer/tasks/, a cloud permalink is automatically provided in the hook response.
additionalContext after Write/Edit/MultiEdit/Read operationshttp(s)://{DOMAIN}/artifacts/{artifactId}When writing markdown files that contain code blocks showing other markdown (like README examples or SKILL.md templates), use 4 backticks (````) for the outer fence so inner 3-backtick code blocks don't prematurely close it:
# Example README
## Installation
```bash
npm install example
```
The goal of this document is to be concise and human readable. Be tasteful and thoughtful about how and where you include code snippets, and prefer highlighting signature changes rather than entire code blocks, unless the user explicitly asks for them. The structure outline is our "c header files", the plan will include the function definitions.
Each phase has a ### Validation section with two subsections:
#### Automated Verification: runnable commands (typecheck, tests, lint)#### Manual Verification: steps requiring human judgmentNot every phase requires manual validation — don't add manual steps just to have them. If a phase cannot be manually checked, it may be too small or not vertical enough. The goal is to catch issues early, not at the end of a 1000+ line change.
Automated testing is always better than manual testing.
When documents conflict, the most recent document wins: structure outline > design discussion > research > ticket
The structure outline captures the final phased approach. If the ticket or research suggested something different, the structure outline reflects the latest decisions. </guidance>
まだレビューはありません。使ってみた感想をお寄せください。
ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。
まだコメントはありません。最初のコメントを書いてみませんか。
Webページの移動やフォーム入力、クリックをエージェントに任せ、情報抽出や画面保存、操作前後の比較まで行います。ブラウザ作業の自動化やWebアプリの確認に使えるスキル。
曖昧で読みにくい英文を、語の意味をそろえた短い能動態の文へ書き直すスキル。指示文やツール説明を見直し、修正理由と変更前後を表で確認できます。
GitHubのPRの状態、レビューの会話、CI失敗のログを専用スクリプトで収集し、変更の確認状況や未解決の指摘、失敗したジョブとステップを調べるスキル。
リリース時に対象パッケージの基準バージョンを更新し、関連ファイルの同期と生成結果を検証して、コミットからPRブランチへのプッシュまで進めるスキル。
Git のコミット間や作業中のコードで、関数の呼び出し構造の違いを確認します。呼び出しツリーの表示や、指定した関数へ至る経路の調査にも使えます。
ターミナルからブラウザのクリックや入力、ページ移動を自動化し、通信やエラー、表示速度も調べられる、Chrome DevToolsのCLI操作を支援するスキル。