Make your AI a shadcn expert

list_tools

List shadcn.io's 280+ browser-only developer utilities — hashing, encoding, image conversion, text, security, math. Returns `{ title, url }` pairs.

Not every shadcn.io resource is installable. The site also hosts ~280 browser-only utilities (bcrypt generator, JSON formatter, image converter, JWT debugger…). list_tools lets the agent recommend the right URL when the user describes a task instead of asking for code.

When to use it

  • The user describes a one-off task ("I need to generate a bcrypt hash", "convert this PNG to WebP").
  • You want the agent to return a URL the user can open in a browser, not code to run.
  • Answering "what utilities do you offer?".

These are UIs, not code — the agent can't execute them for you, but pointing at the right tool beats a generic web search.

Arguments

NameTypeRequiredDefaultNotes
querystringCase-insensitive substring match on title
limitnumber (1–500)200Tools catalog is bounded (~280), so the default covers most of it

Example prompts

use shadcnio and point me to a tool for generating a bcrypt hash
use shadcnio to list every image conversion tool
use shadcnio to show me what text utilities you have

Response shape

{
"count": 2,
"items": [
  { "id": "/tools/bcrypt-hash-generator", "title": "Bcrypt Hash Generator", "url": "/tools/bcrypt-hash-generator", "tag": "tools" },
  { "id": "/tools/sha256-hash-generator", "title": "SHA-256 Hash Generator", "url": "/tools/sha256-hash-generator", "tag": "tools" }
]
}

Prepend the site origin to form a full URL: https://www.shadcn.io/tools/bcrypt-hash-generator.

Manual invocation

curl -s -X POST "https://www.shadcn.io/api/mcp?token=YOUR_TOKEN" \
-H "content-type: application/json" \
-d '{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "list_tools",
    "arguments": { "query": "hash", "limit": 20 }
  }
}' | jq '.result.content[0].text | fromjson | .items'

FAQ

Was this page helpful?

Sign in to leave feedback.