必须先安装skill才能启用codex桌面端的网页自动化等功能；windows用户需确保%userprofile%.codex\skills目录存在且可写，mac/linux对应~/.codex/skills；推荐用内置skill installer一键安装，或手动下载github项目zip解压重命名后放入skills目录；安装后必须重启客户端，通过/命令补全验证是否生效。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
要在Codex桌面端快速启用网页自动化、Figma转代码、Vercel部署等专项能力，必须先完成Skill安装——不装Skill，Codex就只能做基础对话，无法调用任何外部工具或执行结构化任务。
确认安装前提与路径
打开文件管理器，检查当前系统是否已存在 Codex 的技能根目录：【Windows 用户必须确保 %USERPROFILE%\.codex\skills 目录存在且可写】。若该路径不存在，手动新建 .codex 文件夹 → 再在其下新建 skills 文件夹。Mac/Linux 用户对应路径为 ~/.codex/skills。这一步漏掉，后续所有手动安装都会失败，且 Codex 不报错、只静默忽略。
方法一：用 Codex 自带 Skill Installer 一键装（推荐新手）
点击 Codex 窗口左上角「插件」→ 选择「Skill Installer」→ 点击「在对话中试用」；
在弹出的对话框中直接输入需求，例如：“帮我安装 playwright 和 vercel-deploy”；
Codex 会自动匹配、下载、解压并放入正确路径，全程无需你点开任何 ZIP 或复制粘贴；
【安装完成后必须重启 Codex 桌面客户端，否则新 Skill 不会出现在 / 命令补全列表中】。
方法二：手动安装 GitHub 项目级 Skill
第一步：访问 Skill 的 GitHub 页面，如 https://github.com/aronhy/tiktok-agent-skills；
深入解析 Figma Make AI 功能，教你如何通过简单的文字描述一键生成高品质、可编辑的移动端与网页端 UI 设计。涵盖高效 Prompt 撰写、组件自动化布局及原型连线技巧，助你彻底告别空白画布焦虑，实现设计效率指数级提升。
第二步：点击绿色 Code 按钮 → 选择 Download ZIP；
第三步：解压 ZIP 包，得到一个文件夹（例如 tiktok-agent-skills-main）；
第四步：将整个文件夹重命名为不含空格和特殊字符的纯英文名（如 tiktok-agent），然后拖入你的项目根目录下的 .codex/skills/ 文件夹；
这一步容易出错：如果项目里没有 .codex 文件夹，需先在项目根目录手动创建；若拖错位置（比如丢进 src 或 node_modules），Codex 完全识别不到。
验证是否装成功
重启 Codex 后，在任意对话输入 /，等待命令面板展开；
开始键入 Skill 名称关键词（如 play、tik、hatch），若对应项实时出现，说明已加载；
输入完整命令如 /playwright test login-page 并回车，看到工具启动日志即为生效。
