菜单
Claude Code Cloud session only — start the dev server + reverse tunnel and report the public phone-preview URL
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
HTTP API reference for the /api/* endpoints — generate-image, verify-access-code, verify-key, report, and the admin bearer-session endpoints, plus the CORS, rate-limiting, and auth model. Use before adding, changing, or calling any /api endpoint.
Inventory and evaluate every third-party dependency — who publishes it, its license, stars, release cadence, maintenance health, abandonment risk, and whether to keep or replace it — written to docs/DEPENDENCIES.md. Use when asked to inventory or catalog dependencies, assess dependency health or provenance, review maintenance/abandonment risk, find dependencies worth replacing, or produce an SBOM-style dependency review. It analyzes dependencies but never upgrades them — to apply version updates use dependency-update-audit instead.
Audit package.json dependencies for updates (incl. majors), then upgrade them one at a time — read the migration guide, fix all usage, verify, and commit each on its own
Splotch tech stack, file-by-file source map of web/src/, route table, and the canonical UI element glossary. Use when navigating unfamiliar parts of the codebase, deciding where new code belongs, or needing the proper name of a UI element.
Capacitor native app guide — Android/iOS toolchain setup (macOS + Linux), build/sign/run commands, on-device testing, Chrome remote profiling, and the store release & kids-compliance checklists. Use before touching anything Android, iOS, or Capacitor related.
Capture and read an automated performance profile of the drawing app (web, Android, iOS). Use when measuring drawing/canvas performance, investigating jank or a slow interaction, verifying a perf change, or checking for regressions over time. Covers the `npm run perf:*` harness, how to read report.md/summary.json, and the bottleneck decision guide.
| name | cloud-preview |
| description | Claude Code Cloud session only — start the dev server + reverse tunnel and report the public phone-preview URL |
Start the live phone-preview tunnel for this Claude Code Cloud session (ADR-0021,
docs/CLOUD/Claude.md). This is only for cloud sessions — on localhost there are simpler ways to
view the app, so don't use this there.
npm run dev:tunnel is a long-running process: it starts vite dev on localhost:5173, brings
up the chisel reverse tunnel to the Fly relay, waits for the public URL to answer 200, prints it,
and then holds open until stopped.
Do this:
npm run dev:tunnel in the background — do not wait for it to exit.➜ Live: https://…) or a failure (✗ …, e.g.
TUNNEL_AUTH is not set).TUNNEL_AUTH in the cloud env config — see
.claude/cloud/environment.example).Notes:
/api/* serverless functions. Those need npm run dev:netlify
(which the tunnel script does not use).