Plan Render — Development skill for Claude Code
Open the active plan.html in the default browser.
How to install Plan Render
Installs to ~/.claude/skills/othmanadi-plan-it-plan-render/SKILL.md
mkdir -p ~/.claude/skills/othmanadi-plan-it-plan-render && curl -fsSL https://raw.githubusercontent.com/OthmanAdi/plan-it/HEAD/commands/plan-render.md -o ~/.claude/skills/othmanadi-plan-it-plan-render/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Plan Render does
description: Open the active plan.html in the default browser.
/plan-render
Open `plan.html` (or `.planning//plan.html`) in your default browser.
Usage
/plan-render
Behavior
The skill calls `scripts/render-plan.sh` (or `.ps1` on Windows). It resolves the active plan via:
PLAN_IDenv var →.planning//plan.html .planning/.active_planfile →.planning//plan.html- Legacy
./plan.html
On Linux: uses `xdg-open` or `wslview`.
Alternatives in Development
- Update Scaffold — Check for and apply myPKA scaffold framework updates safely 296 ★
- Open Claude In Chrome — Claude in Chrome, reverse-engineered and open-source 199 ★
- Comma — Best free & open source personal agent 172 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Browser Render
Render HTML/SVG to a PNG/PDF image without flashing the screen.
Open It
Open the most recently created file in the best app for it (HTML/PDF → Chrome, video/audio → Media Player Clas
Generate Web Diagram
Generate a beautiful standalone HTML diagram and open it in the browser
Kasiopa Home Plans
Open-source Claude skill that turns a description, photo or hand sketch of a home into a 2D floor plan with al
Discover List Vaults
List all configured Obsidian vaults — active (online/latency/metadata) and disabled (skipped). (Skill discover
Product Teardown Skill
Principal-PM-level product-teardown skill — reverse-engineer any product as a system and render a bilingual (E
Related Agents
Browser Scout Sonnet
Default browser tier. Read-only work in the user's real Chrome — open a ticket, a chat channel, a dashboard or
Visual Planner
Renders a plan suite into visual.html — the human review-and-approval surface. Spawned by /blueprint after pla
World Render Reviewer
Tiered visual/geometric quality review of a rendered world state — Tier 0 pure-data scoring by default, escala