image-optimization-skill
为AI编码智能体提供图像与媒体优化及管理的综合技能集。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：image-optimization-skill。 它的用途是：为AI编码智能体提供图像与媒体优化及管理的综合技能集。 完整的 Skill 内容见：https://321skill.com/skills/image-optimization-skill/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我需要为这个产品页面上的主图生成响应式图片标记，并优化为WebP格式，同时确保符合LCP要求。”，它会根据技能库中的最佳实践，生成包含`srcset`、`sizes`属性和适当`fetchpriority`的`<picture>`元素代码，并建议使用Sirv的动态成像URL或提供本地优化参数。
介绍
该技能集旨在解决开发者在构建现代Web应用时面临的图像与媒体性能优化、文件管理和交互展示等复杂问题。它提供了一套从图片压缩、格式转换到视频优化、360度产品展示的完整工作流，并深度集成了Sirv媒体管理平台的相关API。
通过安装此技能，AI智能体（如Claude、Cursor）将获得执行具体图像优化任务、调用Sirv API管理文件、生成媒体查看器代码以及处理视频的能力。开发者可以通过自然语言指令，让AI协助完成原本需要手动编写脚本或使用多个工具才能完成的工作。
它特别适合需要处理大量媒体资源、追求极致Web性能（如Core Web Vitals）或构建丰富产品展示页面的前端、全栈开发者以及电商运营人员。对于内容创作者和营销专员，其中的AI Studio工具也能辅助进行图像生成与批量处理。
使用建议：在涉及Sirv平台的功能时，需要拥有Sirv账户以获取API凭证。对于性能关键型项目，建议结合其提供的审计脚本对页面进行自动化分析，以精准定位优化点。
核心特点
与单一功能的图像处理技能不同，它集成了从底层优化（如SSIM/VMAF阈值压缩）、CDN工作流（Sirv深度集成）到前端嵌入（Media Viewer）的完整解决方案，并提供了可直接运行的页面审计脚本和针对AI智能体的评估用例（evals），确保优化建议可执行、可验证。
注意事项
该技能的核心媒体处理能力高度依赖Sirv平台，对于希望完全使用开源或自建CDN解决方案的用户可能不完全适用。
常见问题
这个技能能帮我优化本地图片吗？
可以，它提供了基于质量设置、压缩技术的优化指导，并能生成相应的处理脚本或推荐使用Sirv等CDN工具进行自动化处理。
使用Sirv API需要额外付费吗？
Sirv平台本身提供免费额度，超出后需按使用量付费。该技能是调用Sirv API的工具，不产生额外费用，但您的Sirv账户使用会产生相应成本。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/image-optimization-skill/raw/index.md 读取 image-optimization-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/image-optimization-skill/raw/index.md（查看排版版本）