{"slug": "awwwards-mcp-mcp-server-that-gives-agents-design-references-from-award-winning", "title": "Awwwards-mcp - MCP server that gives agents design references from award-winning sites", "summary": "A developer built Awwwards-mcp, an MCP server that exposes award-winning website designs from awwwards.com as an agent-readable library. The TypeScript server, built on the official SDK with no native dependencies, offers seven stdio tools including search_sites with inline JPEG screenshots, get_site_details and get_site_elements for palette, stack, and jury data, plus optional Playwright tools for live capture, DOM structure analysis, and scripted motion recording. It also provides list_categories covering 198 tag slugs and 27 colors.", "body_md": "Built an MCP server that turns awwwards.com into an agent-readable design library. 7 tools over stdio (official SDK, TypeScript, zero native deps):\n\nsearch_sites — filter by color hex / tag slugs / technology / award; results carry inline JPEG screenshots (agents judge visually)\n\nget_site_details / get_site_elements — palette, stack, jury score; element-level posters + mp4 URLs for motion study\n\ncapture_live_site, analyze_page_structure, record_site_motion — optional playwright tools: full-page capture, DOM band-map JSON, and a ~27s scripted motion recording returned as filmstrip + .webm\n\nlist_categories — the full filter taxonomy (198 tag slugs, 27 colors)\n\n[Github](https://github.com/INSANE0777/Awwards-mcp)", "url": "https://wpnews.pro/news/awwwards-mcp-mcp-server-that-gives-agents-design-references-from-award-winning", "canonical_source": "https://dev.to/7nsane/awwwards-mcp-mcp-server-that-gives-agents-design-references-from-award-winning-sites-f32", "published_at": "2026-09-19 18:28:31+00:00", "updated_at": "2026-09-19 19:23:09.232835+00:00", "lang": "en", "topics": ["ai-agents", "agent-protocols", "developer-tools", "ai-tools"], "entities": ["Awwwards", "Awwwards-mcp", "Playwright", "TypeScript", "INSANE0777", "GitHub"], "alternates": {"html": "https://wpnews.pro/news/awwwards-mcp-mcp-server-that-gives-agents-design-references-from-award-winning", "markdown": "https://wpnews.pro/news/awwwards-mcp-mcp-server-that-gives-agents-design-references-from-award-winning.md", "text": "https://wpnews.pro/news/awwwards-mcp-mcp-server-that-gives-agents-design-references-from-award-winning.txt", "jsonld": "https://wpnews.pro/news/awwwards-mcp-mcp-server-that-gives-agents-design-references-from-award-winning.jsonld"}}