工具集

OpenAI 官方浏览器游戏技能组：先规划核心玩法与技术选型，再分流到 Phaser 2D、Three.js 或 React Three Fiber 3D 实现，另含 HUD 与菜单界面、精灵动画与 GLB 资产管线，以及浏览器试玩测试。

OpenAI 官方网页数据可视化技能组，共 18 个：图表选型与点评、D3、Canvas、Three.js、地图、统计不确定性、实时看板、甘特图、UML 与滚动叙事等。随 Codex 插件发布，单独安装时拿不到插件级参考资料。

MagicPath 官方 Codex 插件，收录于 OpenAI 官方插件市场。在 Codex 里搜索并安装 MagicPath 画布上的 UI 组件、套用团队主题，也能把本地代码里的界面搬上画布继续改。需要 MagicPath 账号和 Node.js。

测试与调试本地运行的前端页面：优先用 Codex 的 Browser 插件、没有则用 Playwright，检查空白页、框架报错与控制台错误，截图取证，改完重载复查并输出 QA 报告。OpenAI 官方维护，原 openai/skills 中的 playwright-interactive。

Remotion 官方出品、收录于 OpenAI 官方插件市场的 Codex 插件：用 React 以编程方式制作视频，内含新建项目、动画与特效、字幕、地图、预览、导出渲染等 12 个技能。个人、非营利组织与 3 人以内的公司免费，更大的营利公司需购买公司许可。

对整个仓库或 PR、提交等代码变更做安全扫描，并提供威胁建模、漏洞研判、修复与复验，报告可导出 JSON、SARIF 等格式。OpenAI 官方 Codex 插件，需要开通 Codex Security 访问权限。

OpenAI 官方 Codex 插件市场（openai-curated），收录 Figma、Notion、GitHub、Stripe、Vercel 等 60 多个插件，把技能、MCP 与应用连接打包安装。

Figma 出品、收录于 OpenAI 官方市场的 Codex 插件：按设计稿实现界面、生成 Code Connect 映射，还能在 Figma 里创建或更新页面、组件库、FigJam 图表和幻灯片。需要连接 Figma 账号。

OpenAI 官方 Codex 插件：搭建前端应用并生成视觉素材、用浏览器测试和调试，附带 React、shadcn/ui、Stripe 支付与 Supabase 数据库的最佳实践技能。只支持 Codex。

把网页抓取成 Markdown 或结构化数据，支持整站爬取、站点地图、网页搜索与动态页面交互。Firecrawl 官方维护，云端需要 API Key（也可自托管）；托管端免密钥时仅开放抓取、搜索与解析。

Anthropic 官方的漏洞发现与修复参考实现：在仓库内用 Claude Code 技能做威胁建模、静态扫描、分诊与补丁生成，另附侦察→发现→验证→报告→修补的自主流水线（默认针对 C/C++ 内存漏洞，需 Docker 与 gVisor 沙箱）。官方已声明不再维护。

命令行邮件客户端，支持 IMAP、SMTP、JMAP、Gmail 与 Microsoft Graph，多账户、可用 --json 输出，适合让 agent 查收、搜索、撰写与发送邮件；首次运行时向导会自动探测邮箱配置。

用自然语言管理 Kubernetes 集群：把意图翻译成 kubectl 操作并执行，也可作为 MCP 服务器供其他 agent 调用。默认用 Gemini（需 API Key），也支持 OpenAI、本地模型等。Google Cloud 官方维护。

开源的大模型评测平台，opencompass 命令一行指定模型与数据集即可跑评测，覆盖上百个基准，既能评测本地 Hugging Face 模型也能评测 API 模型，并支持 vLLM、LMDeploy 加速推理。

Tw93 出品的精简工程习惯技能包：/think 推敲方案、/hunt 定位根因、/check 评审 diff、/ui 前端界面、/write 中英文润色等 8 个技能，同时支持 Claude Code 与 Codex。

把 JPG、PNG 等位图转成 SVG 矢量图的命令行工具，支持彩色描摹、黑白线稿和光照不均的扫描件，适合把 logo、插画和扫描的旧图纸矢量化。命令行版目前是 1.0 预览版，用 cargo 安装，需要 Rust 环境；也提供桌面版。

更直观的查找替换工具（sed 替代）：使用 JavaScript / Python 风格的正则语法，支持字符串字面量模式与原地修改文件，适合 agent 批量改写文本。

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

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

在制作以 WebGL 为主视觉的落地页前先定方向：按品牌调性与页面类型在四种视觉路线中选一种，过信息、性能、无障碍、稳定性四道关，先做静态降级再增强，输出推荐路线、视觉规格、技术栈与构建顺序。

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

参照 Stripe、Linear、Apple、Vercel 的风格为网页产品建立统一的动效体系：可复用的动效基元、时长与缓动默认值、错峰编排、滚动与悬停交互，并要求只动 transform 与 opacity、支持 prefers-reduced-motion。

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

为 SaaS 设计或重写高转化定价页：先收集方案、价格、限制、升级触发点与常见顾虑，再按价值标题、月付年付切换、三档方案、对比表、FAQ 与安全合规区块组织，并给出标题、方案说明与按钮文案模板。