Frontend Inspo Mcp
Description
Local MCP server that lets AI coding agents (Claude, Cursor, Kiro) discover and pull real frontend code & UI components from FreeFrontend, shadcn/ui, Magic UI, Aceternity UI, React Bits, Watermelon UI, and LS.GRAPHICS.
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
README
frontend-inspo-mcp 🎨
**A local MCP server that lets AI coding agents discover and pull real frontend code, UI components, and design mockups** — from FreeFrontend, shadcn/ui, Magic UI, Aceternity UI, React Bits, Watermelon UI, and LS.GRAPHICS.
[](https://modelcontextprotocol.io) [](https://www.typescriptlang.org/) [](https://nodejs.org/) [](#license) [](#contributing)
Give Claude, Cursor, Kiro, or any MCP-compatible agent instant access to **thousands of copy-paste UI components and free design assets** — with the **actual source code**, not just links. Ask for "a glassmorphism card" or "an animated shadcn button" and get real, usable code back.
✨ Why use this?
Most component galleries are built for humans clicking around a browser. This server makes them **agent-readable**, so your AI assistant can search, compare, and paste real code directly into your project.
- 🔍 Search 7 sources through one consistent set of tools
- 📋 Get real code — React/TSX, Tailwind, vanilla HTML/CSS/JS
- 🎭 Free design mockups with direct, un-gated download links (Figma / Sketch / PSD)
- ⚡ Fast — in-memory caching + polite per-host rate limiting
- 🧩 Pluggable — add a new source in one small adapter file
📚 Sources
| Source | What it gives you | Inline code? | Access |
|---|---|---|---|
| FreeFrontend | HTML / CSS / JS / Bootstrap / Tailwind snippets | ✅ | HTML parse + base64 |
| shadcn/ui | React + Tailwind + Radix components | ✅ | Registry JSON |
| Magic UI | Animated React + Framer Motion components | ✅ | Registry J |
Related Skills
Agency Agents
A complete AI agency at your fingertips - From frontend wizards to Reddit community ninjas, from whimsy inject
AI Awesome Llm Apps
100+ AI Agents, Agent Skills and RAG Apps - Free and Open Source.
AI Firecrawl
🔥 The API to search, scrape, and interact with the web for AI
AI Artifacts Builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech
AI Headroom
Compress tool outputs, logs, files, and RAG chunks before they reach the LLM. 20% fewer tokens for coding agen
AI CrewAI
Framework for orchestrating role-playing, autonomous AI agents. By fostering collaborative intelligence, CrewA
AI