asset-collection

Name: asset-collection
Author: MatrixReligio

37stars7forks

How to install asset-collection?

matrixreligio/productvideocreator/asset-collection

$npx -y skills add MatrixReligio/ProductVideoCreator --skill asset-collection

Installs into the current project.

Summary

从公开网站收集视频素材（图片、Logo、图标）。当需要为图文视频准备素材时使用。包含免版权图片来源、下载规范和素材组织方式。

Files · 1

View on GitHub

SKILL.md

1	# 素材收集技能
2
3	## 适用场景
4
5	- 图文展示型视频的素材准备
6	- 公司介绍视频的 Logo、人物照片收集
7	- 产品宣传片的背景图、场景图收集
8
9	## 免版权图片来源
10
11	### 推荐网站
12
13	\| 网站 \| URL \| 特点 \| 授权 \|
14	\|------\|-----\|------\|------\|
15	\| Unsplash \| unsplash.com \| 高质量摄影，分类清晰 \| 免费商用，无需署名 \|
16	\| Pexels \| pexels.com \| 摄影+视频，搜索强大 \| 免费商用，无需署名 \|
17	\| Pixabay \| pixabay.com \| 插画+照片+矢量 \| 免费商用，无需署名 \|
18	\| Wikipedia \| wikipedia.org \| 人物照片、公司 Logo \| 检查具体授权 \|
19	\| 官方新闻室 \| 各公司官网 \| 官方产品图、高管照片 \| 仅限相关报道 \|
20
21	### URL 构造技巧
22
23	Unsplash 直接下载:
24	```
25	https://images.unsplash.com/photo-{ID}?w={宽度}&q={质量}
26
27	示例:
28	https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=1920&q=80
29	```
30
31	Wikipedia 图片:
32	```
33	https://upload.wikimedia.org/wikipedia/commons/thumb/{路径}/{尺寸}px-{文件名}
34
35	示例:
36	https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Nvidia_logo.svg/400px-Nvidia_logo.svg.png
37	```
38
39	## 素材规格要求
40
41	### 图片尺寸
42
43	\| 用途 \| 最低要求 \| 推荐规格 \| 格式 \|
44	\|------\|----------\|----------\|------\|
45	\| 视频背景 \| 1920×1080 \| 2560×1440 \| JPG (q=80+) \|
46	\| Logo \| 400×400 \| 800×800 \| PNG (透明背景) \|
47	\| 人物照片 \| 800×800 \| 1200×1200 \| JPG/PNG \|
48	\| 产品图 \| 1000×1000 \| 1500×1500 \| PNG (透明背景优先) \|
49	\| 图标 \| 256×256 \| 512×512 \| PNG/SVG \|
50
51	### 质量检查
52
53	下载后验证：
54	```bash
55	# 检查图片尺寸
56	file image.jpg
57	# 或
58	identify image.jpg # 需要 ImageMagick
59
60	# 检查文件大小 (背景图应 > 200KB)
61	ls -lh image.jpg
62	```
63
64	## 素材下载脚本
65
66	### 单个下载
67
68	```bash
69	# 基本下载
70	curl -L "URL" -o output.jpg
71
72	# 带超时和重试
73	curl -L --connect-timeout 30 --retry 3 "URL" -o output.jpg
74
75	# 批量下载 (使用循环)
76	urls=(
77	"https://images.unsplash.com/photo-1?w=1920&q=80"
78	"https://images.unsplash.com/photo-2?w=1920&q=80"
79	)
80	for i in "${!urls[@]}"; do
81	curl -L "${urls[$i]}" -o "image_$i.jpg"
82	done
83	```
84
85	### 素材收集脚本模板
86
87	```bash
88	#!/bin/bash
89	# collect_assets.sh - 素材收集脚本
90
91	set -e
92
93	PROJECT_DIR="$(dirname "$0")/.."
94	IMAGES_DIR="$PROJECT_DIR/public/images"
95
96	# 创建目录结构
97	mkdir -p "$IMAGES_DIR"/{logos,backgrounds,photos,icons}
98
99	echo "开始收集素材..."
100
101	# Logo
102	echo " 下载 Logo..."
103	curl -sL "https://upload.wikimedia.org/xxx/logo.png" \
104	-o "$IMAGES_DIR/logos/company_logo.png"
105
106	# 背景图
107	echo " 下载背景图..."
108	curl -sL "https://images.unsplash.com/photo-xxx?w=1920&q=80" \
109	-o "$IMAGES_DIR/backgrounds/bg_01.jpg"
110
111	# 验证下载
112	echo ""
113	echo "素材验证:"
114	for f in "$IMAGES_DIR"/*/; do
115	if [ -f "$f" ]; then
116	size=$(ls -lh "$f" \| awk '{print $5}')
117	echo " ✓ $(basename "$f") - $size"
118	fi
119	done
120
121	echo ""
122	echo "素材收集完成!"
123	```
124
125	## 素材搜索策略
126
127	### 按场景搜索关键词
128
129	\| 场景 \| 英文关键词 \| 中文备选 \|
130	\|------\|-----------\|----------\|
131	\| 数据中心 \| data center, server room, cloud computing \| 服务器机房 \|
132	\| AI/人工智能 \| artificial intelligence, machine learning, neural network \| 人工智能 \|
133	\| 芯片/半导体 \| chip, semiconductor, circuit board, processor \| 芯片电路板 \|
134	\| 科技感 \| technology, futuristic, digital, cyber \| 科技数字 \|
135	\| 办公/商务 \| office, business, meeting, teamwork \| 办公室商务 \|
136	\| 创业/车库 \| startup, garage, entrepreneur \| 创业 \|
137
138	### 搜索技巧
139
140	1. 使用英文搜索 - 结果更多更好
141	2. 添加颜色词 - "blue technology", "green energy"
142	3. 添加风格词 - "minimal", "abstract", "realistic"
143	4. 排除干扰 - "-people" 排除人物
144
145	## 素材组织规范
146
147	### 目录结构
148
149	```
150	public/images/
151	├── logos/ # Logo 和品牌标识
152	│ ├── company_logo.png
153	│ └── product_logo.svg
154	├── backgrounds/ # 背景图
155	│ ├── scene_01_bg.jpg
156	│ ├── scene_02_bg.jpg
157	│ └── gradient_overlay.png
158	├── photos/ # 人物、产品照片
159	│ ├── founder.jpg
160	│ ├── product_shot.jpg
161	│ └── team.jpg
162	├── icons/ # 图标素材
163	│ ├── feature_01.png
164	│ └── feature_02.png
165	└── assets.json # 素材清单 (可选)
166	```
167
168	### 命名规范
169
170	```
171	{用途}_{序号}_{描述}.{格式}
172
173	示例:
174	bg_01_datacenter.jpg # 背景图 #1 - 数据中心
175	logo_nvidia.png # NVIDIA Logo
176	photo_jensen_huang.jpg # 黄仁勋照片
177	icon_gpu.png # GPU 图标
178	```
179
180	### 素材清单 (assets.json)
181
182	```json
183	{
184	"project": "NVIDIA History Video",
185	"collected_at": "2024-01-25",
186	"assets": [
187	{
188	"file": "logos/nvidia_logo.png",
189	"source": "Wikipedia",
190	"license": "Public Domain",
191	"size": "400x400"
192	},
193	{
194	"file": "backgrounds/datacenter.jpg",
195	"source": "Unsplash",
196	"license": "Unsplash License",
197	"size": "1920x1080",
198	"author": "Taylor Vick"
199	}
200	]
201	}
202	```
203
204	## 特殊素材处理
205
206	### Logo 背景去除
207
208	如果 Logo 有白色背景：
209	```bash
210	# 使用 ImageMagick 去除白色背景
211	convert logo.jpg -fuzz 10% -transparent white logo.png
212	```
213
214	### 图片尺寸调整
215
216	```bash
217	# 缩放到指定宽度，保持比例
218	convert input.jpg -resize 1920x output.jpg
219
220	# 裁剪为指定尺寸
221	convert input.jpg -resize 1920x1080^ -gravity center -extent 1920x1080 output.jpg
222	```
223
224	### 图片优化
225
226	```bash
227	# JPEG 质量优化 (需要 jpegoptim)
228	jpegoptim --max=85 image.jpg
229
230	# PNG 优化 (需要 pngquant)
231	pngquant --quality=65-80 image.png
232	```
233
234	## 版权注意事项
235
236	### 可以使用
237
238	- Unsplash/Pexels/Pixabay 图片（商用免费）
239	- Wikipedia 标注为 Public Domain 或 CC0 的图片
240	- 公司官方新闻室提供的媒体素材（用于相关报道）
241
242	### 需要谨慎
243
244	- Wikipedia 标注为 CC BY-SA 的图片（需署名）
245	- 搜索引擎找到的图片（来源不明）
246	- 社交媒体上的图片（版权复杂）
247
248	### 禁止使用
249
250	- 明确标注版权的图片
251	- Getty Images、Shutterstock 等付费图库的预览图
252	- 他人作品（未经授权）
253
254	## 常见问题
255
256	\| 问题 \| 解决方案 \|
257	\|------\|----------\|
258	\| 下载超时 \| 增加 `--max-time 120` 参数 \|
259	\| 图片太小 \| 在 URL 中调整 `w=` 参数 \|
260	\| Logo 有背景 \| 使用 ImageMagick 去背景 \|
261	\| 找不到合适图片 \| 尝试不同关键词组合 \|
262	\| 图片模糊 \| 选择更高分辨率版

People who liked this also viewed

6 picks

Type

asset-collection

37stars7forks

View on GitHub

How to install asset-collection?

matrixreligio/productvideocreator/asset-collection

$npx -y skills add MatrixReligio/ProductVideoCreator --skill asset-collection

Installs into the current project.

Summary

从公开网站收集视频素材（图片、Logo、图标）。当需要为图文视频准备素材时使用。包含免版权图片来源、下载规范和素材组织方式。

Files · 1

View on GitHub

SKILL.md

1	# 素材收集技能
2
3	## 适用场景
4
5	- 图文展示型视频的素材准备
6	- 公司介绍视频的 Logo、人物照片收集
7	- 产品宣传片的背景图、场景图收集
8
9	## 免版权图片来源
10
11	### 推荐网站
12
13	\| 网站 \| URL \| 特点 \| 授权 \|
14	\|------\|-----\|------\|------\|
15	\| Unsplash \| unsplash.com \| 高质量摄影，分类清晰 \| 免费商用，无需署名 \|
16	\| Pexels \| pexels.com \| 摄影+视频，搜索强大 \| 免费商用，无需署名 \|
17	\| Pixabay \| pixabay.com \| 插画+照片+矢量 \| 免费商用，无需署名 \|
18	\| Wikipedia \| wikipedia.org \| 人物照片、公司 Logo \| 检查具体授权 \|
19	\| 官方新闻室 \| 各公司官网 \| 官方产品图、高管照片 \| 仅限相关报道 \|
20
21	### URL 构造技巧
22
23	Unsplash 直接下载:
24	```
25	https://images.unsplash.com/photo-{ID}?w={宽度}&q={质量}
26
27	示例:
28	https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=1920&q=80
29	```
30
31	Wikipedia 图片:
32	```
33	https://upload.wikimedia.org/wikipedia/commons/thumb/{路径}/{尺寸}px-{文件名}
34
35	示例:
36	https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Nvidia_logo.svg/400px-Nvidia_logo.svg.png
37	```
38
39	## 素材规格要求
40
41	### 图片尺寸
42
43	\| 用途 \| 最低要求 \| 推荐规格 \| 格式 \|
44	\|------\|----------\|----------\|------\|
45	\| 视频背景 \| 1920×1080 \| 2560×1440 \| JPG (q=80+) \|
46	\| Logo \| 400×400 \| 800×800 \| PNG (透明背景) \|
47	\| 人物照片 \| 800×800 \| 1200×1200 \| JPG/PNG \|
48	\| 产品图 \| 1000×1000 \| 1500×1500 \| PNG (透明背景优先) \|
49	\| 图标 \| 256×256 \| 512×512 \| PNG/SVG \|
50
51	### 质量检查
52
53	下载后验证：
54	```bash
55	# 检查图片尺寸
56	file image.jpg
57	# 或
58	identify image.jpg # 需要 ImageMagick
59
60	# 检查文件大小 (背景图应 > 200KB)
61	ls -lh image.jpg
62	```
63
64	## 素材下载脚本
65
66	### 单个下载
67
68	```bash
69	# 基本下载
70	curl -L "URL" -o output.jpg
71
72	# 带超时和重试
73	curl -L --connect-timeout 30 --retry 3 "URL" -o output.jpg
74
75	# 批量下载 (使用循环)
76	urls=(
77	"https://images.unsplash.com/photo-1?w=1920&q=80"
78	"https://images.unsplash.com/photo-2?w=1920&q=80"
79	)
80	for i in "${!urls[@]}"; do
81	curl -L "${urls[$i]}" -o "image_$i.jpg"
82	done
83	```
84
85	### 素材收集脚本模板
86
87	```bash
88	#!/bin/bash
89	# collect_assets.sh - 素材收集脚本
90
91	set -e
92
93	PROJECT_DIR="$(dirname "$0")/.."
94	IMAGES_DIR="$PROJECT_DIR/public/images"
95
96	# 创建目录结构
97	mkdir -p "$IMAGES_DIR"/{logos,backgrounds,photos,icons}
98
99	echo "开始收集素材..."
100
101	# Logo
102	echo " 下载 Logo..."
103	curl -sL "https://upload.wikimedia.org/xxx/logo.png" \
104	-o "$IMAGES_DIR/logos/company_logo.png"
105
106	# 背景图
107	echo " 下载背景图..."
108	curl -sL "https://images.unsplash.com/photo-xxx?w=1920&q=80" \
109	-o "$IMAGES_DIR/backgrounds/bg_01.jpg"
110
111	# 验证下载
112	echo ""
113	echo "素材验证:"
114	for f in "$IMAGES_DIR"/*/; do
115	if [ -f "$f" ]; then
116	size=$(ls -lh "$f" \| awk '{print $5}')
117	echo " ✓ $(basename "$f") - $size"
118	fi
119	done
120
121	echo ""
122	echo "素材收集完成!"
123	```
124
125	## 素材搜索策略
126
127	### 按场景搜索关键词
128
129	\| 场景 \| 英文关键词 \| 中文备选 \|
130	\|------\|-----------\|----------\|
131	\| 数据中心 \| data center, server room, cloud computing \| 服务器机房 \|
132	\| AI/人工智能 \| artificial intelligence, machine learning, neural network \| 人工智能 \|
133	\| 芯片/半导体 \| chip, semiconductor, circuit board, processor \| 芯片电路板 \|
134	\| 科技感 \| technology, futuristic, digital, cyber \| 科技数字 \|
135	\| 办公/商务 \| office, business, meeting, teamwork \| 办公室商务 \|
136	\| 创业/车库 \| startup, garage, entrepreneur \| 创业 \|
137
138	### 搜索技巧
139
140	1. 使用英文搜索 - 结果更多更好
141	2. 添加颜色词 - "blue technology", "green energy"
142	3. 添加风格词 - "minimal", "abstract", "realistic"
143	4. 排除干扰 - "-people" 排除人物
144
145	## 素材组织规范
146
147	### 目录结构
148
149	```
150	public/images/
151	├── logos/ # Logo 和品牌标识
152	│ ├── company_logo.png
153	│ └── product_logo.svg
154	├── backgrounds/ # 背景图
155	│ ├── scene_01_bg.jpg
156	│ ├── scene_02_bg.jpg
157	│ └── gradient_overlay.png
158	├── photos/ # 人物、产品照片
159	│ ├── founder.jpg
160	│ ├── product_shot.jpg
161	│ └── team.jpg
162	├── icons/ # 图标素材
163	│ ├── feature_01.png
164	│ └── feature_02.png
165	└── assets.json # 素材清单 (可选)
166	```
167
168	### 命名规范
169
170	```
171	{用途}_{序号}_{描述}.{格式}
172
173	示例:
174	bg_01_datacenter.jpg # 背景图 #1 - 数据中心
175	logo_nvidia.png # NVIDIA Logo
176	photo_jensen_huang.jpg # 黄仁勋照片
177	icon_gpu.png # GPU 图标
178	```
179
180	### 素材清单 (assets.json)
181
182	```json
183	{
184	"project": "NVIDIA History Video",
185	"collected_at": "2024-01-25",
186	"assets": [
187	{
188	"file": "logos/nvidia_logo.png",
189	"source": "Wikipedia",
190	"license": "Public Domain",
191	"size": "400x400"
192	},
193	{
194	"file": "backgrounds/datacenter.jpg",
195	"source": "Unsplash",
196	"license": "Unsplash License",
197	"size": "1920x1080",
198	"author": "Taylor Vick"
199	}
200	]
201	}
202	```
203
204	## 特殊素材处理
205
206	### Logo 背景去除
207
208	如果 Logo 有白色背景：
209	```bash
210	# 使用 ImageMagick 去除白色背景
211	convert logo.jpg -fuzz 10% -transparent white logo.png
212	```
213
214	### 图片尺寸调整
215
216	```bash
217	# 缩放到指定宽度，保持比例
218	convert input.jpg -resize 1920x output.jpg
219
220	# 裁剪为指定尺寸
221	convert input.jpg -resize 1920x1080^ -gravity center -extent 1920x1080 output.jpg
222	```
223
224	### 图片优化
225
226	```bash
227	# JPEG 质量优化 (需要 jpegoptim)
228	jpegoptim --max=85 image.jpg
229
230	# PNG 优化 (需要 pngquant)
231	pngquant --quality=65-80 image.png
232	```
233
234	## 版权注意事项
235
236	### 可以使用
237
238	- Unsplash/Pexels/Pixabay 图片（商用免费）
239	- Wikipedia 标注为 Public Domain 或 CC0 的图片
240	- 公司官方新闻室提供的媒体素材（用于相关报道）
241
242	### 需要谨慎
243
244	- Wikipedia 标注为 CC BY-SA 的图片（需署名）
245	- 搜索引擎找到的图片（来源不明）
246	- 社交媒体上的图片（版权复杂）
247
248	### 禁止使用
249
250	- 明确标注版权的图片
251	- Getty Images、Shutterstock 等付费图库的预览图
252	- 他人作品（未经授权）
253
254	## 常见问题
255
256	\| 问题 \| 解决方案 \|
257	\|------\|----------\|
258	\| 下载超时 \| 增加 `--max-time 120` 参数 \|
259	\| 图片太小 \| 在 URL 中调整 `w=` 参数 \|
260	\| Logo 有背景 \| 使用 ImageMagick 去背景 \|
261	\| 找不到合适图片 \| 尝试不同关键词组合 \|
262	\| 图片模糊 \| 选择更高分辨率版

People who liked this also viewed

6 picks

Type