Agent skill

image-optimization-rules

Rules for optimizing images within React components to improve performance.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/image-optimization-rules

SKILL.md

Image Optimization Rules Skill

  • Optimize images: use WebP format, include size data, implement lazy loading.

Memory Protocol (MANDATORY)

Before starting:

bash
cat .claude/context/memory/learnings.md

After completing: Record any new patterns or exceptions discovered.

ASSUME INTERRUPTION: Your context may reset. If it's not in memory, it didn't happen.

Didn't find tool you were looking for?

Be as detailed as possible for better results