Awwwards-mcp
活跃·★ 290·MIT·更新于 2026-10-21
Awwwards-mcp是一个免费开源的MCP服务器，为AI代理提供来自Awwwards的设计灵感，作为一个Mobbin风格的视觉参考循环。代理可以搜索获奖网站，提取设计DNA，并分析实时网站结构，以生成设计简报并构建新项目。
Awwwards-mcp 当前归类于 RAG / 知识库，更适合按具体工作流、部署方式和团队场景来判断是否适配。从现有资料来看，它主要强调 通过多种筛选条件或自由文本查询搜索获奖网站。典型使用场景包括 为新的网站构建项目生成设计灵感和详细参考。页面记录的许可证为 MIT。当前 GitHub Stars 为 282。相关标签包括 AI代理、设计灵感。
#AI代理#设计灵感#网页抓取#UI/UX设计#Web开发#MCP服务器#浏览器自动化#RAG
01
功能特性
01通过多种筛选条件或自由文本查询搜索获奖网站
02提取网站的完整设计DNA，包括配色方案、技术栈和获奖信息
03根据选定的参考网站和项目目标生成有引用的设计简报
04分析任何实时或本地网页的区段带图和结构
05录制实时URL的短动态视频，以捕捉动画和交互
02
为什么选择它
+通过多种筛选条件或自由文本查询搜索获奖网站
+提取网站的完整设计DNA，包括配色方案、技术栈和获奖信息
+为新的网站构建项目生成设计灵感和详细参考
+覆盖 6 个兼容平台或环境。
03
权衡点
!最终选型仍建议与同类工具做并排比较，而不是单看单页信息。
04
兼容性
Node.js
运行时
已通过文档验证
Playwright
浏览器自动化
已通过文档验证
Claude
AI代理
已通过文档验证
Codex
AI代理
已通过文档验证
OpenCode
AI代理
已通过文档验证
ZCode
AI代理
已通过文档验证
05
快速开始
1
$ npm install awwwards-mcp
2
$ npm install -g playwright
3
$ npx playwright install chromium
06
使用场景
↳为新的网站构建项目生成设计灵感和详细参考
↳根据入围的获奖网站创建全面的设计简报
↳分析和比较实时网站的页面结构和动效，用于设计验证
↳使用详细分析工具像素级精确地重建现有网站
07
同类工具
评论
登录后发表评论
暂无评论，来发表第一条吧