工具集

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

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

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

OpenAI 官方 Codex 插件：把早期产品想法、线上页面或截图做成可交互原型，先给出几个视觉方向再动手实现，也能审查用户流程、调研用户痛点和排查无障碍问题。

在 Codex 里按 OpenAI 最佳实践开发：调用 OpenAI API、用 Agents SDK 构建和部署代理、搭建 ChatGPT App 并生成提审材料，可直接创建 API Key。OpenAI 官方维护，仅支持 Codex。

OpenAI 官方 Codex 插件：引导 Codex 在网站代码里接入 OpenAI Ads 测量像素和可选的转化 API（CAPI），附本地校验脚本与密钥、去重处理指引，用来统计广告转化。需要网站源码仓库和 OpenAI Ads 广告账户，上线前需人工审查。

OpenAI 官方 Codex 插件，含 18 项技能：为数据选图并设计、实现、测试与导出网页图表、地图、仪表盘、甘特图与 UML，支持 D3、Vega-Lite、Three.js，重视无障碍与响应式。仅支持 Codex。

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

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

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

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

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

用自然语言管理 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。

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

把模糊的界面想法整理成设计优先的生成提示词：按目标、尺寸、布局、字体、配色、图像风格、精确文案、约束与反向提示词填写模板，每次只改一个变量迭代，文字易出错时先出图再到 Figma 排版。

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

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

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

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

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

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

在页面内容容器左右边缘画 1px 低透明度的竖向参考线，并在区块角落加小方块，营造精确、有结构感的版式；提供 CSS 变量与伪元素写法，参考线不拦截点击与选中。