• SparkBites Logo SparkBites
design-bites

design-bitesNEW

Curated DESIGN.md files for 270+ inspiring websites. Design systems decoded for AI agents.

1 / 2
Sparkbites MCP

Sparkbites MCPMCP

Search 500+ websites and install DESIGN.md files directly from Claude, Cursor, and Cline.

SparkBites Logo SparkBites

Search

Search for a command to run...

Sparkbites MCP

Search 500+ curated websites and install DESIGN.md files — directly from your AI agent. A Model Context Protocol server that plugs Sparkbites into Claude Desktop, Cursor, Cline, Continue, and Zed.

Sparkbites MCP — abstract orange sandstone cave
MCP5 tools · Public · Zero config
claude mcp add sparkbites -- npx -y sparkbites-mcp
npmGitHubDesign Bites

Quick install

Pick your MCP client and drop the config in — the server is the same everywhere.

One-liner
Run the command in any terminal — Claude Code writes the config for you.
claude mcp add sparkbites -- npx -y sparkbites-mcp

Add --scope user for a global install, or --scope project to share it via .mcp.json in your repo.

5 tools available

Everything your agent needs to search, read, and install design references.

search_bookmarks

Search the Sparkbites directory with filters.

“Find portfolio sites using Inter and a dark theme”

get_bookmark

Get full details for a bookmark by name.

“Tell me about Linear's design system”

list_design_systems

Browse 270+ available DESIGN.md files.

“Show me all design systems with 'stripe' in the name”

get_design_md

Fetch a DESIGN.md as agent context.

“Use Linear's design system as reference for this UI”

install_design_md

Download a DESIGN.md file to the local filesystem.

“Install the Stripe DESIGN.md into my project”

Try these prompts

Paste into Claude, Cursor, or any MCP client with Sparkbites connected.

  • ·Find me dark-themed portfolio sites using Geist font
  • ·Show me Stripe's design system and summarize the typography rules
  • ·Install Linear's DESIGN.md into my project root
  • ·Search for SaaS landing pages with purple accents

Resources

  • sparkbites-mcp on npm
  • GitHub source
  • Full documentation
  • Browse the directory
  • Home
  • Featured
  • Design Bites
    New
  • MCP
Categories
  • AI
  • Courses
  • Directory
  • E-Commerce
  • UI-UX
Browse By
Best Of
SparkBites Logo SparkBites

All the web design inspiration & resources you need, in one place. Discover curated websites, tech stacks, typography, and color palettes.

X (Twitter) LogoThreads LogoBluesky Logo

Categories

  • AI
  • Courses
  • Directory
  • E-Commerce
  • Portfolio
  • Resources
  • Tools
  • UI-UX

Best Of

  • Featured Websites
  • Design Bites
  • MCP Server
  • Best AI
  • Best Courses
  • Best Directory
  • Best E-Commerce
  • Best Portfolio

Tech Stacks

  • React
  • Tailwindcss
  • Next.js
  • Motion
  • Framer
  • GSAP

Typography

  • Inter
  • Geist Sans
  • Geist Mono
  • System ui
  • IBM Plex Mono
  • JetBrains Mono

© 2026 SparkBites. All rights reserved.

About UsFeaturedDesign BitesMCPPrivacy PolicyTerms of Service