Connects Claude and other MCP clients to a curated directory of 500+ design websites and 270+ DESIGN.md files that document real production design systems. You get five tools: search the directory by filters like typography or color theme, fetch bookmark details, list available design systems, pull a DESIGN.md into context, or install one directly to your filesystem. Useful when you're building UI and want to reference how Linear handles spacing, what Stripe's typography rules look like, or need a design system file dropped into your project without opening a browser. The design files are structured for agent consumption, so you can ask Claude to apply specific patterns from known design systems while you code.
claude mcp add --transport stdio io.github.educlopez-sparkbites -- npx -y sparkbites-mcp