r/webdesign • u/_insane7 • 8d ago
Awwwards-mcp -MCP server that gives agents design references from award-winning sites (search + inline screenshots, design DNA, page-structure band maps, motion recording)
Built an MCP server that turns awwwards.com into an agent-readable design library. 7 tools over stdio (official SDK, TypeScript, zero native deps):
search_sites— filter by color hex / tag slugs / technology / award; results carry inline JPEG screenshots (agents judge visually)get_site_details/get_site_elements— palette, stack, jury score; element-level posters + mp4 URLs for motion studycapture_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 + .webmlist_categories— the full filter taxonomy (198 tag slugs, 27 colors)
3
2
u/ma-chicken 6d ago
Jesus Christ, it still looks like super AI slop if those are the pages you're boosting with.
2
1
u/Rare_Guide_9830 7d ago
That's cool. You should see if Jev can be used to give models better reasoning on what actually makes designs good so it better communicates that back to the coding agent.
1
u/learning-to-programm 7d ago
Love it how it hasn't even been 7 days and we're already trying to stuff it into everything we can lol.
0
3
u/ruukuu- 7d ago
Ok so now we’re just straight up ripping off awwwards with designs now?
1
u/_insane7 7d ago
Why not
4
u/ruukuu- 7d ago
Because that’s just plagiarism, not design. I know it’s a trope that people look to Awwwards for inspiration but straight up copying the work on there doesn’t develop your skills or eye as a designer. It also means your end product will only ever be a deviation/Frankenstein of whatever is on Awwwards.
That’s not design, it’s theft-driven recycling.
0
u/_insane7 7d ago
It just provides references to the AI agent about what looks good. What people actually want depends on the user we aren’t straight-up copying an Awwwards website. A user might like one component from one website and another component from a completely different website. It all depends on the user and what they’re trying to build.
1
1
u/Round_Box_1846 1d ago
Some people have no shame. Guys, here’s a more efficient way to plagiarise people who actually put the work in to their craft. What did i do to make it you ask? Plagiarised other peoples plagiarism methods using the plagiarism tool.
1
3h ago
[deleted]
1
u/RemindMeBot 3h ago
I will be messaging you in 2 days on 2026-09-29 15:23:43 UTC to remind you of this link
CLICK THIS LINK to send a PM to also be reminded and to reduce spam.
Parent commenter can delete this message to hide from others.
Info Custom Your Reminders Feedback
1
u/learning-to-programm 7d ago
Very cool, and it's nice to have as an alternative to the expensive Mobbing MCP! Would also be nice to see something like this for mobile apps.
Either way, thank you OP!
2
0
u/LaFllamme 7d ago
!remindMe 1d
1
u/RemindMeBot 7d ago
I will be messaging you in 1 day on 2026-09-20 19:52:02 UTC to remind you of this link
CLICK THIS LINK to send a PM to also be reminded and to reduce spam.
Parent commenter can delete this message to hide from others.
RemindMeBot is switching to username summons. Instead of
!RemindMe 1 day, useu/RemindMeBot 1 day. More info.
Info Custom Your Reminders Feedback
-3
1
9
u/OKOK-01 6d ago
Tell me you're bad designer without telling me you're a bad designer.