メニュー
Start a live dev server on port 8080 so doable shows an instant preview iframe. Use this whenever you have a working frontend that the user should be able to see before the full deployment cycle completes.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Use when asked to document work, record decisions, create session records, write ADRs or RFCs, or update knowledge notes in ~/knowledge. Also use when confused about who a person is, what a company is, what situation the user is referring to, or any personal or professional context — read the vault before asking.
Use when creating or editing notes in an Obsidian vault, writing to ~/knowledge, or using Obsidian-specific syntax (wikilinks, callouts, embeds, frontmatter properties).
Use when reviewing any implementation. Replaces fixed spec+quality two-step with category-driven parallel specialists: an assessor picks relevant categories for the specific artifact, one specialist per category reviews in parallel, controller aggregates. Use after implementer completes a task in subagent-driven-development.
Use when dispatching work to background agents, defining custom subagents, or choosing between local agent dispatch and VM-based workers (claude-ctl).
Use when working with Kubernetes clusters, GitOps deployments, Flux reconciliation, Helm releases, or cluster troubleshooting. Guides declarative cluster management and GitOps workflows. Not for secrets encryption or SOPS operations — route those to secrets-management.
Use when sending a notification to ntfy from a homelab service, loop, or agent. Covers the canonical in-cluster publish pattern and the silent-failure trap of posting to the Authentik-gated public URL.
| name | preview |
| description | Start a live dev server on port 8080 so doable shows an instant preview iframe. Use this whenever you have a working frontend that the user should be able to see before the full deployment cycle completes. |
Use this skill when:
Starts your existing dev server on port 8080 with --host 0.0.0.0 so doable can proxy it through to the user's browser. The doable preview pane automatically activates when port 8080 responds.
Detect the framework and start appropriately:
Vite / SvelteKit / React (Vite):
cd /path/to/your/frontend
npx vite --host 0.0.0.0 --port 8080 &
echo "Preview started (PID $!)"
SvelteKit with adapter-node (production build):
cd /path/to/your/frontend
npm run build
PORT=8080 HOST=0.0.0.0 node build &
echo "Preview started (PID $!)"
Next.js:
cd /path/to/your/frontend
npx next dev --hostname 0.0.0.0 --port 8080 &
echo "Preview started (PID $!)"
Plain static files:
cd /path/to/your/dist-or-build
npx serve -l 8080 --no-clipboard &
echo "Preview started (PID $!)"
sleep 2 && curl -s -o /dev/null -w "%{http_code}" http://localhost:8080/
Expected: 200 (or 304). If you get 000 or connection refused, the server didn't start — check the background process output.
Once port 8080 is responding, tell the user:
"Preview is live — you should see it in the preview pane on the right."
--host 0.0.0.0 — without this the server only listens on localhost and doable can't reach it&) — it stays alive while Claude continues working