القائمة
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).