Awwwards MCP for design evidence and AI-agent site recreation

Design research for AI agents

Awwwards MCP is an independent, open-source Model Context Protocol server for design research. It gives an AI agent ranked references, design DNA, screenshots, section maps, scroll and hover censuses, and a motion fingerprint for award-winning websites.

What it does

• Search references by query, colour, tag, technology or award.
• Capture a live page as a full-page or anchored screenshot.
• Read the page structure, bands, palette, type and components.
• Census scroll triggers, hover states and runtime motion.
• Export design tokens, image audits and component packs.
• Convert a single-file rebuild to Vite, Astro or Next.js.
• Verify a build against the reference it came from.

Install

The core tools run over stdio with no API key and no model call:npm install -g awwwards-mcp. Playwright is needed for browser captures and structure; ffmpeg is only needed for motion recording.

Agent skills

Nine workflow skills teach an agent how to set up the server, find references, recreate a page, study motion, build section by section, author motion, inspect Atlas evidence, repair the toolchain and write a cited DESIGN.md.

Awwwards MCP is not affiliated with or endorsed by Awwwards. Awwwards names, screenshots and site media belong to Awwwards and the credited creators. This site is a hosted, non-commercial demo; permission or legal review is unresolved.

View the source on GitHub · Install from npm · Browse the agent skills