본문으로 건너뛰기
cccskills
무료GitHub에 공개

create-structure-outline

Turn completed research and design decisions into a phased implementation outline. Each phase connects the relevant parts of the system, shows key changes visually, and defines checks that can verify the work independently.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

원문원문 설명 보기

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

실행 점수 미검증

설치 방법 보기

이럴 때 유용합니다

  • Turn research and design decisions into an implementation outline
  • Split a large change into independently testable phases
  • Clarify file changes, data structures, and API contracts
  • Revise the outline after design feedback

포함된 파일(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 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Automate website navigation, form entry, and clicks through a browser command line tool. Extract page text, capture screenshots, and compare page states to check interactions or test web app behavior across screen sizes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Automate form entry and button clicks
  • Extract text from web pages
  • Save page screenshots and PDFs
humanlayer/humanlayer1.2만2026년 10월 24일 업데이트

Rewrite dense or ambiguous English into short, direct sentences using principles from ASD-STE100, a standard for clear technical English. It preserves facts and conditions, identifies writing issues, and shows the original and revised text side by side.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Clarifying English instructions for another agent
  • Simplifying English tool descriptions and error messages
  • Making English easier for non-native readers
humanlayer/humanlayer1.2만2026년 10월 24일 업데이트

Inspect GitHub pull requests, read review conversations, and investigate failed automated checks with dedicated scripts. Get consolidated status reports, unresolved discussion threads, and failing job or step logs, with full logs saved for further inspection.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Checking pull request status in one report
  • Reading unresolved review conversations
  • Investigating failed CI jobs and steps
humanlayer/humanlayer1.2만2026년 10월 24일 업데이트

Update release base versions for supported packages, keep matching version fields in sync, and verify generated versions. The workflow covers committing and pushing the changes, with guidance for release steps after merging.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Prepare a package version update for release
  • Synchronize version fields across related files
  • Verify generated versions before pushing
humanlayer/humanlayer1.2만2026년 10월 24일 업데이트

calldiff

무료

Compare function call structures across Git commits, branches, or working files to support code review. Display call trees and trace paths from an entry function to a target function, with support for 22 languages.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Compare function calls before and after a change
  • Review call structure changes between branches
  • Trace paths from an entry function to a target
humanlayer/humanlayer1.2만2026년 10월 24일 업데이트

Automate browser tasks from the terminal using the chrome-devtools-mcp CLI. Inspect page elements, click and fill forms, navigate tabs, capture screenshots, and investigate network requests, console messages, performance, and memory through shell commands.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Automating form input and page navigation
  • Capturing page or element screenshots
  • Investigating network requests and console errors
humanlayer/humanlayer1.2만2026년 10월 24일 업데이트

humanlayer의 스킬 모두 보기

이 스킬의 문제 신고