메뉴
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