UI 库 · 富文本与编辑器

瓜奇宿主「富文本与编辑器」类公共组件 15 个：名称、用途、路径、关键 props、用量与最小用法示例；来自只…

UI 库 · 弹层

瓜奇宿主「弹层（Dialog / Drawer / Modal / Popover / Tooltip）」类公…

UI 库 · 状态

瓜奇宿主「状态（空态 / 骨架 / 加载 / 错误）」类公共组件 4 个：名称、用途、路径、关键 props、…

UI 库 · 导航与菜单

瓜奇宿主「导航与菜单」类公共组件 69 个：名称、用途、路径、关键 props、用量与最小用法示例；来自只读扫…

UI 库 · 媒体

瓜奇宿主「媒体（图 / 视频 / 音频 / 画廊）」类公共组件 55 个：名称、用途、路径、关键 props、…

UI 库 · 表单与输入

瓜奇宿主「表单与输入」类公共组件 108 个：名称、用途、路径、关键 props、用量与最小用法示例；来自只读…

UI 库 · 徽章与标签

瓜奇宿主「徽章与标签」类公共组件 36 个：名称、用途、路径、关键 props、用量与最小用法示例；来自只读扫…

UI 库 · 按钮与操作

瓜奇宿主「按钮与操作」类公共组件 29 个：名称、用途、路径、关键 props、用量与最小用法示例；来自只读扫…

UI 库 · 卡片与列表

瓜奇宿主「卡片与列表」类公共组件 172 个：名称、用途、路径、关键 props、用量与最小用法示例；来自只读…

UI 库 · 布局与页面骨架

瓜奇宿主「布局与页面骨架」类公共组件 46 个：名称、用途、路径、关键 props、用量与最小用法示例；来自只…

Notion 风格多语言宣传视频

要给素材生成可检索的描述

版本

1.0.1

许可

MIT

需要

host-agent,gpt,gpt-image,claude,gemini,elevenlabs,fal,local

视觉走查技能

怎么装 什么时候用它 界面改完想自己先过一遍再给人看 团队要一套统一的界面检查清单 让 AI 按固定清单而不是…

许可

MIT

需要

任意支持系统提示词的客户端

网页内容清洗技能

怎么装 什么时候用它 抓下来的网页正文里混着导航 / 广告 / 页脚 要把网页转成能喂给模型的干净文本 配合 …

许可

MIT

需要

任意支持系统提示词的客户端

Web Fetch MCP

怎么装 什么时候用它 把一篇网页正文读给 AI（资料整理 ✓ 竞品监测 ✓ 内容聚合 ✓） 网页是**服务端渲…

许可

MIT

需要

需要 uv（Python 包管理器 ✓ 装法见站内教程）

Puppeteer MCP

怎么装 什么时候用它 老项目已经在用 Puppeteer，想直接接上 只要最简单的「打开网址 + 截图 + 执…

许可

MIT

需要

Node.js 18+

Figma Dev Mode MCP

怎么装 什么时候用它 设计稿在 Figma 里，要让 AI 按稿子写界面 要读设计变量 / 组件 / 图层结构…

许可

Figma ToS

需要

Figma **桌面版**（网页版没有）；付费席位才能用 Dev Mode

UI/UX Pro MCP

怎么装 什么时候用它 界面「看着不对」但说不清哪里不对 → 要设计层建议（间距/层级/对比度） 配色和字体需要…

许可

MIT

需要

Node.js 18+

shadcn/ui MCP Server

怎么装 什么时候用它 项目里已经在用 shadcn/ui，想让 AI 生成的界面**用你现有的组件** 要查某…

许可

MIT

需要

Node.js 18+

Chrome DevTools MCP

怎么装 什么时候用它 页面报错但看不懂 → 让 AI 读控制台 接口 404/500 排查 → 让 AI 看网…

许可

Apache-2.0

需要

本机装 Chrome

Playwright MCP

怎么装 什么时候用它 让 AI 打开网页点一下 / 填个表 自动化测试、回归测试 截图对比、视觉走查 需要等页…

许可

Apache-2.0

需要

Node.js 18+；首次运行会下载浏览器内核（约 200MB）