Skill 与 AgentSKILLS & AGENTS· MCP-SERVER
INSANE0777/Awwwards-mcp
给AI编程助手提供获奖网站设计灵感,能搜截图、提取设计要素,无需密钥。A free MCP server that brings award-winning web design inspiration into your AI coding tools.
根据公开文档整理,未运行实测;费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.
能力CAPABILITIES
搜获奖网站找设计灵感
抓取网站真实截图参考
录下网站动态效果备用
按参考站逐节重做页面
对照参考检查成品效果
Search award-winning sites by style or keyword
Extract colors, fonts, and layout from any page
Capture live screenshots of any URL
Record animations and motion from live sites
Get design inspiration directly in your editor
上手GET STARTED
claude mcp add awwwards -- npx -y awwwards-mcp选择与你的环境对应的方式。命令来自项目文档,未运行实测。Choose the option for your environment. Commands come from project documentation and have not been run-tested.
使用限制LIMITATIONS
以下要求与风险来自文档静态检查,未执行项目代码;扫描没有命中,不代表使用安全。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
需检查Needs review
静态扫描STATIC SCAN
01控制浏览器Controls a browserreadme
| `capture_live_site` | Optional: fresh full-page screenshot of any live URL. Waits for `load` + a settle window with a bounded pre-scroll,
02控制浏览器Controls a browserskills/awwwards-doctor/SKILL.md
| playwright-chromium / ffmpeg-static | optional capture deps missing or broken | installs them (dev deps + `npx playwright install chromium
静态扫描未命中高风险项;命中的中风险是工具可控制本机浏览器(用于真实网页截图/录屏),安装可选浏览器依赖时会自动安装 Chromium。仅核验官方页面,未审计服务端代码;数据处理和费用以官网为准。The static scan found that some tools can control a browser (for live captures) and that optional dependencies like Playwright are installed automatically. This is expected for the functionality, but you should review the code if you're concerned about browser automation.
项目动态PROJECT ACTIVITY
首次发现FIRST SEEN
03 OCT 202603 OCT 2026
增长GROWTH
+173.4%+173.4%
94 → 257 stars · 17 个快照94 → 257 stars · 17 snapshots
状态STATUS
快速增长Growing fast
质量 A-Quality A-
近 7 天有 68 次提交,作者在持续快速迭代。No API key or account needed
依赖:Dependencies:@modelcontextprotocol/sdk, zod
{
"agents": [
{
"agent": "claude-code",
"evidence": "install: claude CLI command"
},
{
"agent": "claude-desktop",
"evidence": "readme: …env\": {} } } } } ``` **Claude Desktop / Cursor / Windsurf / Gemini…"
},
{
"agent": "codex",
"evidence": "readme: …-- npx -y awwwards-mcp ``` **Codex CLI** (ChatGPT desktop app and th…"
},
{
"agent": "windsurf",
"evidence": "readme: …**Claude Desktop / Cursor / Windsurf / Gemini CLI / Cline / Contin…"
},
{
"agent": "cline",
"evidence": "readme: …sor / Windsurf / Gemini CLI / Cline / Continue** — anything readi…"
},
{
"agent": "gemini-cli",
"evidence": "readme: …Desktop / Cursor / Windsurf / Gemini CLI / Cline / Continue** — anythi…"
},
{
"agent": "opencode",
"evidence": "readme: …[\"-y\", \"awwwards-mcp\"] ``` **OpenCode** (`opencode.json` — note the…"
}
],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 2,
"ai-tools": 0,
"dev-tools": 0,
"indie-web": 0,
"skill-agent": 16,
"productivity": 0
},
"primary": "skill-agent",
"secondary": "mcp-server"
},
"localRuntime": null,
"skillMdTotal": 5,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 0,
"agent": 0,
"media": 1,
"design": 6,
"browser": 1,
"devtool": 0,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [
{
"signal": "5 SKILL.md with name + description",
"weight": 0.95
},
{
"signal": "package.json depends on @modelcontextprotocol/sdk + MCP framing",
"weight": 0.8
},
{
"signal": "skills/ directory with 5 markdown files",
"weight": 0.75
},
{
"signal": "README describes a Claude / Agent Skill",
"weight": 0.7
},
{
"signal": "README ships an mcpServers config for this server",
"weight": 0.7
},
{
"signal": "MCP topic + README",
"weight": 0.6
},
{
"signal": "description mentions AI",
"weight": 0.2
}
],
"scannedSources": [
"readme",
"skills/awwwards-doctor/SKILL.md",
"skills/awwwards-inspiration/SKILL.md",
"skills/awwwards-motion-study/SKILL.md",
"skills/awwwards-section-loop/SKILL.md",
"skills/awwwards-setup/SKILL.md"
],
"skillMdFetched": 5
}