Communitygithub.com

个人作品集媒体资产管理技能

准备、优化并注册作品集图片和文档,同时保留来源、可访问性和响应式渲染约定。

个人作品集媒体资产管理技能 是什么?

这个技能专为个人作品集网站设计,帮助开发者安全地将批准的媒体文件转换为网站就绪的资源。它遵循一套严格的工作流程:首先检查现有媒体目录约定和所有代码/数据引用,然后记录来源、审批状态、媒体角色、原始尺寸、目标格式和预期的响应式用途。该技能强调使用最小合适的优化衍生文件,同时保留原始来源文件,除非用户明确授权删除。它还强制要求更新所有注册/内容引用、尺寸和本地化替代文本。通过路径解析、图像加载检查、视觉质量验证和覆盖行为测试,确保资产在桌面和移动设备上完美呈现。这个技能特别适合使用静态站点生成器(如Astro、Next.js或Hugo)构建个人作品集的开发者,可以帮助他们自动化媒体资产优化流程,同时保持可访问性和响应式设计的完整性。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/husheng-web/personal-website-skills/tree/HEAD/skills/portfolio-media-asset-ops

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

作品集媒体资产管理

安全地将批准的媒体转换为网站就绪资源。

工作流程

  1. 在重命名、替换或转换资产之前,检查现有媒体目录约定以及所有代码/数据引用。
  2. 记录来源、审批状态、媒体角色、原始尺寸、目标格式和预期的响应式用途。
  3. 使用最小合适的优化衍生文件,同时保留审批通过的原始来源文件,除非用户明确授权删除。
  4. 同时更新所有必需的注册/内容引用、尺寸和本地化替代文本。

检查项

验证路径在生产构建中可解析,图片加载无扭曲,视觉质量在最大渲染尺寸下足够,并且装饰性图片被正确标记,而不是给出误导性的替代文本。针对封面类资产,测试桌面和移动端的裁剪行为。

边界

绝不以生成的图像替换实际项目内容,不得因本地持有而暗示版权授权,也不得在常规优化过程中删除原始文件。

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

相关技能