Individual skill
visual-plan
Turn ordinary text plans into rich interactive visual plans with diagrams, file maps, annotated code, open questions, and UI/prototype review when useful.
templates/plan/.agents/skills/visual-plan/SKILL.md
Source commit ff01b4009091c2140edb34d6f790ec64e7823356
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Network or broad shell
- Last checked
- Nov 2, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 7,645
- Repository last updated
- Nov 7, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- agents Repository topic
- ai Repository topic
- react Repository topic
- agent-native Repository topic
- typescript Repository topic
- agent-framework Repository topic
- agentic-ai Repository topic
- ai-agents Repository topic
- framework Repository topic
- generative-ui Repository topic
- design Derived category
- design-interface Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesSKILL.mdcore · 32,771 bytesreferences/canvas.mddoc · 9,388 bytesreferences/connection.mddoc · 2,980 bytesreferences/document-quality.mddoc · 12,638 bytesreferences/exemplar.mddoc · 4,028 bytesreferences/local-files.mddoc · 6,509 bytesreferences/wireframe.mddoc · 19,471 bytes
Read excerpt
# Agent-Native Plans
Agent-Native Plans is structured visual planning mode for coding agents. Build
the plan you would normally write in Markdown, but as a scannable document with
editable blocks mixed in: inline diagrams, code snippets,
open questions, and an optional top visual review area (wireframe canvas, live
prototype, or both in tabs). Architecture and backend plans stay document-only;
UI and product plans start with the top canvas/prototype (the Visual Surface
Choice section owns that rule).
`/visual-plan` is the packaged command and main entry point. Choose the review
mode from the task: UI-first when the work is primarily product UI and review
should start with screens, prototype-first when review should start with a
functional live prototype, design-first when review needs full-fidelity branded