Skip to content

docs: add agent-skills guide and SEO frontmatter#464

Merged
AlemTuzlak merged 1 commit intomainfrom
docs/agent-skills-guide-and-seo
Apr 17, 2026
Merged

docs: add agent-skills guide and SEO frontmatter#464
AlemTuzlak merged 1 commit intomainfrom
docs/agent-skills-guide-and-seo

Conversation

@AlemTuzlak
Copy link
Copy Markdown
Contributor

@AlemTuzlak AlemTuzlak commented Apr 17, 2026

Summary

  • Add a new Agent Skills (TanStack Intent) guide under Getting Started that walks users through running npx @tanstack/intent@latest install to wire the Agent Skills bundled in @tanstack/ai and @tanstack/ai-code-mode into Claude Code, Cursor, GitHub Copilot, and other AI coding assistants. Registered in docs/config.json.
  • Added a disambiguation callout at the top of docs/code-mode/code-mode-with-skills.md so readers who land there looking for agent-authoring skills (vs. runtime Code Mode skills) are routed to the new guide.
  • Added description and keywords frontmatter to all 64 hand-authored docs for search-engine discoverability. Auto-generated TypeDoc reference pages under docs/reference/ are deliberately untouched — they would be overwritten on the next regeneration.

Companion PR: TanStack/tanstack.com#834 wires the new description / keywords frontmatter into <meta name="description"> and <meta name="keywords">. Until that lands, the extra YAML here is harmless no-op metadata.

Test plan

  • Preview the new getting-started/agent-skills.md page on the docs site
  • Confirm the Agent Skills (TanStack Intent) entry shows up under Getting Started in the sidebar
  • Confirm the disambiguation callout on Code Mode with Skills links correctly
  • Spot-check a handful of updated pages to confirm frontmatter is valid YAML and the rendered page is unchanged
  • After tanstack.com#834 lands, verify <meta name="description"> and <meta name="keywords"> reflect the frontmatter on a sample page

Add a new getting-started/agent-skills.md guide explaining how to use
@tanstack/intent install to wire the bundled Agent Skills from
@tanstack/ai and @tanstack/ai-code-mode into Claude Code, Cursor,
GitHub Copilot, and other AI coding assistants, register it in
docs/config.json, and add a disambiguation callout on
code-mode-with-skills.md so readers searching for "skills" land on the
correct page.

Add description and keywords frontmatter to all 64 hand-authored docs
for search-engine discoverability. Auto-generated TypeDoc reference
pages under docs/reference/ are left untouched since they would be
overwritten on the next regeneration.

A follow-up PR on tanstack.com will wire these fields into the document
head.
@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented Apr 17, 2026

📝 Walkthrough

Walkthrough

This pull request adds frontmatter metadata (description and keywords fields) to approximately 50 documentation files across multiple sections of the docs, improving discoverability and SEO. Additionally, a new "Agent Skills (TanStack Intent)" documentation page is introduced, along with a navigation config update and a clarifying note about Code Mode skills.

Changes

Cohort / File(s) Summary
Adapter Documentation
docs/adapters/anthropic.md, docs/adapters/elevenlabs.md, docs/adapters/fal.md, docs/adapters/gemini.md, docs/adapters/grok.md, docs/adapters/groq.md, docs/adapters/ollama.md, docs/adapters/openai.md, docs/adapters/openrouter.md
Added frontmatter metadata (description and keywords) for each adapter, highlighting supported models, capabilities, and relevant provider terms.
Advanced Features Documentation
docs/advanced/extend-adapter.md, docs/advanced/middleware.md, docs/advanced/multimodal-content.md, docs/advanced/observability.md, docs/advanced/per-model-type-safety.md, docs/advanced/runtime-adapter-switching.md, docs/advanced/tree-shaking.md
Added frontmatter metadata covering advanced features like middleware lifecycle hooks, type safety, multimodal content handling, and optimization techniques.
API Reference Documentation
docs/api/ai.md, docs/api/ai-client.md, docs/api/ai-preact.md, docs/api/ai-react.md, docs/api/ai-solid.md, docs/api/ai-svelte.md, docs/api/ai-vue.md
Added frontmatter metadata describing each API package, framework integrations (React/Vue/Svelte/SolidJS/Preact), and key exports.
Architecture & Chat Documentation
docs/architecture/approval-flow-processing.md, docs/chat/agentic-cycle.md, docs/chat/connection-adapters.md, docs/chat/streaming.md, docs/chat/structured-outputs.md, docs/chat/thinking-content.md
Added frontmatter metadata for architecture patterns, streaming protocols, structured outputs, and agentic workflows.
Code Mode Documentation
docs/code-mode/code-mode.md, docs/code-mode/client-integration.md, docs/code-mode/code-mode-isolates.md, docs/code-mode/code-mode-with-skills.md
Added frontmatter metadata for Code Mode features; code-mode-with-skills.md also includes a clarifying blockquote note distinguishing Code Mode skills from Agent Skills, with a link to relevant documentation.
Community Adapters Documentation
docs/community-adapters/guide.md, docs/community-adapters/cencori.md, docs/community-adapters/cloudflare.md, docs/community-adapters/decart.md, docs/community-adapters/mynth.md, docs/community-adapters/soniox.md
Added frontmatter metadata describing community-contributed adapters, their capabilities (e.g., multi-provider access, edge inference, transcription), and relevant keywords.
Comparison Documentation
docs/comparison/vercel-ai-sdk.md
Added frontmatter metadata for TanStack AI vs Vercel AI SDK comparison.
Getting Started Documentation
docs/getting-started/overview.md, docs/getting-started/quick-start.md, docs/getting-started/quick-start-server.md, docs/getting-started/quick-start-svelte.md, docs/getting-started/quick-start-vue.md, docs/getting-started/devtools.md
Added frontmatter metadata for onboarding and quickstart guides across frameworks (React, Vue, Svelte, Node.js).
New Agent Skills Page
docs/getting-started/agent-skills.md
New comprehensive documentation page (109 lines) explaining Agent Skills (TanStack Intent), including installation via npx @tanstack/intent@latest install, skill file locations in node_modules, verification guidance, package versioning behavior, manual wiring alternatives, and links to Intent documentation and an Agent Skills registry.
Media Generation Documentation
docs/media/generations.md, docs/media/generation-hooks.md, docs/media/image-generation.md, docs/media/text-to-speech.md, docs/media/transcription.md, docs/media/video-generation.md, docs/media/realtime-chat.md
Added frontmatter metadata for unified media generation patterns including image generation, TTS, transcription, video generation, and realtime voice chat.
Migration & Protocol Documentation
docs/migration/migration.md, docs/protocol/chunk-definitions.md, docs/protocol/http-stream-protocol.md, docs/protocol/sse-protocol.md
Added frontmatter metadata describing migration guides and streaming protocols (SSE, HTTP stream, NDJSON).
Tools Documentation
docs/tools/tools.md, docs/tools/server-tools.md, docs/tools/client-tools.md, docs/tools/lazy-tool-discovery.md, docs/tools/tool-architecture.md, docs/tools/tool-approval.md
Added frontmatter metadata covering tool definitions, server/client tool execution, approval workflows, and optimization strategies.
Configuration Update
docs/config.json
Added navigation entry for the new "Agent Skills (TanStack Intent)" page under the Getting Started section.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~20 minutes

Suggested reviewers

  • jherr

Poem

🐰 Hopping through the docs with glee,
Keywords and descriptions, one, two, three!
Metadata blooming on every page,
Agent Skills wisdom for this new age!
SEO dreams and discovery bright,
Documentation indexed just right!

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Title check ✅ Passed The title clearly and concisely summarizes the main changes: adding an agent-skills guide and SEO frontmatter to documentation files.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Description check ✅ Passed PR description comprehensively covers all changes: new agent-skills guide, navigation registration, disambiguation note, and SEO frontmatter addition across 64 documentation pages. Includes clear test plan and companion PR reference.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch docs/agent-skills-guide-and-seo

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@github-actions
Copy link
Copy Markdown
Contributor

🚀 Changeset Version Preview

6 package(s) bumped directly, 22 bumped as dependents.

🟩 Patch bumps

Package Version Reason
@tanstack/ai 0.10.2 → 0.10.3 Changeset
@tanstack/ai-anthropic 0.7.3 → 0.7.4 Changeset
@tanstack/ai-gemini 0.8.7 → 0.8.8 Changeset
@tanstack/ai-ollama 0.6.5 → 0.6.6 Changeset
@tanstack/ai-openai 0.7.4 → 0.7.5 Changeset
@tanstack/ai-openrouter 0.7.4 → 0.7.5 Changeset
@tanstack/ai-client 0.7.9 → 0.7.10 Dependent
@tanstack/ai-code-mode 0.1.2 → 0.1.3 Dependent
@tanstack/ai-code-mode-models-eval 0.0.5 → 0.0.6 Dependent
@tanstack/ai-code-mode-skills 0.1.2 → 0.1.3 Dependent
@tanstack/ai-devtools-core 0.3.19 → 0.3.20 Dependent
@tanstack/ai-event-client 0.2.2 → 0.2.3 Dependent
@tanstack/ai-fal 0.6.12 → 0.6.13 Dependent
@tanstack/ai-isolate-cloudflare 0.1.2 → 0.1.3 Dependent
@tanstack/ai-isolate-node 0.1.2 → 0.1.3 Dependent
@tanstack/ai-isolate-quickjs 0.1.2 → 0.1.3 Dependent
@tanstack/ai-preact 0.6.14 → 0.6.15 Dependent
@tanstack/ai-react 0.7.10 → 0.7.11 Dependent
@tanstack/ai-solid 0.6.14 → 0.6.15 Dependent
@tanstack/ai-svelte 0.6.14 → 0.6.15 Dependent
@tanstack/ai-vue 0.6.14 → 0.6.15 Dependent
@tanstack/ai-vue-ui 0.1.25 → 0.1.26 Dependent
@tanstack/preact-ai-devtools 0.1.23 → 0.1.24 Dependent
@tanstack/react-ai-devtools 0.2.23 → 0.2.24 Dependent
@tanstack/solid-ai-devtools 0.2.23 → 0.2.24 Dependent
ts-svelte-chat 0.1.31 → 0.1.32 Dependent
ts-vue-chat 0.1.31 → 0.1.32 Dependent
vanilla-chat 0.0.29 → 0.0.30 Dependent

@nx-cloud
Copy link
Copy Markdown

nx-cloud Bot commented Apr 17, 2026

View your CI Pipeline Execution ↗ for commit 6bca67d

Command Status Duration Result
nx run-many --targets=build --exclude=examples/** ✅ Succeeded 3s View ↗

☁️ Nx Cloud last updated this comment at 2026-04-17 09:38:30 UTC

@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new Bot commented Apr 17, 2026

Open in StackBlitz

@tanstack/ai

npm i https://pkg.pr.new/@tanstack/ai@464

@tanstack/ai-anthropic

npm i https://pkg.pr.new/@tanstack/ai-anthropic@464

@tanstack/ai-client

npm i https://pkg.pr.new/@tanstack/ai-client@464

@tanstack/ai-code-mode

npm i https://pkg.pr.new/@tanstack/ai-code-mode@464

@tanstack/ai-code-mode-skills

npm i https://pkg.pr.new/@tanstack/ai-code-mode-skills@464

@tanstack/ai-devtools-core

npm i https://pkg.pr.new/@tanstack/ai-devtools-core@464

@tanstack/ai-elevenlabs

npm i https://pkg.pr.new/@tanstack/ai-elevenlabs@464

@tanstack/ai-event-client

npm i https://pkg.pr.new/@tanstack/ai-event-client@464

@tanstack/ai-fal

npm i https://pkg.pr.new/@tanstack/ai-fal@464

@tanstack/ai-gemini

npm i https://pkg.pr.new/@tanstack/ai-gemini@464

@tanstack/ai-grok

npm i https://pkg.pr.new/@tanstack/ai-grok@464

@tanstack/ai-groq

npm i https://pkg.pr.new/@tanstack/ai-groq@464

@tanstack/ai-isolate-cloudflare

npm i https://pkg.pr.new/@tanstack/ai-isolate-cloudflare@464

@tanstack/ai-isolate-node

npm i https://pkg.pr.new/@tanstack/ai-isolate-node@464

@tanstack/ai-isolate-quickjs

npm i https://pkg.pr.new/@tanstack/ai-isolate-quickjs@464

@tanstack/ai-ollama

npm i https://pkg.pr.new/@tanstack/ai-ollama@464

@tanstack/ai-openai

npm i https://pkg.pr.new/@tanstack/ai-openai@464

@tanstack/ai-openrouter

npm i https://pkg.pr.new/@tanstack/ai-openrouter@464

@tanstack/ai-preact

npm i https://pkg.pr.new/@tanstack/ai-preact@464

@tanstack/ai-react

npm i https://pkg.pr.new/@tanstack/ai-react@464

@tanstack/ai-react-ui

npm i https://pkg.pr.new/@tanstack/ai-react-ui@464

@tanstack/ai-solid

npm i https://pkg.pr.new/@tanstack/ai-solid@464

@tanstack/ai-solid-ui

npm i https://pkg.pr.new/@tanstack/ai-solid-ui@464

@tanstack/ai-svelte

npm i https://pkg.pr.new/@tanstack/ai-svelte@464

@tanstack/ai-vue

npm i https://pkg.pr.new/@tanstack/ai-vue@464

@tanstack/ai-vue-ui

npm i https://pkg.pr.new/@tanstack/ai-vue-ui@464

@tanstack/preact-ai-devtools

npm i https://pkg.pr.new/@tanstack/preact-ai-devtools@464

@tanstack/react-ai-devtools

npm i https://pkg.pr.new/@tanstack/react-ai-devtools@464

@tanstack/solid-ai-devtools

npm i https://pkg.pr.new/@tanstack/solid-ai-devtools@464

commit: 6bca67d

Copy link
Copy Markdown
Contributor

@coderabbitai coderabbitai Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)
docs/community-adapters/guide.md (1)

1-217: ⚠️ Potential issue | 🟡 Minor

Fix GitHub URL casing inconsistencies.

Two GitHub URLs use lowercase tanstack/ai while the canonical organization name and five other references use TanStack/ai. Update these to match:

  • Line ~55: https://github.com/tanstack/ai/tree/main/packages/typescripthttps://github.com/TanStack/ai/tree/main/packages/typescript
  • Line ~57: https://github.com/tanstack/ai/tree/main/packages/typescript/ai-openaihttps://github.com/TanStack/ai/tree/main/packages/typescript/ai-openai
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@docs/community-adapters/guide.md` around lines 1 - 217, Two GitHub links use
the wrong casing; replace the lowercase URLs
`https://github.com/tanstack/ai/tree/main/packages/typescript` and
`https://github.com/tanstack/ai/tree/main/packages/typescript/ai-openai` with
the canonical-casing versions
`https://github.com/TanStack/ai/tree/main/packages/typescript` and
`https://github.com/TanStack/ai/tree/main/packages/typescript/ai-openai`
respectively so all repository links match the other `TanStack/ai` references in
the document.
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@docs/getting-started/agent-skills.md`:
- Line 24: Change the phrase "markdown documents" to "Markdown documents" in the
Agent Skills description (the sentence referencing SKILL.md and Agent Skills) so
the term Markdown is capitalized consistently; update the text that reads "Agent
Skills are markdown documents (`SKILL.md`)..." to "Agent Skills are Markdown
documents (`SKILL.md`)..." in the same paragraph.

---

Outside diff comments:
In `@docs/community-adapters/guide.md`:
- Around line 1-217: Two GitHub links use the wrong casing; replace the
lowercase URLs `https://github.com/tanstack/ai/tree/main/packages/typescript`
and `https://github.com/tanstack/ai/tree/main/packages/typescript/ai-openai`
with the canonical-casing versions
`https://github.com/TanStack/ai/tree/main/packages/typescript` and
`https://github.com/TanStack/ai/tree/main/packages/typescript/ai-openai`
respectively so all repository links match the other `TanStack/ai` references in
the document.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 803f442e-721d-43f8-8d72-32a42121dac1

📥 Commits

Reviewing files that changed from the base of the PR and between 9c68bcc and 6bca67d.

📒 Files selected for processing (65)
  • docs/adapters/anthropic.md
  • docs/adapters/elevenlabs.md
  • docs/adapters/fal.md
  • docs/adapters/gemini.md
  • docs/adapters/grok.md
  • docs/adapters/groq.md
  • docs/adapters/ollama.md
  • docs/adapters/openai.md
  • docs/adapters/openrouter.md
  • docs/advanced/extend-adapter.md
  • docs/advanced/middleware.md
  • docs/advanced/multimodal-content.md
  • docs/advanced/observability.md
  • docs/advanced/per-model-type-safety.md
  • docs/advanced/runtime-adapter-switching.md
  • docs/advanced/tree-shaking.md
  • docs/api/ai-client.md
  • docs/api/ai-preact.md
  • docs/api/ai-react.md
  • docs/api/ai-solid.md
  • docs/api/ai-svelte.md
  • docs/api/ai-vue.md
  • docs/api/ai.md
  • docs/architecture/approval-flow-processing.md
  • docs/chat/agentic-cycle.md
  • docs/chat/connection-adapters.md
  • docs/chat/streaming.md
  • docs/chat/structured-outputs.md
  • docs/chat/thinking-content.md
  • docs/code-mode/client-integration.md
  • docs/code-mode/code-mode-isolates.md
  • docs/code-mode/code-mode-with-skills.md
  • docs/code-mode/code-mode.md
  • docs/community-adapters/cencori.md
  • docs/community-adapters/cloudflare.md
  • docs/community-adapters/decart.md
  • docs/community-adapters/guide.md
  • docs/community-adapters/mynth.md
  • docs/community-adapters/soniox.md
  • docs/comparison/vercel-ai-sdk.md
  • docs/config.json
  • docs/getting-started/agent-skills.md
  • docs/getting-started/devtools.md
  • docs/getting-started/overview.md
  • docs/getting-started/quick-start-server.md
  • docs/getting-started/quick-start-svelte.md
  • docs/getting-started/quick-start-vue.md
  • docs/getting-started/quick-start.md
  • docs/media/generation-hooks.md
  • docs/media/generations.md
  • docs/media/image-generation.md
  • docs/media/realtime-chat.md
  • docs/media/text-to-speech.md
  • docs/media/transcription.md
  • docs/media/video-generation.md
  • docs/migration/migration.md
  • docs/protocol/chunk-definitions.md
  • docs/protocol/http-stream-protocol.md
  • docs/protocol/sse-protocol.md
  • docs/tools/client-tools.md
  • docs/tools/lazy-tool-discovery.md
  • docs/tools/server-tools.md
  • docs/tools/tool-approval.md
  • docs/tools/tool-architecture.md
  • docs/tools/tools.md


## What are Agent Skills?

Agent Skills are markdown documents (`SKILL.md`) that ship inside npm packages and tell AI coding agents how to use a library correctly — which functions to use, which patterns to avoid, and when to reach for which module. The format is an open standard supported by Claude Code, Cursor, GitHub Copilot, Codex, and others.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

Capitalize “Markdown” for terminology consistency.

Line 24 should use “Markdown documents” (proper noun) instead of “markdown documents”.

🧰 Tools
🪛 LanguageTool

[uncategorized] ~24-~24: Did you mean the formatting language “Markdown” (= proper noun)?
Context: ...hat are Agent Skills? Agent Skills are markdown documents (SKILL.md) that ship inside...

(MARKDOWN_NNP)

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@docs/getting-started/agent-skills.md` at line 24, Change the phrase "markdown
documents" to "Markdown documents" in the Agent Skills description (the sentence
referencing SKILL.md and Agent Skills) so the term Markdown is capitalized
consistently; update the text that reads "Agent Skills are markdown documents
(`SKILL.md`)..." to "Agent Skills are Markdown documents (`SKILL.md`)..." in the
same paragraph.

@AlemTuzlak AlemTuzlak merged commit 2d1fd08 into main Apr 17, 2026
8 checks passed
@AlemTuzlak AlemTuzlak deleted the docs/agent-skills-guide-and-seo branch April 17, 2026 10:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant