21st.dev MCP
By 21st.dev · Official
Find and work with React UI components from 21st.dev directly in your coding agent.
Help your agent store and retrieve files, JSON objects, and cache-like state with Netlify Blobs. The skill explains store scope, deploy-specific data, and runtime access. Use it when implementing uploads or persisted generated output, supplying the data shape, access requirements, and deployment context so the agent can choose the appropriate store.
Guide your agent through managed Postgres on Netlify using the current database client, migrations, and runtime connection workflow. The skill covers local development and database branches for deploy previews. Use it when adding a data-backed feature or maintaining an integration, sharing the existing schema, queries, deployment setup, and the application behavior to support.
Guide your agent through Netlify CLI setup, project linking, deploy contexts, and deployment troubleshooting. The skill covers draft deploys, production releases, continuous deployment, and preview workflows. Use it when shipping a site or investigating a failed build, providing the repository, build settings, intended Netlify project, and the environment you want to change.
Guide your agent through Deno-based Netlify Edge Functions, including routing, middleware, geolocation, caching, and response transformations. Use the skill when implementing an authentication gate, redirect, or personalized response, or when diagnosing a handler that does not run. Provide the relevant files, route configuration, environment, and behavior you expect at the edge.
Give your agent guidance for collecting form submissions on Netlify-hosted sites. The skill covers HTML detection, AJAX submission, file uploads, spam controls, notifications, and framework-specific integration. Use it when adding a contact or signup form, or investigating missing submissions, providing the built HTML, framework, form settings, and the intended submission flow.
Give your agent current patterns for Netlify serverless functions in TypeScript, JavaScript, or Go. The skill covers handler structure, routing, local testing, scheduled work, background processing, and streaming responses. Use it when adding an API route or debugging a function, with the current source, runtime, configuration, and expected request and response.