Agent Skills
ShipAny TanStack 在 .claude/skills/ 下内置了一组 Claude Code skills,它们是第一开发界面:每个 skill 都内置了项目自身的约定(目录结构、模块模式、国际化、schema 复用),让 agent 第一次就生成贴合代码库的代码。
在 Claude Code 中输入 skill 名即可调用:
| Skill | 作用 |
|---|---|
/quick-start | 从产品简介 / 参考站 URL / 内容来源一键构建完整 SaaS 项目 |
/clone-website | 像素级克隆任意网站,并行 builder agent 施工 |
/deploy-cloudflare | 一条命令部署 Cloudflare Workers(D1/Hyperdrive、迁移、密钥、管理员) |
/new-page | 新增 Dashboard 页面(客户端组件 + API + 导航入口) |
/new-static-page | 新增静态 MDX 页面(隐私政策、退款政策、关于……) |
/new-module | 新增业务模块(service 层 + API 路由) |
/generate-image | 生成 AI 图片并保存到 public/imgs/generated/ |
/security-scan | 提交前的安全审计 |
/sync-upstream | 把上游(shipany-next)最新更新移植到本 TanStack 仓库 |
/quick-start
一次性构建整个项目——三种模式(参考站+内容源 / 仅参考站 / 仅描述)见快速开始。
/quick-start 做一个 AI 写作工具叫 WriteAI,参考 jasper.ai 的网站风格/clone-website
逆向工程一个或多个网站:逐区块提取资源、CSS 与内容,把可审计的规格文档写入 docs/research/<hostname>/,同时在 git worktree 中并行派发 builder agent 施工。可附带内容简介——先完成像素级克隆,再替换文案。
/clone-website https://linear.app
/clone-website https://jasper.ai 一个 AI 求职信生成器,叫 CoverAI/deploy-cloudflare
把项目从本地代码发布到 Cloudflare Workers —— D1(或经 Hyperdrive 的 Postgres)、schema 迁移、RBAC 初始化、密钥、部署、URL 修正、管理员账号,全流程自动。幂等设计:随时重跑即发布最新代码。完整流程见部署。
/deploy-cloudflare
/deploy-cloudflare --domain=app.example.com
/deploy-cloudflare --admin-email=admin@example.com --admin-password=secret/new-page
按项目模式新增 Dashboard 页面:src/routes/ 下的路由、经类型化 API client 调用模块 service 的数据请求、表格/表单组件,以及侧边栏导航入口。
/new-page 一个项目列表页,带新建/编辑/删除弹窗/new-static-page
按语言新增静态 MDX 内容页(src/content/pages/<slug>.{en,zh}.mdx),自动带返回链接和 prose 排版。
/new-static-page 退款政策,30 天无理由退款/new-module
按 ShipAny 模块模式新增后端模块——先检查现有表(如通用的 post/taxonomy、config、credit)能否复用,再决定是否新增 schema,然后生成 service 层与 src/routes/api/ 下的 API 路由。
/new-module notifications —— 存储用户通知,提供已读标记 API/generate-image
通过 Pollinations.ai(免费、无需 API Key)生成装饰性视觉素材(Hero 图、功能插图、空状态、博客封面),返回可直接使用的 URL,如 /imgs/generated/<file>.png。
/generate-image 等距风格插画,一个机器人在整理文件,柔和紫色调/security-scan
每次提交前运行:确定性扫描(密钥泄露、违禁文件、.gitignore 覆盖检查)+ 人工 diff 审查(注入漏洞、鉴权与业务逻辑缺陷)。
/security-scan/sync-upstream
把上游 Next.js 版(shipany-ai/shipany-next)的最新特性移植到本 TanStack 仓库——基于移植而非 git merge:共享业务层(src/modules/、src/core/)近乎原样移植,框架耦合代码会被适配(next-intl → Paraglide、App Router → 文件路由)。
/sync-upstream