工具集

引导 agent 在新建或改版界面时先确定视觉方向，在配色、字体与布局上做有取舍的选择，避免千篇一律的模板化 AI 界面。Anthropic 官方技能。

让 agent 先定下清晰的审美方向，再写出有辨识度、可直接上线的前端界面，避开千篇一律的 AI 风格。Anthropic 官方插件。

通过 CDP 直接控制本机 Chrome，完成导航、点击、输入、截图与数据抓取，可复用已登录会话。browser-use 官方技能，需要先用 uv 安装 browser-use 命令行。

K-Dense 维护的 166 个科研技能合集（原 Claude Scientific Skills）：覆盖生物信息、化学信息、临床研究、材料与物理等领域，含统一查询 PubChem、UniProt 等 78 个公共数据库的技能。

进程内分析型 SQL 数据库，命令行可直接用 SQL 查询 CSV、Parquet、JSON 文件，无需导入或启动服务，适合 agent 抽样与聚合大文件。官方维护。

让 agent 在 Blender 中建模、布置场景、调整材质并执行 Python 代码，可导入 Poly Haven、Sketchfab 资产与 AI 生成的 3D 模型。需安装 uv 与配套 Blender 插件。

Google 官方开源的数据库 MCP 服务器，预置 PostgreSQL、MySQL、BigQuery、Spanner、MongoDB 等数十种数据源的查表与执行 SQL 工具，也能用 tools.yaml 定义受控的自定义查询。

Figma 官方远程 MCP：把设计稿的组件、变量与布局交给 agent 生成代码，还能直接在画布上创建和修改设计。需 Figma 账号授权；Starter 免费计划及 View、Collab 席位每月仅 6 次读取调用。

先提炼一套设计理念，再用代码绘制海报、插画等静态视觉作品，输出 PNG 或 PDF，强调原创、不照搬已有艺术家作品。Anthropic 官方技能。

按 Slack 表情（建议 128×128）与消息动图（480×480）的尺寸、帧率、色数和时长建议制作 GIF，提供动画构思要点、GIF 组装与校验工具，基于 Python 与 Pillow。Anthropic 官方技能。

内置 10 套配色与字体主题，可套用到幻灯片、文档、报告和 HTML 落地页等产出物，也能按需求即时生成新主题。Anthropic 官方技能。

创建、编辑与分析 Excel 表格：公式、格式、图表与数据清洗，也能在 csv、tsv 等表格格式间转换。驱动 Claude 文档能力的 Anthropic 官方技能，源码可见但非开源。

用 p5.js 与种子随机数创作生成艺术（流场、粒子系统等）：先写算法美学理念，再输出可交互调参的 HTML 查看器。Anthropic 官方技能。

界面设计知识库技能：按产品类型检索界面风格、配色、字体搭配、图表与 UX 规范，并生成完整设计系统，覆盖 React、SwiftUI、Flutter 等 22 种技术栈。需本机安装 Python 3。

UI/UX 设计知识库插件：内置可检索的界面风格、配色、字体搭配、图表与二十多种技术栈规范，能按产品类型生成完整的设计系统建议。需要本机装有 Python 3。

生成或编辑照片、插画、纹理、游戏精灵、产品样机与透明底素材等位图。Codex 内置的系统技能，默认调用内置 image_gen 工具，无需单独安装；经用户确认可改用附带的 CLI 脚本，需要 OPENAI_API_KEY。OpenAI 官方维护。

shadcn/ui 官方技能：让 agent 借助 shadcn CLI 读取项目配置与组件文档，按规范添加、搜索、组合和修复组件，遵守样式、表单与无障碍规则，也能用预设初始化新项目。

Browser Use 官方内置的本地 MCP 服务：让 agent 导航、点击、输入、提取网页内容，或把多步任务交给内置浏览器 agent 自主完成。需自备 OpenAI 或 Anthropic API Key。

开源的本地设计工作台（Claude Design 的开源替代），按 DESIGN.md 设计系统生成网页与移动端原型、演示稿、图片和动效视频，可导出 HTML、PDF、PPTX、MP4；通过 MCP 让 Claude Code、Codex 读取和生成设计项目。需先安装 macOS 或 Windows 桌面应用，Linux 需从源码运行。

让 agent 生成的前端摆脱模板感：先判断设计方向，再用布局变化、动效强度、信息密度三个参数调节效果；另含改版审计、极简与粗野主义风格及设计参考图生成等技能。

自适应 Python 爬虫框架 Scrapling 内置的 MCP 服务：支持普通 HTTP 请求、浏览器渲染与隐身抓取，可用 CSS 选择器只把目标内容交给 AI，节省 token 并过滤提示注入内容。

自适应网页抓取框架：scrapling extract 一条命令即可把网页抓成 Markdown、纯文本或 HTML，支持 CSS 选择器与浏览器渲染动态页面，另有 MCP 服务（需装 ai 扩展）。需 Python 3.10+，首次使用需安装浏览器。

开源的 LLM 友好网页爬虫，把网页转成干净的 Markdown 供 RAG 与 agent 使用；自带 crwl 命令行，支持深度爬取与按问题抽取数据（抽取需配置大模型 Key）。可免费自托管。

前端设计打磨技能：一个技能提供 polish、audit、critique、typeset 等 24 条命令，并用 61 条确定性检测规则找出典型的 AI 生成界面问题，支持在浏览器里实时迭代。适用于 Claude Code、Codex、Cursor 等工具。