Communitygithub.com

husheng-web/personal-website-skills

Prepare, optimize, and register portfolio images and documents while preserving provenance, accessibility, and responsive rendering contracts.

What is personal-website-skills?

personal-website-skills is a Claude Code agent skill that prepare, optimize, and register portfolio images and documents while preserving provenance, accessibility, and responsive rendering contracts.

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

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

Portfolio Media Asset Ops

Safely turn approved media into website-ready assets.

Workflow

  1. Inspect the existing media directory conventions and every code/data reference before renaming, replacing, or converting an asset.
  2. Record source provenance, approval state, media role, original dimensions, target format, and intended responsive use.
  3. Use the smallest suitable optimized derivative while retaining the approved source asset unless the user explicitly authorizes removal.
  4. Update all required registry/content references, dimensions, and localized alt text together.

Checks

Verify paths resolve in the production build, images load without distortion, visual quality is adequate at the largest rendered size, and decorative images are correctly marked rather than given misleading alt text. Test desktop and mobile crop behavior for cover assets.

Boundary

Never replace factual project material with generated imagery, imply rights from local possession, or delete originals as part of routine optimization.

Individual skills in this repo

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

Related Skills