工具集

用 GSAP ScrollTrigger 搭建滚动叙事式产品页：固定主画面，随滚动逐步揭示界面状态、功能层与数据视图，区块之间用缩放、遮罩或模糊过渡；要求及时清理触发器、小屏简化编排、不遮挡文字与按钮。

用 IntersectionObserver 加 Tailwind 任意值动画类实现元素进入视口时的入场动画，给出关键帧与观察器代码片段，可调整触发阈值、rootMargin、时长、延迟以及是否只播放一次。

为 SaaS、应用或服务设计或重写高转化落地页：先问清唯一的转化动作、受众、顾虑与证明素材，按首屏、论证、异议处理的结构编排，并提供版式类型、标题与 CTA 文案模板及 SEO 建议。

实现无缝循环的跑马灯，用于滚动展示标识、用户评价、截图或标签：复制一份元素序列，用线性 transform 从 0 平移到 -50%，固定元素宽度、边缘渐隐，并照顾 prefers-reduced-motion。

用 GSAP ScrollTrigger 让标题与短文案在进入视口时逐词从遮罩下方升起，提供不依赖付费 SplitText 插件的拆词代码、默认时长与错峰、React 清理写法，保留 aria-label 并支持减少动态效果。

用多层 backdrop-filter 与渐变遮罩在页面顶部或底部做出由弱到强的渐进模糊，提供可直接粘贴的 HTML 与 CSS，可调整高度、模糊层级、方向与 z-index，且不拦截点击。

用 GSAP 编写或调试网页动画：补间、时间线与位置参数、缓动、错峰，以及 ScrollTrigger 的固定与滚动联动；说明优先动 transform、在 React 中用 gsap.context() 清理、图片加载后刷新等常见问题。

通过 Chrome 扩展把你正在使用的浏览器会话交给 agent：读取控制台日志与网络请求、截图，并运行 Lighthouse 性能、无障碍与 SEO 审计，无需重新登录。

在 Jupyter Notebook 与普通 Python 脚本或 Markdown 之间互相转换、双向同步的工具，让 agent 能像改普通文本一样修改科研和教学用的 notebook，版本对比也更清楚。需要本机 Python 环境，用 pip 安装。

开源的 AI 原生矢量设计工具，桌面应用内置 MCP 服务器，可在应用里一键接入 Claude Code、Codex，让 agent 用自然语言读写 .op 设计稿、套用风格指南，并导出 React、Vue、Flutter、SwiftUI 等代码。需先安装桌面应用。

向 arXiv 投稿前清理 LaTeX 工程：删除注释、辅助文件和未被引用的 tex 与图片，可按需压缩图片，避免内部批注随源码公开。Google Research 出品，macOS 可用 Homebrew 安装。

Python 编写的网页正文提取库与命令行：抓取网页，可跟随站点地图与 RSS 批量采集，去除页眉页脚等噪声，输出 TXT、Markdown、JSON、XML 等格式并附元数据，也能离线处理已下载的 HTML。

借助 Figma 插件与本地 WebSocket 服务，让 agent 读取并直接修改设计稿：建框架与文本、调整自动布局和样式、批量替换文案。需安装 Bun，现由 Grab 维护。

Anthropic 官方的系统级沙箱命令行：无需容器即可限制 agent、MCP 服务器与任意命令的文件和网络访问，macOS 用 sandbox-exec、Linux 用 bubblewrap。目前是研究预览版。

CI/CD 配置的安全静态分析工具：找出 GitHub Actions 工作流中的模板注入、凭据泄露、权限过大等问题，也覆盖 Dependabot 与 pre-commit 配置，部分问题可自动修复。

让 agent 操作 Home Assistant 智能家居：控制设备、查询状态与历史，创建并调试自动化、编辑仪表盘，共 80 多个工具。社区维护（非官方），需自有 Home Assistant 实例，uvx 方式运行还需长期访问令牌。

按模板生成数据可视化：根据数据形状从 Lupi、Basics、Glance、Maps 等图表库的真实实现中选型，产出双击即可打开的单文件 HTML 图表，也可套用 12 套中英文整页报告模板；默认 Mono 灰阶，可按数据语义选内置彩色预设或用户色板。面向非程序员，技能说明为中文。

让编码 agent 用简短的 Puppeteer 脚本控制真实 Chrome，命名页面跨调用保持状态，可取无障碍树快照、截图并自测网页改动。需先全局安装 dev-browser CLI，仅支持 macOS 与 glibc Linux。

配合 n8n-mcp 使用的 14 个技能，外加钩子提醒层：教 agent 写对 n8n 表达式、配置节点、套用工作流模式、修复校验错误，也能部署自托管 n8n。需要先配置 n8n-mcp。

14 个 n8n 工作流技能：表达式语法、MCP 工具用法、节点配置、校验排错、Code 节点、AI Agent 工作流与自建 n8n 部署。需要配合 n8n-mcp 服务器使用。

命令行配色工具：生成、混合、调亮调暗颜色，在 HEX、RGB、HSL、Lab 等格式间转换，生成渐变和多种区分度高的颜色，按背景挑选易读的文字颜色并模拟色盲效果，适合让 agent 帮设计师出配色方案。用 Homebrew 安装即可，无需账号或 API Key。

21st.dev 官方 MCP：让 agent 检索并获取 21st.dev 社区的 UI 组件、主题与模板代码，开通 AI 权限后还能按描述生成组件。原 Magic MCP 已并入，需要在 21st.dev 申请免费 API Key。

按风格指南检查文档用语的写作 linter：可套用 Microsoft、Google 等现成规则包或自写 YAML 规则，解析 Markdown、AsciiDoc 等格式后再检查，完全离线，可接入编辑器与 CI。

Google 官方的 ADK agent 开发技能组：开发流程、项目脚手架、ADK Python API、评测（LLM 评审与自适应评分标准）、部署到 Agent Runtime / Cloud Run / GKE、发布与可观测性。需配合 agents-cli 命令行，本地开发只需 AI Studio API Key。