Agent Skills

安装 skill 以获得最佳效果

仅凭包名，智能体就能把基础部分做对。Skills 则会教给它们其余部分的最新 API，例如测试 fixture 和实时 manager。

如果你的应用已经有 @data-client 包，请链接它们附带的 skill，与其版本相匹配：

终端
npx --no data-client-skills

否则，安装 skill /data-client-setup：

Claude Code plugin
Cursor plugin
Codex plugin
Skills CLI
OpenSkills

终端
claude plugin marketplace add reactive/data-client
claude plugin install data-client@data-client

终端
codex plugin marketplace add reactive/data-client \
  --sparse .claude-plugin --sparse .agents/skills
codex plugin add data-client@data-client

终端
npx skills add reactive/data-client --skill data-client-setup

终端
npx openskills install reactive/data-client/.agents/skills/data-client-setup

然后在你的智能体聊天中运行它：

它会检测你的框架和 API 风格（REST、GraphQL、自定义），安装下面相应的 skill，接好 provider，并迁移现有的 endpoint。

预先安装所有 skill

如果你想现在就安装适用于你的框架的所有 skill，而不让智能体执行安装：

claude plugin marketplace add reactive/data-client
claude plugin install data-client@data-client

codex plugin marketplace add reactive/data-client \
  --sparse .claude-plugin --sparse .agents/skills
codex plugin add data-client@data-client

# after installing Data Client: links the skills its packages ship
npx --no data-client-skills

npx skills add reactive/data-client \
  --skill data-client \
  --skill data-client-setup \
  --skill data-client-manager \
  --skill data-client-schema \
  --skill data-client-v0.18-migration \
  --skill data-client-rest \
  --skill path-to-regexp-v8-migration \
  --skill data-client-vue \
  --skill data-client-vue-testing \
  --skill data-client-rest-setup \
  --skill data-client-graphql-setup \
  --skill data-client-endpoint-setup

npx openskills install reactive/data-client/.agents/skills/data-client
npx openskills install reactive/data-client/.agents/skills/data-client-setup
npx openskills install reactive/data-client/.agents/skills/data-client-manager
npx openskills install reactive/data-client/.agents/skills/data-client-schema
npx openskills install reactive/data-client/.agents/skills/data-client-v0.18-migration
npx openskills install reactive/data-client/.agents/skills/data-client-rest
npx openskills install reactive/data-client/.agents/skills/path-to-regexp-v8-migration
npx openskills install reactive/data-client/.agents/skills/data-client-vue
npx openskills install reactive/data-client/.agents/skills/data-client-vue-testing
npx openskills install reactive/data-client/.agents/skills/data-client-rest-setup
npx openskills install reactive/data-client/.agents/skills/data-client-graphql-setup
npx openskills install reactive/data-client/.agents/skills/data-client-endpoint-setup

Installed packages 标签页会把每个已安装的 @data-client/* 包附带的 skill 链接到 .agents/skills （.claude/skills 链接到它），Claude Code、Cursor 和 Codex 会从那里加载它们，并与该包的版本相匹配。请提交这些链接。它们会随升级更新，再次运行该命令会获取你新增或升级的包中的 skill。在 Windows 上，只有开启了开发者模式并设置了 git config core.symlinks true 时才提交这些链接；否则不要提交它们，并在安装后重新运行该命令。Claude Code、Cursor 和 Codex 插件用于设置尚未使用 Data Client 的应用。如果你使用 TanStack Intent，它会加载相同的包 skill。

可用的 skill

/data-client — 当你让智能体添加或使用 Data Client 时从这里开始，并将其引导到设置或该任务对应的 skill。
/data-client-setup — 根据你的框架和 API 风格安装并配置 Data Client，以及它所需的 skill。
/data-client-rest-setup — 设置 @data-client/rest 并迁移现有的 fetch/axios 客户端。
/data-client-endpoint-setup — 用 Endpoint 包装自定义异步函数，适用于非 REST、非 GraphQL 的工作流。
/data-client-graphql-setup — 为 GraphQL API 配置 @data-client/graphql 和 GQLEndpoint。
/data-client-schema — 设计 Entity、Collection、Union、Query 及相关 schema。
/data-client-rest — 用 resource()、RestEndpoint、 CRUD 方法和响应解析来定义 REST API。
/data-client-manager — 实现自定义 Manager，用于 websocket、SSE、轮询、订阅、日志和中间件。

/data-client-vue — 结合 DataClientPlugin 使用 useSuspense、useFetch、useQuery、useLive 及变更相关组合式函数，并通过浏览器工具（例如 Cursor 的浏览器、Chrome DevTools MCP 或 Playwright MCP）调试运行中的应用。
/data-client-vue-testing — 使用 renderDataCompose、 mountDataClient、fixture 和 nock 编写 Vue 测试。

在 skills.sh/reactive/data-client 浏览完整目录。

手动设置

若要自行安装包并添加 provider，请按照安装操作。

安装 skill 以获得最佳效果​

预先安装所有 skill​

可用的 skill​

手动设置​

安装 skill 以获得最佳效果

预先安装所有 skill

可用的 skill

手动设置