Connect the Sparks library straight into your AI coding tools
Sections, gems, templates and design systems — all of it reachable from Claude, Cursor, Codex and more via the Model Context Protocol. Your editor pulls real, on-brand blocks instead of guessing.
Claude
Drop Sparks sections straight into Claude and let it compose, restyle and wire up full pages from your library.
Cursor
Browse, search and paste Sparks sections from inside Cursor so your editor writes against real, on-brand components.
Codex
Let OpenAI Codex pull Sparks design tokens and section blueprints directly into its generated code.
Windsurf
Stream Sparks sections into the Windsurf Cascade agent and build interfaces that match your design system.
Add your API key
Grab a Sparks API key from your account and add it to the MCP config.
Point your editor at Sparks
One server entry and the whole library becomes callable from chat.
Search, copy and build
Ask for a section by name or description — the agent pastes the real code.