mcpbeat Sign in

Cds Docs Agent Skill

| installation, theming, tokens, and per-component APIs/examples. Use this skill whenever the task involves CDS components, design-system rules, theming, or choosing between web and mobile CDS packages, even if the user only says "use CDS" or names a component. Always start from the docs route index, then fetch only the pages you need to reason and implement correctly. Prefer the CDS MCP server (`list-cds-routes`, `get-cds-doc`); if MCP is unavailable, use curl against

2k tokens
context cost
the whole folder, loaded on every use
3
files
instructions only
0
copies elsewhere
how many repositories repackaged it
491
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository
npx skills add https://github.com/coinbase/cds --skill cds-docs

What comes with it

3 025 bytes besides the instruction
README.md
evals/evals.json

The instruction itself

6 sections, as written by the author

CDS Documentation Skill

Goal: Pull CDS documentation into the session so your next edits, recommendations, and

API usage are grounded in current docs—not to produce a documentation handout for the user.

Treat fetched pages as source material you have read: internalize props, patterns, imports, and

setup constraints, then act (code, refactors, answers) from that understanding. Quote or

summarize for the user only when it helps. Keep the actual doc page contents to yourself

and only share their contents directly to the user if they ask.

Whether you use the CDS MCP server or fetch the pages yourself with curl is an implementation detail.

The use does not need to know your methodology unless they indicated they are debugging this skill.

Ambiguous product requests (e.g. “turn this into tabs,” “make it a card”) after you’ve read the

index: if several CDS components could be relevant (e.g. underline Tabs vs pill SegmentedTabs vs

TabNavigation), it is acceptable and often better to ask one short, concrete question (e.g.

which visual pattern matches their spec) while briefly naming the options and how they differ per

the docs. Do not pick one arbitrarily just to avoid asking.

1. Choose platform

Decide whether the work targets web (React, @coinbase/cds-web) or mobile (React Native,

@coinbase/cds-mobile). If unclear, infer from the repo (e.g. package.json dependencies, apps/*

layout) or ask a single clarifying question.

Pass web or mobile to list-cds-routes and when building curl URLs.

2. Tool order (try in sequence)

  • CDS MCP server (packaged mcp-docs in @coinbase/cds-mcp-server / packages/mcp-server):
  • list-cds-routes with platform: "web" | "mobile".
  • get-cds-doc with route: path including the platform, ending in .txt (e.g.

web/getting-started/installation.txt). Paths must come from the index.

  • curl if MCP is not configured, fails, or returns errors:
  • Index: https://cds.coinbase.com/llms/web/routes.txt or

https://cds.coinbase.com/llms/mobile/routes.txt

  • Page: https://cds.coinbase.com/llms/<route> where <route> matches the index (e.g.

web/getting-started/theming.txt).

Use curl -fsSL '<url>'. Prefer targeted fetches (the pages you need for this task) over

loading everything; the index is for routing, not for echoing back wholesale.

3. Workflow whenever this skill applies

  • Resolve platform (web or mobile).
  • Load the index once per platform focus (list-cds-routes or routes.txt) and use it as the

canonical map of .txt paths.

  • Fetch additional pages only as needed for the work ahead; after each fetch, apply what

you learned (imports, props, patterns)—do not stop at regurgitating the file.

4. Practical notes

  • Routes are case-sensitive; doc content is .txt from MCP or HTTP.
  • Web and mobile docs differ; confirm the component or topic exists for that platform’s index.
  • Human-readable URLs inside the .txt files are optional to share with the user; your priority is

correct implementation, not reproducing the doc site in the reply.

5. What “done” looks like

  • Platform is correct or explicitly chosen.
  • Index informed which pages you pulled.
  • User-facing output is implementation-focused (components, imports, structure); retrieval steps

stay implicit unless the user needs them.

  • If multiple components fit, you either ground the choice in doc differences or **ask one

clarifying question** when the product spec is under-specified.

  • Your actions and explanations reflect fetched CDS details (APIs, setup, tokens)—especially

where memory would be risky—not a dump of documentation for its own sake.

Other skills for the same job

different authors, same section of the catalogue
Plugin Structure
by anthropics
vendor ×2

This skill should be used when the user asks to "create a plugin", "scaffold a plugin", "understand plugin structure", "organize plugin components", "set up plugin.json", "use ${CLAUDE_PLUGIN_ROOT}", "add commands/agents/skills/hooks", "configure auto-discovery", or needs guidance on plugin directory layout, manifest configuration, component organization, file naming conventions, or Claude Code plugin architecture best practices.

19k tokens
Plugin Structure
by anthropics
vendor ×2

This skill should be used when the user asks to "create a plugin", "scaffold a plugin", "understand plugin structure", "organize plugin components", "set up plugin.json", "use ${CLAUDE_PLUGIN_ROOT}", "add commands/agents/skills/hooks", "configure auto-discovery", or needs guidance on plugin directory layout, manifest configuration, component organization, file naming conventions, or Claude Code plugin architecture best practices.

19k tokens
Swiftui Design
by nexu-io

| SwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review. Works with Claude Code, Cursor, Codex, and OpenCode.

330 tokens
Example Command
by anthropics
vendor

An example user-invoked skill that demonstrates frontmatter options and the skills/<name>/SKILL.md layout

306 tokens
Agent Device
by Shopify
vendor

Interact with iOS simulator or Android emulator/device using snapshot-based coordinates. Uses accessibility tree snapshots for precise element targeting, with screenshot verification as fallback. Use when navigating the app on a simulator/emulator.

5k tokens
Deepchat Settings
by ThinkInAIXYZ

DeepChat app settings modification (DeepChat 设置/偏好) skill. Activate ONLY when the user explicitly asks to change DeepChat's own settings/preferences (e.g., theme, language, font size...). Do NOT activate for OS/system settings, editor settings, or other apps.

807 tokens
Anti UI Slop
by davepoon

Stop coding agents from shipping generic UI. Use UIZZE's 800,000+ real web and iOS screens to build product-specific interfaces, define a design contract, cover required states, and run a hard finish gate. Use for web or iOS UI design, implementation, redesign, critique, and pre-ship review in Codex, Claude Code, Cursor, Copilot, and other coding agents.

922 tokens
Doca Erasure Coding
by NVIDIA
vendor

> Use this skill when the user is doing hands-on DOCA Erasure Coding programming on a BlueField DPU, ConnectX NIC, or host — bringing up a doca_ec context, picking among the create / recover / update tasks, choosing matrix type / N / K / block size, querying doca_ec_cap_* before sizing, setting doca_mmap src/dst permissions, or debugging DOCA_ERROR_* returns from doca_ec_task_*. Trigger even when the user does not name "DOCA Erasure Coding" or "Reed-Solomon" — typical implicit phrasings include "one data block changed, how do I refresh parity without re-encoding", "a disk failed and 2 parity blocks are gone, can I rebuild", "RAID-6 resilience across 12 disks", "my doca_ec_task_create returns NOT_PERMITTED", or "is this N+K layout still recoverable". Refuse and route elsewhere for non-Reed-Solomon codes (fountain / LDPC / raptor), pure-replication designs, network FEC, or other DOCA accelerator libraries (SHA / Compress / AES-GCM / DMA) — those belong to other skills.

26k tokens

How to use it

Copy the folder

Take coinbase/cds-docs from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.