Agent Skills
ShipAny TanStack ships with built-in Claude Code skills under .claude/skills/. They are the primary development interface: each skill encodes the project's conventions (file layout, module pattern, i18n, schema reuse), so the agent produces code that fits the codebase on the first try.
Type the skill name in Claude Code to invoke it:
| Skill | What it does |
|---|---|
/quick-start | Build a complete SaaS project from a brief / reference URL / content source |
/clone-website | Pixel-perfect clone of any website, with parallel builder agents |
/deploy-cloudflare | One-command deploy to Cloudflare Workers (D1/Hyperdrive, migrations, secrets, admin) |
/new-page | Add a dashboard page (client component + API + nav entry) |
/new-static-page | Add a static MDX page (privacy, refund policy, about …) |
/new-module | Add a business module (service layer + API routes) |
/generate-image | Generate an AI image and save it under public/imgs/generated/ |
/security-scan | Pre-commit security audit of pending changes |
/sync-upstream | Port the latest upstream (shipany-next) changes into this TanStack repo |
/quick-start
Builds a whole project in one shot — see Quick Start for the three modes (reference + content / reference only / description only).
/quick-start Build WriteAI, an AI writing tool — design like jasper.ai/clone-website
Reverse-engineers one or more sites: extracts assets, CSS, and content section-by-section, writing auditable specs to docs/research/<hostname>/ while dispatching parallel builder agents in git worktrees. Optionally pass a content brief — the visual clone lands first, then the content is swapped.
/clone-website https://linear.app
/clone-website https://jasper.ai an AI cover-letter generator called CoverAI/deploy-cloudflare
Takes the project from local code to a live Cloudflare Workers deployment — D1 (or Postgres via Hyperdrive), schema migrations, RBAC seed, secrets, deploy, URL fixup, admin account. Idempotent: re-run it any time to ship the latest code. Full walkthrough on the Deploy page.
/deploy-cloudflare
/deploy-cloudflare --domain=app.example.com
/deploy-cloudflare --admin-email=admin@example.com --admin-password=secret/new-page
Adds a dashboard page following the project pattern: a route under src/routes/, data fetching against a module service via the typed API client, table/form components, and the sidebar nav entry.
/new-page a projects list page with create/edit/delete dialogs/new-static-page
Adds a static MDX content page per locale (src/content/pages/<slug>.{en,zh}.mdx) rendered with back-link and prose styling.
/new-static-page refund policy with a 30-day refund window/new-module
Adds a backend module following the ShipAny module pattern — checks whether the existing tables (e.g. generic post/taxonomy, config, credit) already cover the data before adding schema, then generates the service layer and API routes under src/routes/api/.
/new-module notifications — store per-user notifications, mark-as-read API/generate-image
Generates a decorative visual (hero, feature illustration, empty state, blog cover) via Pollinations.ai — free, no API key — and returns a ready-to-use URL like /imgs/generated/<file>.png.
/generate-image isometric illustration of a robot organizing files, soft purple palette/security-scan
Run before every commit: a deterministic scanner (secret patterns, forbidden files, .gitignore coverage) plus a manual diff review for injection vulnerabilities and auth/business-logic flaws.
/security-scan/sync-upstream
Ports the latest features from the upstream Next.js edition (shipany-ai/shipany-next) into this TanStack repo — a port-based sync, not a git merge: the shared business layer (src/modules/, src/core/) ports near-verbatim, framework-coupled code is adapted (next-intl → Paraglide, App Router → file routes).
/sync-upstream