Borrowing it
Nothing to install: this file belongs to Sannnao/react-docs-mcp. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/Sannnao/react-docs-mcp/master/.claude/skills/add-docs-preset/SKILL.mdgit clone --depth 1 https://github.com/Sannnao/react-docs-mcpWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/sannnao/react-docs-mcp/add-docs-preset)<a href="https://agentmods.dev/skills/sannnao/react-docs-mcp/add-docs-preset"><img src="https://agentmods.dev/badge/skills/sannnao/react-docs-mcp/add-docs-preset/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/sannnao/react-docs-mcp/add-docs-preset"><img src="https://agentmods.dev/badge/skills/sannnao/react-docs-mcp/add-docs-preset.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00070 | $0.01789 |
| Opus 5.5 | $0.00028 | $0.00716 |
| Sonnet 5.5 | $0.00014 | $0.00358 |
| Haiku 4.5 | $0.00007 | $0.00179 |
Grade A, and why
add-docs-preset scanned grade A with 1 finding against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Makes network callslowCapability
Not a fault in itself. Listed so you know the mod talks to something, and to what.
initialize → tools/list (names/enums correct) → `search_<lib>_docs` (results have live-site URLs) → `get_doc` for a nested AND a root-level path → `list_sections` → a bogus `section` (must return the validation error lis How it starts
The opening of the file, as written. The whole thing — 81 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Adding a new docs MCP package
A new docs server = one preset file + a thin package scaffold on the shared engine. Existing examples: src/presets/reactDocs.ts (root package), src/presets/reactNativeDocs.ts + packages/react-native-docs-mcp/ (versioned docs), src/presets/reactHookFormDocs.ts + packages/react-hook-form-docs-mcp/ (simplest case — copy this one as your template).
1. Feasibility check — NEVER skip
The engine requires a git repo containing markdown/MDX docs. Rendered-HTML-only docs sites don't fit — stop and say so.
Shallow-clone the candidate repo into the scratchpad (never into this project) and determine:
- Content root: where do the actual doc files live? Don't guess — grep the site config (Docusaurus
docs: { path: ... }in docusaurus.config.*, contentlayer.config.ts, astro/nextra config). react.dev usessrc/content, react-native-website uses rootdocs/, react-hook-form usessrc/content. - File mix: count
.mdvs.mdx(both supported). Check for_-prefixed partial files (auto-excluded by the glob). - Sections: which subfolders of the content root are real sections vs flat files? Only real subfolders go in
sections(the server filters to existing dirs at runtime anyway). - Frontmatter
idoverrides (the RN lesson — this caused real wrong-URL bugs):grep -rn "^id:"in the content root. If files set aniddiffering from their filename, Docusaurus-style sites route by id → setuseFrontmatterId: true. Verify 2-3 sample URLs against the live site either way; a valid-looking URL scheme that 404s or serves the wrong page is the failure mode to catch here. - Versioned docs: is there a
versioned_docs/-style folder? Only then does the package need a--docs-versionflag (copy the pattern frompackages/react-native-docs-mcp/src/index.ts, including version-format validation).
Also: npm view <lib>-docs-mcp version must 404 (name unclaimed).
2. Preset file: src/presets/<lib>Docs.ts
Copy reactHookFormDocs.ts. Rules:
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 1mo ago First seen · 81 lines · 70 tokens per session scan A 508e164b3b46
add-docs-preset is a skill published in the GitHub repository Sannnao/react-docs-mcp (8 stars, last pushed 3mo ago), licensed MIT. It adds 70 tokens to every session and 1,789 once invoked, about $0.0003 per session on Opus 5.5. A static security scan graded it A with 1 finding (makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
cc-workflow-ai-editor
AI workflow editor for CC Workflow Studio. Create and edit visual AI agent workflows through interactive conversation using MCP tools (getworkflowschema, getcurrentworkflow, applyworkflow). Use when the user wants to create a new workflow, modify an existing workflow, or edit the workflow canvas in CC Workflow Studio…
vibe-coding
Auto-documents AI coding sessions. Captures Claude Code transcripts into a local session store (prompts, files changed, code, commands, design decisions), then turns them into daily logs, standups, weekly reports, ADRs and PR descriptions, and publishes to Notion, Obsidian, GitHub Wiki, Confluence, Slack or Discord.…
video-editing
Operate Video Agent Runtime projects through structured MCP tools for transcript-first long-form-to-short-form editing, preview review, feedback diagnosis, narration, versioning, and approved export. Use for editing an existing runtime project; do not use for direct FFmpeg or manual project-JSON changes.
ue-official-mcp-5.8.0
Use when driving a running Unreal Engine 5.8.0 editor over the official UE MCP server — to pick the correct toolset and tool for an editor-automation task (spawn/edit actors, Blueprints, materials, Niagara, animation/Sequencer, meshes, GAS, UMG, StateTree, data tables, run automation tests, inspect Slate, etc.).…
Detox Mobile Testing
Gray-box end-to-end testing for React Native apps with Detox. Covers .detoxrc.js configuration, build and test commands, matchers, device.launchApp control, automatic synchronization, and macOS CI pipelines.
dcc-blender-assembly-pitfalls
Read this BEFORE writing any Blender geometry code through MCP, whenever you are about to (1) create or size mesh primitives - bpy.ops.mesh.primitivecubeadd, primitivecylinderadd, primitiveuvsphereadd, primitiveconeadd - or set scale / dimensions on a part; (2) orient a part with rotationeuler or rotationquaternion…