Use when reviewing image assets, markup, and CDN or build transforms related to Use <figure> and <figcaption> for image captions. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.
Install
npx skills add thedaviddias/Front-End-Checklist --skill figure-figcaptionnpx skills add thedaviddias/Front-End-Checklist --skill figure-figcaption -a claude-code -gnpx skills add thedaviddias/Front-End-Checklist --skill figure-figcaption -a codex -ggemini skills install https://github.com/thedaviddias/Front-End-Checklist.git --path skills/figure-figcaptiongh skill install thedaviddias/Front-End-Checklist figure-figcaptiongit clone --depth 1 https://github.com/thedaviddias/Front-End-Checklist /tmp/thedaviddias__Front-End-Checklist
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/thedaviddias__Front-End-Checklist/skills/figure-figcaption ~/.claude/skills/figure-figcaption # Claude Code
cp -R /tmp/thedaviddias__Front-End-Checklist/skills/figure-figcaption ~/.agents/skills/figure-figcaption # Codex, Cursor, Gemini CLI, Copilot, OpenCode