本文へ移動
cccskills
無料GitHub で公開日本語紹介

create-structure-outline

調査結果と設計上の決定をもとに、機能を段階的に完成させる実装計画を作ります。各段階の変更範囲と検証方法を、図や構造の例とともに整理するスキルです。

原文原文の説明を見る

Only use when the user explicitly invokes this skill by name.

実行スコア 未検証

インストール方法を見る

こんなときに便利

  • 調査と設計を実装計画にまとめたいとき
  • 大きな変更を検証可能な段階に分けたいとき
  • ファイルやデータ構造の変更を共有したいとき
  • 設計への意見を計画に反映したいとき

日本語での紹介

できること

調査結果と設計上の決定から、段階ごとに検証できる実装計画を作成します。画面、API、データ構造などを機能単位でつなぎ、小さく動作を確かめながら進める構成を考えます。各段階には変更の概要、必要なファイルや構造の図示、テストの変更、検証方法をまとめます。

こんなときに便利

調査や設計の議論は済んでいるものの、着手する順番や変更範囲が定まっていないときに向いています。ファイル一覧だけでは伝わりにくい変更を、ツリーや差分、APIの入出力の形で共有したい場合にも役立ちます。冒頭のチェックリストで各段階の進捗も追えます。

使い方の例

  • 「create-structure-outlineで、この調査結果と設計資料から実装の段階を整理して」
  • 「各段階を単独で検証できるように、計画を見直して」

注意点

スキル名を明示して呼び出す前提です。完了した調査資料を使い、調査用の質問文書は対象にしません。成果物は.humanlayer/tasks/配下に保存します。フィードバックは計画文書の更新として扱い、実装開始の指示とは解釈しません。

この紹介文は、公開されている SKILL.md をもとに AI(OpenAI Codex)が作成しました。正確な仕様は下の原文を確認してください。

含まれるファイル(5)

  • SKILL.md9.5 KB
  • references/show-me.md3.0 KB
  • references/structure_outline_final_answer_in_worktree.md992 B
  • references/structure_outline_final_answer.md927 B
  • references/structure_outline_template.md2.6 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Create Structure Outline

You are creating a phased implementation plan based on research findings and design decisions.

Input

  • If only a directory is provided, or a directory is not provided, check the task's artifact directory from your prompt: ls -La .humanlayer/tasks/<task slug>. Do NOT use grep or glob or ls or ls -l, as the directory may be a symlink.
  • If not directory is provided, and you do not know the task's artifact directory, you should ask the user what artifacts they would like for you to create the outline from.

Steps

  1. Read all input documents FULLY:

    • Use Read tool WITHOUT limit/offset to read the research document
    • Understand the current state of the codebase from research findings
    • Review all design decisions and patterns to follow
    • DO NOT read research questions documents - research questions are inputs to the research phase only. Use the completed research document instead.
  2. Check for related task content:

    • If a path in .humanlayer/tasks/TASKNAME is mentioned, use ls -La .humanlayer/tasks/TASKNAME
    • Read all files in the task directory except research questions documents
    • Read relevant files mentioned in the task files
  3. Spawn sub-agents for follow-up research if necessary:

    For deeper investigation:

    • codebase-locator: Find additional files if needed
    • codebase-analyzer: Deep-dive on specific implementations
    • codebase-pattern-finder: Find more examples of patterns
    • web-search-researcher: Research external best practices

    Do not run agents in the background - FOREGROUND AGENTS ONLY.

  4. Read the visual guidance, then create a phased implementation plan:

    • Before creating the outline, read {SKILLBASE}/references/show-me.md
    • Use the smallest set of visual views needed for each phase instead of a list of files and changes
    • Tell the story of each phase in the order that makes it easiest to understand; show files first when ownership gives the needed context, or establish key data structures, SQL tables, or API contracts first when they explain the rest of the change
    • Treat every visual view and subheading as optional. Choose and order them based on the change rather than a fixed template
    • It should be written as one human would write to another
    • Place a short description between visual views so the outline explains why the next shape matters and how it connects to the phase
    • Use a high-level file change tree when file ownership matters, and use focused views for key data structures, SQL tables, or API contracts when those shapes help explain the phase
    • Use diff 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
    • Use proper tree glyphs (├──, └──, and │), not ASCII substitutes
    • In diff blocks, start added and changed (~) lines with +, removed lines with -, and unchanged context lines with a space
    • Add short notes only where they help explain ownership or behavior
    • Keep the tree small enough to scan. Group related files under their shared directory and omit unchanged paths unless they give needed context
    • Break the work into logical phases
    • Each phase should be independently testable
    • Order phases vertically rather than horizontally - wire everything together in a testable way and then add functionality incrementally

Each 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:

  1. Build the schema
  2. Build the API
  3. Build the UI
  4. Add tests

That creates handoff problems and partially finished work.

A vertical slice cuts through the stack:

  1. User can create the simplest version of the thing end-to-end
  2. User can edit one field end-to-end
  3. User can see the first validation error end-to-end

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.

  1. For each phase, specify:

    • Overview of what's being built
    • A compact change outline that shows the relevant file tree, key data structures, SQL tables, API contracts, and tests at the level needed to understand the phase
    • Test changes if the research found testing patterns for the components being modified (e.g. show + foo.test.ts # covers the new behavior in the tree)
    • Validation approach - how we'll verify the phase works
  2. Create the Implementation Overview section:

    • Add a checkbox list of all phase titles at the top
    • Format: - [ ] Phase N: [Title]
    • These get checked off as phases complete during implementation

Output Document

  1. Read the structure outline template

Read({SKILLBASE}/references/structure_outline_template.md)

  1. Write the structure outline to .humanlayer/tasks/ENG-XXXX-description/NN-structure-outline-DESCRIPTION.md

    • First, find the task directory: ls -La .humanlayer/tasks | grep -i "eng-XXXX"
    • If the directory doesn't exist, create: .humanlayer/tasks/ENG-XXXX-description/
    • Format: NN-structure-outline-DESCRIPTION.md where NN is a zero-padded chronological index and DESCRIPTION is a 2-4 word kebab-case slug
    • Chronological indexing: ls -La the task directory, find the highest existing NN- prefix, and use the next number. First document = 01-, second = 02-, etc.
    • Directory naming:
      • With ticket: .humanlayer/tasks/ENG-1478-parent-child-tracking/04-structure-outline-parent-child-tracking.md
      • Without ticket: .humanlayer/tasks/improve-error-handling/04-structure-outline-error-handling.md
  2. Check whether you are already in a worktree:

Bash(git rev-parse --git-dir)
  1. Read the appropriate final output template:
<condition if="git-dir output contains '.git/worktrees/'">

Read({SKILLBASE}/references/structure_outline_final_answer_in_worktree.md)

<else>

Read({SKILLBASE}/references/structure_outline_final_answer.md)

</condition>

Never suggest setting up a worktree when you are already in one.

  1. Respond following the template exactly. Do not include a summary or other information. Include cloud permalinks if available.

Work with the user to iterate on the design

  1. If the user gives any input along the way:
    • DO NOT just accept the correction
    • Spawn new research tasks to verify the correct information
    • Read the specific files/directories they mention
    • Only proceed once you've verified the facts yourself
    • interpret ALL user feedback as instructions to update the document, not to begin implementation
    • Update the structure according to the user's feedback
<guidance> ## Cloud Permalinks

When you write or edit documents in .humanlayer/tasks/, a cloud permalink is automatically provided in the hook response.

  • The permalink appears as additionalContext after Write/Edit/MultiEdit/Read operations
  • Use this permalink in your final output for easy navigation
  • Example format: http(s)://{DOMAIN}/artifacts/{artifactId}

Markdown Formatting

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
```

Phase changes should be concise but clear

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.

Phase Validation Design

Each phase has a ### Validation section with two subsections:

  • #### Automated Verification: runnable commands (typecheck, tests, lint)
  • #### Manual Verification: steps requiring human judgment

Not 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.

Document Precedence

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>

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

agent-browser

無料概要あり

Webページの移動やフォーム入力、クリックをエージェントに任せ、情報抽出や画面保存、操作前後の比較まで行います。ブラウザ作業の自動化やWebアプリの確認に使えるスキル。

  • フォーム入力やクリックを自動化したいとき
  • Webページのテキスト抽出
  • ページのスクリーンショット・PDF保存
humanlayer/humanlayer1.2万2026年10月24日 更新

asd-ste100

無料概要あり

曖昧で読みにくい英文を、語の意味をそろえた短い能動態の文へ書き直すスキル。指示文やツール説明を見直し、修正理由と変更前後を表で確認できます。

  • 別のエージェントへの英文指示の明確化
  • 英語のツール説明やエラー文の簡素化
  • 英語を母語としない読者向けの文章整理
humanlayer/humanlayer1.2万2026年10月24日 更新

better-github-skill

無料概要あり

GitHubのPRの状態、レビューの会話、CI失敗のログを専用スクリプトで収集し、変更の確認状況や未解決の指摘、失敗したジョブとステップを調べるスキル。

  • PRの状態をまとめて確認したいとき
  • 未解決のレビューの会話の確認
  • CIの失敗ジョブとステップの調査
humanlayer/humanlayer1.2万2026年10月24日 更新

bump-version

無料概要あり

リリース時に対象パッケージの基準バージョンを更新し、関連ファイルの同期と生成結果を検証して、コミットからPRブランチへのプッシュまで進めるスキル。

  • リリース用のバージョンを更新したいとき
  • 関連ファイルのバージョン表記の同期
  • プッシュ前の生成バージョン検証
humanlayer/humanlayer1.2万2026年10月24日 更新

calldiff

無料概要あり

Git のコミット間や作業中のコードで、関数の呼び出し構造の違いを確認します。呼び出しツリーの表示や、指定した関数へ至る経路の調査にも使えます。

  • 変更前後の関数呼び出しを比較したいとき
  • ブランチ間の呼び出し構造レビュー
  • 起点から目的の関数への経路調査
humanlayer/humanlayer1.2万2026年10月24日 更新

chrome-devtools-cli

無料概要あり

ターミナルからブラウザのクリックや入力、ページ移動を自動化し、通信やエラー、表示速度も調べられる、Chrome DevToolsのCLI操作を支援するスキル。

  • フォーム入力やページ移動の自動化
  • ページや要素の画面撮影
  • 通信内容やコンソールエラーの調査
humanlayer/humanlayer1.2万2026年10月24日 更新

humanlayer のスキルをすべて見る

このスキルの問題を報告する