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

plan-mode

Plan complex coding changes by exploring existing code, clarifying requirements, and tracing effects across the system. Produce a PLAN.md with recommended changes, affected files, and verification steps, then implement after the user approves.

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

원문원문 설명 보기

Holistic, system-aware planning before implementing non-trivial tasks. Use when the task involves new features, architectural decisions, multi-file changes, unclear requirements, or multiple valid approaches. Triggers on "/plan", "plan this", "design an approach", "let's plan first".

설치 방법 보기

이럴 때 유용합니다

  • Planning a feature that spans multiple files
  • Comparing architectural approaches
  • Clarifying requirements before coding
  • Documenting change impact and verification steps

포함된 파일(1)

  • SKILL.md7.0 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

For non-trivial implementation tasks, plan before you code. Treat every change as a system change, not an isolated patch. Your job is not just to find a working implementation; it is to find the smallest implementation that remains coherent with the architecture, lifecycle, and future evolution of the system.

Planning Doctrine

  • Think broadly, implement narrowly. Analyze the surrounding system before deciding where the change belongs.
  • Every change has system implications. Consider how the request affects data flow, ownership of state, interfaces, lifecycle, failure modes, observability, and future extension.
  • Prefer authoritative, derivable designs. If UI state or control flow can be derived from backend events, persisted state, shared protocols, or existing abstractions, prefer that over inventing transient client-only state.
  • Choose the smallest coherent solution. Do not default to the smallest local patch if it distorts the architecture or adds hidden follow-on complexity.
  • Expand scope only when it simplifies the system. Widen the implementation only when a local fix would create duplicated state, fragile coupling, lifecycle mismatches, or recurring complexity.
  • Do not gold-plate. Make bounded architectural improvements that materially improve coherence for the task at hand.

Plan File

Write your plan to a PLAN.md file in the project root. Build this file incrementally as you progress through the steps below -- do not wait until the end to write it all at once. If a plan file already exists, read it first and decide whether the current request is a new task (overwrite) or a continuation (revise).

Step 1: Explore

Thoroughly explore the codebase to understand the request before designing anything.

  • Read the relevant files and understand existing patterns, architecture, and conventions.
  • Trace the end-to-end flow, not just the local implementation point.
  • Identify the current source of truth, state ownership, boundaries between subsystems, and any existing invariants.
  • Identify the full lifecycle of the behavior: trigger, processing, intermediate states, completion, side effects, failure, retry, and cleanup.
  • Search for similar features and prior art in the codebase.
  • Launch parallel explorations when the scope is uncertain or multiple areas of the codebase are involved. Give each exploration a specific, distinct search focus (e.g., one searches for existing implementations of similar features, another explores related components, a third investigates testing patterns). Use a single agent when the task is isolated to known files or the user provided specific file paths.
  • Do not start implementing yet.

Step 2: Clarify

Ask the user questions to resolve ambiguities before committing to an approach. This may cover technical implementation, desired system behavior, UI/UX, performance, edge cases, ownership of state, failure handling, or tradeoffs. You may ask multiple rounds, reading more code in between. Do not make large assumptions about user intent.

Step 3: Design

Based on exploration and user input, design a concrete implementation approach:

  • Provide comprehensive background context including filenames, code path traces, and the surrounding system behavior discovered in Step 1.
  • Treat the request as a system modification, not just a local diff.
  • Explicitly consider both:
    • The most direct implementation
    • The most system-coherent implementation
  • Choose the direct implementation only if it does not introduce architectural distortion, duplicated state, fragile coupling, lifecycle mismatches, or hidden follow-on complexity.
  • Prefer the smallest holistic solution: think broadly about implications, then keep the implementation as narrow as possible while preserving coherence.
  • For complex tasks, consider multiple perspectives to arrive at the best approach:
    • New feature: simplicity vs performance vs maintainability
    • Bug fix: root cause fix vs workaround vs prevention
    • Refactoring: minimal change vs clean architecture
  • For tasks that touch multiple parts of the codebase, involve large refactors, or have many edge cases, explore different approaches in parallel before converging on a recommendation.

Before finalizing the design, explicitly answer these questions:

  1. What part of the system is actually changing?
  2. What is the source of truth before and after this change?
  3. What new state, transitions, or invariants does this introduce?
  4. What other components, flows, or interfaces now depend on this decision?
  5. Does this create duplicated logic or state anywhere?
  6. Is there a more system-coherent place to implement this?
  7. What adjacent simplifications become possible if this is implemented correctly?
  8. What is the smallest solution that keeps the system coherent?

Step 4: Review

Before finalizing, review your design against the original request:

  1. Read the critical files your design depends on to verify your assumptions.
  2. Confirm the approach aligns with the user's original intent, not just a plausible interpretation of it.
  3. Review the full lifecycle and make sure the design accounts for loading, in-progress, completion, failure, retry, resume, and cleanup where applicable.
  4. Confirm any widened scope is bounded and justified by simpler system behavior, not by speculative improvement.
  5. Ask remaining clarifying questions if anything is still ambiguous.

Step 5: Present the Plan

Write the final plan to the plan file. The plan should be:

  • Concise enough to scan quickly, detailed enough to execute. Include only your recommended approach, not all alternatives.
  • Specific about files. List the paths of critical files to be modified and what changes in each.
  • Explicit about system impact. Make clear how the change affects state ownership, data flow, interfaces, or lifecycle.
  • Verifiable. Include how to test the changes end-to-end.

Structure:

Summary: 1-2 sentences on the task and chosen approach

Context: Key findings from exploration -- existing patterns, relevant files, constraints

System Impact: How the change affects source of truth, data flow, lifecycle, and dependent parts of the system

Approach: High-level design decision and why

Changes:
- `path/to/file.ts` - what changes and why
- `path/to/other.ts` - what changes and why

Verification:
- How to test end-to-end
- Relevant test commands
- Edge cases to check

Present the plan to the user and wait for approval. If the user has feedback, revise accordingly.

Step 6: Implement and Verify

Once approved:

  1. Implement the plan, tracking progress against each item.
  2. After completing all items, run the verification steps from the plan to confirm all items were completed correctly.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

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

같은 저장소의 스킬

Automates website navigation, form entry, and information extraction through browser commands. Helps test web applications, reuse saved login state, and capture screenshots, PDFs, or recordings of browser workflows for inspection and documentation.

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

  • Filling and submitting web forms
  • Testing web application behavior
  • Extracting text and links from pages
vercel-labs/open-agents5.9천2026년 8월 29일 업데이트

ai-sdk

무료

Add AI chat, text generation, and agents to applications using AI SDK. The skill checks documentation and source code to guide streaming replies, external tool calls, structured results, React integration, and fixes for outdated API usage.

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

  • Add AI chat to an application
  • Build an agent that calls external tools
  • Build answers using retrieved documents
vercel-labs/open-agents5.9천2026년 8월 29일 업데이트

Build and review Tailwind CSS interfaces against consistent rules for typography, accessibility, layout, and animation. Get specific code fixes for violations, including keyboard interactions, loading states, error placement, and motion timing.

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

  • Reviewing UI components for accessibility
  • Keeping Tailwind CSS styling consistent
  • Checking animation timing and performance
vercel-labs/open-agents5.9천2026년 8월 29일 업데이트

chat-sdk

무료

Build chat bots for multiple platforms using shared TypeScript logic with Chat SDK. The skill guides message handling, interactive cards, webhook connections, streamed AI replies, and adapters that connect platforms or store conversation state.

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

  • Build a bot for Slack and Teams
  • Respond to mentions and direct messages
  • Add approval buttons to message cards
vercel-labs/open-agents5.9천2026년 8월 29일 업데이트

Review uncommitted changes, commits, branch differences, or pull requests in context. Identify bugs and concrete security weaknesses, explain when each issue occurs and how serious it is, and provide actionable feedback grounded in the surrounding code.

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

  • Reviewing uncommitted changes before a commit
  • Checking a specific commit or branch difference
  • Reviewing a pull request before merging
vercel-labs/open-agents5.9천2026년 8월 29일 업데이트

Guides deployment of Open Harness on Vercel, from collecting credentials and setting environment variables to checking the first session. Separates a basic setup from a fuller setup with GitHub repository access.

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

  • Deploying a personal copy of Open Harness
  • Identifying credentials needed for a basic deployment
  • Adding GitHub repository access
vercel-labs/open-agents5.9천2026년 8월 29일 업데이트

vercel-labs의 스킬 모두 보기

이 스킬의 문제 신고