OthmanAdi

Plan Render — Development skill for Claude Code

Development community

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

Terminal

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_ID env var → .planning//plan.html
.planning/.active_plan file → .planning//plan.html
Legacy ./plan.html

On Linux: uses `xdg-open` or `wslview`.

Alternatives in Development

Portaljs Add Map — Render a GeoJSON dataset on an interactive Leaflet map in the Views section of a dataset's showcase 2.3k ★
Travel Plan Viz — Migo · 旅行领航 —— 把旅行行程生成为单文件、可离线、手机优先的 HTML（交互地图+每日时间轴+出发前提醒） 347 ★
Update Scaffold — Check for and apply myPKA scaffold framework updates safely 296 ★