Menu
从公开网站收集视频素材（图片、Logo、图标）。当需要为图文视频准备素材时使用。包含免版权图片来源、下载规范和素材组织方式。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | asset-collection |
| description | 从公开网站收集视频素材（图片、Logo、图标）。当需要为图文视频准备素材时使用。包含免版权图片来源、下载规范和素材组织方式。 |
| argument-hint | ["素材主题 如:NVIDIA/数据中心/AI"] |
| 网站 | URL | 特点 | 授权 |
|---|---|---|---|
| Unsplash | unsplash.com | 高质量摄影，分类清晰 | 免费商用，无需署名 |
| Pexels | pexels.com | 摄影+视频，搜索强大 | 免费商用，无需署名 |
| Pixabay | pixabay.com | 插画+照片+矢量 | 免费商用，无需署名 |
| Wikipedia | wikipedia.org | 人物照片、公司 Logo | 检查具体授权 |
| 官方新闻室 | 各公司官网 | 官方产品图、高管照片 | 仅限相关报道 |
Unsplash 直接下载:
https://images.unsplash.com/photo-{ID}?w={宽度}&q={质量}
示例:
https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=1920&q=80
Wikipedia 图片:
https://upload.wikimedia.org/wikipedia/commons/thumb/{路径}/{尺寸}px-{文件名}
示例:
https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Nvidia_logo.svg/400px-Nvidia_logo.svg.png
| 用途 | 最低要求 | 推荐规格 | 格式 |
|---|---|---|---|
| 视频背景 | 1920×1080 | 2560×1440 | JPG (q=80+) |
| Logo | 400×400 | 800×800 | PNG (透明背景) |
| 人物照片 | 800×800 | 1200×1200 | JPG/PNG |
| 产品图 | 1000×1000 | 1500×1500 | PNG (透明背景优先) |
| 图标 | 256×256 | 512×512 | PNG/SVG |
下载后验证：
# 检查图片尺寸
file image.jpg
# 或
identify image.jpg # 需要 ImageMagick
# 检查文件大小 (背景图应 > 200KB)
ls -lh image.jpg
# 基本下载
curl -L "URL" -o output.jpg
# 带超时和重试
curl -L --connect-timeout 30 --retry 3 "URL" -o output.jpg
# 批量下载 (使用循环)
urls=(
"https://images.unsplash.com/photo-1?w=1920&q=80"
"https://images.unsplash.com/photo-2?w=1920&q=80"
)
for i in "${!urls[@]}"; do
curl -L "${urls[$i]}" -o "image_$i.jpg"
done
#!/bin/bash
# collect_assets.sh - 素材收集脚本
set -e
PROJECT_DIR="$(dirname "$0")/.."
IMAGES_DIR="$PROJECT_DIR/public/images"
# 创建目录结构
mkdir -p "$IMAGES_DIR"/{logos,backgrounds,photos,icons}
echo "开始收集素材..."
# Logo
echo " 下载 Logo..."
curl -sL "https://upload.wikimedia.org/xxx/logo.png" \
-o "$IMAGES_DIR/logos/company_logo.png"
# 背景图
echo " 下载背景图..."
curl -sL "https://images.unsplash.com/photo-xxx?w=1920&q=80" \
-o "$IMAGES_DIR/backgrounds/bg_01.jpg"
# 验证下载
echo ""
echo "素材验证:"
for f in "$IMAGES_DIR"/**/*; do
if [ -f "$f" ]; then
size=$(ls -lh "$f" | awk '{print $5}')
echo " ✓ $(basename "$f") - $size"
fi
done
echo ""
echo "素材收集完成!"
| 场景 | 英文关键词 | 中文备选 |
|---|---|---|
| 数据中心 | data center, server room, cloud computing | 服务器机房 |
| AI/人工智能 | artificial intelligence, machine learning, neural network | 人工智能 |
| 芯片/半导体 | chip, semiconductor, circuit board, processor | 芯片 电路板 |
| 科技感 | technology, futuristic, digital, cyber | 科技 数字 |
| 办公/商务 | office, business, meeting, teamwork | 办公室 商务 |
| 创业/车库 | startup, garage, entrepreneur | 创业 |
public/images/
├── logos/ # Logo 和品牌标识
│ ├── company_logo.png
│ └── product_logo.svg
├── backgrounds/ # 背景图
│ ├── scene_01_bg.jpg
│ ├── scene_02_bg.jpg
│ └── gradient_overlay.png
├── photos/ # 人物、产品照片
│ ├── founder.jpg
│ ├── product_shot.jpg
│ └── team.jpg
├── icons/ # 图标素材
│ ├── feature_01.png
│ └── feature_02.png
└── assets.json # 素材清单 (可选)
{用途}_{序号}_{描述}.{格式}
示例:
bg_01_datacenter.jpg # 背景图 #1 - 数据中心
logo_nvidia.png # NVIDIA Logo
photo_jensen_huang.jpg # 黄仁勋照片
icon_gpu.png # GPU 图标
{
"project": "NVIDIA History Video",
"collected_at": "2024-01-25",
"assets": [
{
"file": "logos/nvidia_logo.png",
"source": "Wikipedia",
"license": "Public Domain",
"size": "400x400"
},
{
"file": "backgrounds/datacenter.jpg",
"source": "Unsplash",
"license": "Unsplash License",
"size": "1920x1080",
"author": "Taylor Vick"
}
]
}
如果 Logo 有白色背景：
# 使用 ImageMagick 去除白色背景
convert logo.jpg -fuzz 10% -transparent white logo.png
# 缩放到指定宽度，保持比例
convert input.jpg -resize 1920x output.jpg
# 裁剪为指定尺寸
convert input.jpg -resize 1920x1080^ -gravity center -extent 1920x1080 output.jpg
# JPEG 质量优化 (需要 jpegoptim)
jpegoptim --max=85 image.jpg
# PNG 优化 (需要 pngquant)
pngquant --quality=65-80 image.png
| 问题 | 解决方案 |
|---|---|
| 下载超时 | 增加 --max-time 120 参数 |
| 图片太小 | 在 URL 中调整 w= 参数 |
| Logo 有背景 | 使用 ImageMagick 去背景 |
| 找不到合适图片 | 尝试不同关键词组合 |
| 图片模糊 | 选择更高分辨率版本 |
为视频添加背景音乐。支持免版权音乐来源、音量混合、淡入淡出效果。当需要为视频添加背景音乐、调整音乐与配音音量平衡时使用。
使用 Remotion 合成最终视频。当需要将片头、录屏、配音、片尾组合成完整视频时使用。包含动画效果、时间线管理、多尺寸模板和故障处理。
自动生成视频字幕。解析配音文案，生成同步字幕，使用 Remotion 组件渲染。支持中英文双语字幕。
使用 edge-tts 生成多语言配音（中文/英文）。当需要为视频生成语音旁白、基于时间线同步配音时使用。支持语速调整、多种声音选择和配音验证。
产品介绍视频自动化生成。当用户需要创建产品演示视频、公司介绍短片、宣传片时使用。支持录屏演示型、图文展示型、混合型三种视频类型。
使用 Playwright 进行浏览器自动化录屏。当需要录制 Web 应用操作演示、生成带时间线的屏幕录像时使用。