上手指南
获取技能，复制任务，在自己的 AI 工具中开始。
选一个适合任务的技能
核对输出和运行条件，再选择 Claude Code、Codex 或 Cursor。
获取完整技能资源
下载 ZIP，解压后保留完整文件夹，按安装说明放入项目。标注“官方获取”的技能需按作者说明配置。
复制示例，换成你的需求
确认技能已加载，粘贴示例任务，替换用途、受众、文案和尺寸。打开产出检查效果。
做一个陶艺工作室首页
准备可预览的网页项目、课程信息和预约方式。技能详情另附 Codex 生成的网页样例。
- 获取完整技能：打开网页设计与实现，选择 Codex 并下载。
- 解压后，将完整文件夹放到项目中的
.agents/skills/frontend-design/。 - 在 Codex 中新建该项目的会话，确认技能列表出现
frontend-design，或输入$frontend-design。确认加载后，复制下面任务。
使用 frontend-design，在当前项目中做一个陶艺工作室首页。目标是让访客了解课程并预约体验。沿用现有技术，先提出与陶艺相关的视觉方向，再实现响应式页面。包含手机布局、键盘焦点和清晰的预约入口。不要虚构评价或预约人数。预期交付：当前项目中的页面代码。运行项目，打开手机与桌面预览，检查内容、布局和预约入口。
做出来之后，先检查这些
- 作品是否表达了你的真实需求？
- 尺寸和格式是否匹配，文件与交互能否正常使用？
- 文字、图片和品牌信息是否准确？