Htmlvspec
disler/pi-agent-observability
Creates a visual engineering implementation plan as a single self-contained HTML page saved to specs/<name.html — the plan authored directly in styled HTML, with one AI-generated diagram image per…
A guided workflow for non-technical contributors (designers, PMs) to describe a feature idea and produce a detailed technical implementation plan for an engineer.
Install Feature Planner
$ npx skills add coinbase/cds --skill feature-planner -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install coinbase/cds feature-planner --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/coinbase/cds.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/feature-planner .claude/skills/feature-planner && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "feature-planner" agent skill from https://github.com/coinbase/cds/tree/master/.claude/skills/feature-planner into .claude/skills/feature-planner/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "feature-planner", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/coinbase/cds/tree/master/.claude/skills/feature-plannerType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add coinbase/cds --skill feature-planner -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install coinbase/cds feature-planner --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/coinbase/cds.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/feature-planner .agents/skills/feature-planner && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "feature-planner" agent skill from https://github.com/coinbase/cds/tree/master/.claude/skills/feature-planner into .agents/skills/feature-planner/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "feature-planner", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add coinbase/cds --skill feature-planner -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install coinbase/cds feature-planner --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/coinbase/cds.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/feature-planner .cursor/skills/feature-planner && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "feature-planner" agent skill from https://github.com/coinbase/cds/tree/master/.claude/skills/feature-planner into .cursor/skills/feature-planner/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "feature-planner", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/coinbase/cds.git --path .claude/skills/feature-planner--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add coinbase/cds --skill feature-planner -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install coinbase/cds feature-planner --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/coinbase/cds.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/feature-planner .gemini/skills/feature-planner && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "feature-planner" agent skill from https://github.com/coinbase/cds/tree/master/.claude/skills/feature-planner into .gemini/skills/feature-planner/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "feature-planner", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install coinbase/cds feature-plannerInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add coinbase/cds --skill feature-planner -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/coinbase/cds.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/feature-planner .github/skills/feature-planner && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "feature-planner" agent skill from https://github.com/coinbase/cds/tree/master/.claude/skills/feature-planner into .github/skills/feature-planner/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "feature-planner", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add coinbase/cds --skill feature-planner -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install coinbase/cds feature-planner --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/coinbase/cds.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/feature-planner .opencode/skills/feature-planner && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "feature-planner" agent skill from https://github.com/coinbase/cds/tree/master/.claude/skills/feature-planner into .opencode/skills/feature-planner/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "feature-planner", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
feature-planner- GitHub stars
- 506
- Token cost
- ~2.6k tokens
- SKILL.md length
- 1,579 words
- Files
- 2
- Skills in repo
- 11
- Repo updated
- First seen
- Licence
- Custom licence
At a glance
A guided workflow for non-technical contributors (designers, PMs) to describe a feature idea and produce a detailed technical implementation plan for an engineer.
- Works in 2 steps: Discovery → Technical Planning
- Tasks that involve Planning
- SKILL.md covers Phase 1: Discovery, Phase 2: Technical Planning and Important guidelines
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Feature Planner is an agent skill from coinbase/cds. A guided workflow for non-technical contributors (designers, PMs) to describe a feature idea and produce a detailed technical implementation plan for an engineer. Invoke manually with /feature-planner.
Its SKILL.md is about 2.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `evals/evals.json`).
It sits in Agent Workflows, covering Planning. The repository describes itself as: Coinbase Design System.
When your agent uses it
- Tasks that involve Planning
Example prompts
- “/feature-planner”
Workflow steps
2 steps, taken from the step headings in SKILL.md.
- Discovery
- Technical Planning
What it can do on your machine
Read from SKILL.md and the folder at commit 46d9e48. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Feature Planner loads about 2.6k tokens when it runs. Until then it costs about 54 tokens; SKILL.md has 1,579 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 1,579 words (~2,576 tokens).
“You are helping a non-technical contributor — most likely a designer — turn a feature idea into a detailed implementation plan that an engineer can pick up and build from.”
- name
- feature-planner
- disable-model-invocation
- true
Files
SKILL.md and 1 other file in .claude/skills/feature-planner of coinbase/cds.
- SKILL.md
- evals/evals.json
Open the folder on GitHubat commit 46d9e48
Compare with similar skills
Feature Planner next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Feature Planner this skillcoinbase/cds | 506 | — | ~2.6k | Automated safety check: Pass | Custom licence | |
| Htmlvspecdisler/pi-agent-observability | 145 | — | ~4.7k | Automated safety check: Notes | MIT | |
| Htmlspecdisler/pi-agent-observability | 145 | — | ~3k | Automated safety check: Pass | MIT | |
| Plan Design Reviewgarrytan/gstack | 136k | — | ~21k | Automated safety check: Warn | MIT | |
| Task Planningdxos/dxos | 525 | — | ~2.5k | Automated safety check: Pass | Custom licence | |
| Matlab Build Appmatlab/matlab-agentic-toolkit | 1.1k | — | ~5.3k | Automated safety check: Notes | Custom licence |
Similar skills
Htmlspec
disler/pi-agent-observability
Creates a text-only engineering implementation plan as a single self-contained HTML page saved to specs/<name.html — the plan authored directly in styled HTML plus a freeform HTML zone where the…
Plan Design Review
garrytan/gstack
Designer's eye plan review — interactive, like CEO and Eng review.
Task Planning
dxos/dxos
A skill your agent uses when work spans multiple steps, phases, or sessions, when resuming a task started earlier, when the user asks for a plan/roadmap/progress tracking, or when they use the…
Matlab Build App
matlab/matlab-agentic-toolkit
Build MATLAB apps from requirements to working code. An agent skill from matlab/matlab-agentic-toolkit.
Executing Plans Inline
obra/superpowers
Has the agent carry out an implementation plan itself, task by task in the current session, keeping a ledger, proving each step with a test and ending with one whole-branch review.
More from coinbase/cds
All 11 skills in this repoCds Migrator Transform
coinbase/cds
A skill your agent uses when a CDS change in cds-web, cds-common, cds-mobile, web-visualization, or mobile-visualization needs a jscodeshift migration in packages/migrator to update callers or…
Deprecate Cds API
coinbase/cds
Deprecates a CDS component, hook, or other exported symbol with consistent JSDoc, version tags, and docsite metadata across every public export path (web, mobile, common, visualization), not only…
Swiftui Best Practices
coinbase/cds
USE THIS when migrating a CDS React Native component to native iOS, or when writing or reviewing SwiftUI in packages/cds-ios or apps/ios-gallery.
Jetpack Best Practices
coinbase/cds
USE THIS when writing or reviewing Jetpack Compose / Kotlin code in packages/cds-android or apps/android-app - @Composable APIs, Modifier parameters, CompositionLocal, state hoisting, or naming.
Cds Design To Code
coinbase/cds
Turn Figma designs into CDS React (cds-web) or React Native (cds-mobile) code.
Cds Docs
coinbase/cds
Retrieve Coinbase Design System (CDS) documentation: setup, installation, theming, tokens, and per-component APIs/examples.
Related
Categories
Questions about Feature Planner
What does Feature Planner do?
A guided workflow for non-technical contributors (designers, PMs) to describe a feature idea and produce a detailed technical implementation plan for an engineer. Feature Planner is an agent skill from coinbase/cds. A guided workflow for non-technical contributors (designers, PMs) to describe a feature idea and produce a detailed technical implementation plan for an engineer.
When should I use Feature Planner?
Feature Planner fits situations like: tasks that involve Planning.
How do I install Feature Planner in Claude Code?
Run `npx skills add coinbase/cds --skill feature-planner -a claude-code`. Or copy the skill folder (.claude/skills/feature-planner in coinbase/cds) into .claude/skills/feature-planner in your project. Claude Code loads it when a task matches its description.
How do I install Feature Planner in Codex?
Run `npx skills add coinbase/cds --skill feature-planner -a codex`. Or copy the skill folder (.claude/skills/feature-planner in coinbase/cds) into .agents/skills/feature-planner in your project. Codex loads it when a task matches its description.
Can I use Feature Planner in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add coinbase/cds --skill feature-planner -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/feature-planner, .gemini/skills/feature-planner, .github/skills/feature-planner and .opencode/skills/feature-planner in your project.
What does Feature Planner need to run?
SKILL.md names no scripts, command-line tools or credentials: Feature Planner is instructions for the agent only.
Does Feature Planner access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Feature Planner safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Feature Planner use?
Feature Planner has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.
How many tokens does Feature Planner use?
About 2.6k tokens (SKILL.md is roughly 10k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Feature Planner?
Skills that share tags, products or a category with Feature Planner: Htmlvspec (disler/pi-agent-observability, 145 stars), Htmlspec (disler/pi-agent-observability, 145 stars), Plan Design Review (garrytan/gstack, 136k stars) and Task Planning (dxos/dxos, 525 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Feature Planner?
coinbase (a GitHub organization) maintains it in coinbase/cds, which has 506 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on October 6, 2026.
Source: coinbase/cds on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.