Menú
Use when 用户需要为项目搜索/下载图标（icon）、真实图片（配图、背景图、banner），或要求审计项目素材需求。
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
UI页面模板构建器 - 固化常见页面模板，多套风格可选，支持mock数据。从个人中心到商品页，从登录页到大屏，一键生成风格统一、质量稳定的页面代码。
Agent 工程师面试准备导师：知识树、项目包装、模拟面试题。触发词：/agent-interview、Agent 工程师面试、准备 Agent 面试、Agent 面试题。
Agent 系统学习路线导师：从 Agent 概念、最小实现、模型底层、算法到 Skill/Tool 学习。触发词：/agent-learning、什么是 Agent、怎么做一个 Agent、Agent 学习路线。
VibeCoding / AI 开发全流程知识导师入口。识别用户目标后分流到 vibecoding-workflow-skill、agent-learning-skill 或 agent-interview-skill。只做推荐，不调用其他 skill。
VibeCoding 产品落地全流程导师：工具/模型/IDE 选型、提示词、产品模块拆解、开发、联调、测试、部署推荐。最终生成 docs/vibecoding/roadmap.md。触发词：/vibecoding-workflow、我要做商城、帮我选型模型、前后端怎么联调。
Use when 用户想用一句话生成流程图、工作流图解、开发流程图、AI 流程图或任何步骤型图解，支持多风格输出（flat icon / 暖白手账风 / dark / cute），并提供现成模板一键出图。
| name | icon-image-catch-skill |
| description | Use when 用户需要为项目搜索/下载图标（icon）、真实图片（配图、背景图、banner），或要求审计项目素材需求。 |
本技能不执行任何本地脚本，只提供规范与流程。Claude 应根据以下规则，直接调用 Iconify、图库 API 或浏览器/网络工具完成素材抓取。
| 用户意图 | 进入子技能 |
|---|---|
| 要图标、icon、小图标、功能图标、tabBar 图标 | icon-catch-skill |
| 要图片、配图、背景图、banner、头图、照片 | image-catch-skill |
| 两者都要 | 先 icon 后图片，分别执行 |
| 扫描项目并自动抓取所需素材 | 先执行「项目素材需求审计」，再按审计结果自动进入对应子技能抓取 |
| 审计项目需要哪些素材 | 见下文「项目素材需求审计」 |
static/icons、static/images）。icon-forge 生成。图片某源失败 → 自动降级下一源。image-forge-skill 等工具处理，或依赖图源远程缩放参数。Claude 不应在 skill 目录下执行 npm install 或运行 Node.js 脚本。
当用户要求审计项目素材时：
references/project-type-detection.md。tabBar、navbar、hero、banner、background、avatar、logo 等关键词）。assets-requirements-report.md，包含：
references/image-sizes.md 与 references/project-type-detection.md）报告文件默认放在项目根目录；若项目已有 docs/ 目录且用户无特殊要求，可放入 docs/assets-requirements-report.md。
Claude 应使用文件读取、搜索等工具完成审计，不运行任何本地审计脚本。
icon-forge 生成。image-forge-skill。