skills/feature-plan/SKILL.md
Create detailed implementation plans for features. Asks clarifying questions, suggests solutions, proposes architecture, and outputs a structured plan document. Use when user wants to plan a feature before coding.
npx skillsauth add Weaverse/.agents feature-planInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Create a comprehensive implementation plan for $ARGUMENTS. This skill helps transform vague requirements into actionable, detailed plans before any code is written.
First, analyze the provided requirements and identify:
Use AskUserQuestion to clarify ALL unclear points before proceeding. Group related questions together. Examples:
Do NOT proceed until you have enough clarity to propose solutions.
Before suggesting solutions, explore the existing codebase to understand:
Present 2-3 distinct approaches with trade-offs:
## Proposed Solutions
### Option A: [Name]
**Approach**: Brief description
**Pros**: List benefits
**Cons**: List drawbacks
**Best for**: When this option is ideal
### Option B: [Name]
**Approach**: Brief description
**Pros**: List benefits
**Cons**: List drawbacks
**Best for**: When this option is ideal
Use AskUserQuestion to let the user pick their preferred approach. Include a recommendation if one option is clearly better for their context.
Ask the user for any helpful resources:
After user confirms the approach, create the full plan document.
Save the plan to .plans/<index>--<plan-name>--<date>.md
Naming rules:
<index>: 3-digit sequential number (001, 002, etc.) - check existing files in .plans/<plan-name>: kebab-case summary (e.g., user-authentication-flow, product-gallery-redesign)<date>: Format MM-DD-YYYYDocument structure:
# [Plan Title]
> **Created**: [Date]
> **Status**: Draft | Ready | In Progress | Completed
---
## Original Prompt
[Paste the exact user input/requirements here]
---
## Summary
[2-3 sentence overview of what this plan covers]
---
## Requirements
### Functional Requirements
- [ ] FR1: Description
- [ ] FR2: Description
### Non-Functional Requirements
- [ ] NFR1: Performance, security, accessibility, etc.
### Out of Scope
- Item 1 (explicitly excluded)
---
## Technical Approach
### Solution Overview
[Describe the chosen approach in 1-2 paragraphs]
### Architecture Diagram (if applicable)
[ASCII diagram or description of component relationships]
---
## Implementation Structure
### Files to Create
| File | Purpose |
|------|---------|
| `path/to/file.ts` | Description |
### Files to Modify
| File | Changes |
|------|---------|
| `path/to/existing.ts` | What changes |
### Folder Structure
```plaintext
src/
├── features/
│ └── [feature-name]/
│ ├── components/
│ ├── hooks/
│ ├── utils/
│ ├── types.ts
│ └── index.ts
.plans/ folder with proper naming.plans/ folder for existing files to determine the next index.plans/ folder if it doesn't existdevelopment
Capture current work context for handoff to another agent/developer. Gathers git state, todos, and modified files into a structured handoff document saved to the related spec folder.
development
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
development
Instrument web/web-app code with structured debug logging via a global variable (window.__debug_logs). Produces a clean JSON timeline for reproducing and diagnosing bugs. Use when user wants to debug a feature or track down a bug.
tools
Commit changes with well-crafted messages, grouping related files into separate commits