工具集

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。

用 OpenAI Apps SDK 搭建、重构与排查 ChatGPT 应用：规划工具、生成 MCP 服务器与界面组件脚手架，并对照官方文档校验。OpenAI 官方维护，原 openai/skills 中的 chatgpt-apps。

测试与调试本地运行的前端页面：优先用 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 沙箱）。官方已声明不再维护。

用自然语言管理 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 批量改写文本。

用 Tailwind CSS 实现界面的通用指南：响应式与状态变体、深色模式、克制使用任意值、优先拆组件再用 @apply，以及动态拼接类名导致生产环境缺样式等常见问题，附按钮与首屏版式示例。

用 Three.js 构建或调试网页 3D 场景：场景、相机、渲染器、光照与材质，GLTF 加载与控制器，以及限制设备像素比、处理窗口缩放、释放 WebGL 资源等性能要点，减少动态效果时只渲染静帧。

用 Matter.js 实现 2D 物理交互：搭建 Engine、Render、Runner 与刚体，按需加入鼠标拖拽约束，并给出单页应用中停止运行、移除画布的清理步骤；需求不明时先问清画布尺寸与渲染方式。

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

提供 sm、md、lg 三档现成的 Tailwind 任意值阴影类，用于卡片、表单控件、浮层、主视觉等表面，做出分层的中性灰阴影，并规定不与默认阴影混用、不染色、不叠加多个阴影。

用轻量 WebGL 库 cobe 在首页或关于页加入可旋转的地球，讲解画布按设备像素比设置尺寸、位置标记、旋转动画、窗口缩放后重建与销毁，可在 React/Next.js 中集成。

在客户墙、集成列表、合作伙伴等区域用 Iconify Simple Icons 的品牌图标代替纯文字公司名，按 64x64 方框统一尺寸、默认单色、对齐到同一网格，可交互或重要的标识补上无障碍标签。