MCPs
Model Context Protocol servers and how to wire them up.
The MCP servers I wire into agents to give them real tools — searching a component registry, reading a Figma file, deploying and reading logs.
Overview
A skill teaches an agent how to think; an MCP server gives it something to do. MCP
(Model Context Protocol) is the standard way to expose tools to an agent, configured in
a .mcp.json at the project root. These three are the servers I reach for most when
building UI.
In this section
shadcn MCP
Search, inspect and install registry components from the agent.
Figma MCP
Design-to-code, Code Connect, screenshots and variables from Figma files.
Vercel MCP
Deploy, read runtime/build logs, project info and docs search.
Also available when a project needs them: Clerk, Supabase, Neon and Notion all ship MCP servers I add on demand. The three above are my default UI-building set.