Design-MCP
Provides semantic retrieval of premium UI components from Awwwards, enabling AI agents to adapt them into React + Tailwind.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Design-MCPFind a premium hero section from Awwwards and convert to React+Tailwind"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Design-MCP — Awwwards UI/UX Knowledge Base + MCP Server
An autonomous build: a data pipeline that cleans, chunks, tags, and embeds thousands of premium static websites into a vector database, plus a custom MCP server that lets any AI coding agent semantically retrieve world-class UI components and adapt them into clean React + Tailwind.
How to run this project with Claude Code
This repo is set up to be built by an agent. Open it in Claude Code and type:
/startThe orchestrator reads .claude/state/progress.json,
figures out the next incomplete phase, and dispatches the matching subagent. It loops:
run phase → QA verifier gates it → mark done → next phase. Say /start again anytime to
resume from where it stopped. Other commands: /status, /run-phase <n>, /verify.
Related MCP server: aceternity-mcp
Pipeline (one command, resumable)
npm install
cp .env.example .env # fill in keys
npm run pipeline # clean -> chunk -> tag -> embed -> upload
npm run server # start the MCP server on stdioArchitecture
Four phases, each owned by a dedicated subagent, gated by a QA verifier:
Phase | Owner subagent | Output |
1. Clean + Chunk |
| clean component chunks |
2. Tag |
|
|
3. Embed + Store |
| vectors in Mongo Atlas |
4. MCP Server |
|
|
—. Wire agent |
| client config + persona |
See docs/ARCHITECTURE.md for the full engineering blueprint and
CLAUDE.md for the rules every agent follows.
Design principles
Zero manual processing — no hand-cleaning of folders.
Resumable + idempotent — every stage skips already-done work; re-runs are safe.
Bounded concurrency — a worker pool (
src/lib/pool.ts) keeps memory flat over thousands of files and respects LLM rate limits.Adapt, don't copy — the agent rebuilds retrieved UI as modular React, never pastes.
This server cannot be installed
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/mdhossain-2437/WEB-DESIGN-MCP'
If you have feedback or need assistance with the MCP directory API, please join our Discord server