Menu
Use when 用户需要按语义搜索并下载高清图片。
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Basé sur la classification professionnelle 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 | image-catch-skill |
| description | Use when 用户需要按语义搜索并下载高清图片。 |
本技能提供图片抓取流程，不执行本地脚本。Claude 应根据以下规范，直接调用图库 API 或浏览器/网络工具完成下载。
本技能采用可配置源优先设计：
| 源类型 | 配置方式 | 说明 |
|---|---|---|
| 自定义源（推荐） | 用户提供的远程图片服务 / CDN | 地址内容由用户控制 |
| 正版图库 | Pexels / Pixabay / Unsplash API Key | 质量更高，适合正式项目 |
| 默认兜底 | Lorem Flickr（关键词语义）+ Picsum（随机占位） | 无需任何配置 |
| 源 | 质量 | 推荐场景 | 是否需要 Key |
|---|---|---|---|
| Pexels | ⭐⭐⭐⭐⭐ | 正式项目、Hero、Banner | 免费 Key |
| Pixabay | ⭐⭐⭐⭐ | 内容运营、营销页、插画 | 免费 Key |
| Unsplash | ⭐⭐⭐⭐⭐ | 大图/Hero/品牌视觉 | 免费 Key |
| Lorem Flickr | ⭐⭐⭐ | Demo、原型、占位图 | 无需 Key |
| Picsum | ⭐⭐ | 纯视觉占位、测试 | 无需 Key |
当用户要求抓图片时，Claude 必须先询问用户想用的图源，给出风格/质量推荐，再执行。示例：
准备抓「科技感办公」配图，可选图源：
- Pexels — 高质量真实照片（推荐正式项目）
- Pixabay — 量大，含插画/矢量
- Unsplash — 画质最高，艺术感强
- Lorem Flickr — 无需 Key，真实照片但授权不确定
- Picsum — 无需 Key，纯占位
- 全部自动 — 按 Pexels → Pixabay → Unsplash → Lorem Flickr → Picsum 顺序自动降级（默认）
你想用哪个？直接回车默认全部自动。
如果用户明确指定了源，或已配置自定义源，则不再询问。
teamwork），越具体越好。references/image-sources.md 的中英文映射表。assets-requirements-report.md 中的平台与推荐尺寸。../references/project-type-detection.md），再匹配 ../references/image-sizes.md 中的默认尺寸。image-forge-skill；若仅需远程缩放，使用各图源支持的缩放参数。static/images/）。GET https://api.pexels.com/v1/search?query={query}&per_page={count}&orientation={landscape|portrait|square}
Authorization: {PEXELS_API_KEY}
GET https://pixabay.com/api/?key={KEY}&q={query}&per_page={count}&image_type=photo&safesearch=true&orientation={horizontal|vertical}
GET https://api.unsplash.com/search/photos?query={query}&per_page={count}&orientation={landscape|portrait|squarish}
Authorization: Client-ID {ACCESS_KEY}
GET https://loremflickr.com/{width}/{height}/{keyword}?lock={seed}
GET https://picsum.photos/seed/{seed}/{width}/{height}
| 参数 | 说明 | 示例 |
|---|---|---|
source | 指定源 | pexels / pixabay / unsplash / loremflickr / picsum / custom / all |
count | 数量 | 5 |
out | 下载目录 | ./static/images |
width | 目标宽度 | 1920 |
height | 目标高度 | 600 |
orientation | 方向 | landscape / portrait / squarish |
name | 文件名前缀 | hero-bg |
本技能不本地执行图片处理脚本。需要时：
image-forge-skill 处理本地图片。?w=1920&q=80）。minimal、flat lay）。alt 属性描述内容。