{"id":"c450a81b-3f34-4daa-9ece-c0d98dd029a8","shortId":"8m6AY3","kind":"skill","title":"Auto-crop images around the most important subject before generating thumbnails","tagline":"Use smartcrop when an agent needs to choose a sensible crop automatically instead of center-cropping every image. The workflow scores visual saliency, returns crop coordinates for a target aspect ratio, and hands those coordinates to an image pipeline that renders the final thumb","description":"# Auto-crop images around the most important subject before generating thumbnails\n\nUse smartcrop when an agent needs to choose a sensible crop automatically instead of center-cropping every image. The workflow scores visual saliency, returns crop coordinates for a target aspect ratio, and hands those coordinates to an image pipeline that renders the final thumbnail or social card.\n\n## Prerequisites\n\nNode.js and npm\n\n## Installation\n\nNo source-backed install or usage instructions could be extracted automatically. Review the upstream project before running this skill in a sensitive workflow.\n\n- Source: https://www.npmjs.com/package/smartcrop\n\n## Documentation\n\n- https://github.com/jwagner/smartcrop.js\n\n## Source\n\n- [Agent Skill Exchange](https://agentskillexchange.com/skills/auto-crop-images-around-the-most-important-subject-before-generating-thumbnails/)","tags":["auto","crop","images","around","the","most","important","subject","before","generating","thumbnails","skills"],"capabilities":["skill","source-agentskillexchange","skill-auto-crop-images-around-the-most-important-subject-before-generating-thumbnails","topic-agent-skills","topic-ai-agents","topic-ai-tools","topic-awesome-list","topic-claude-code","topic-codex","topic-cursor","topic-llm","topic-mcp","topic-npx-skills","topic-openclaw","topic-skills-catalog"],"categories":["skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/agentskillexchange/skills/auto-crop-images-around-the-most-important-subject-before-generating-thumbnails","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add agentskillexchange/skills","source_repo":"https://github.com/agentskillexchange/skills","install_from":"skills.sh"}},"qualityScore":"0.454","qualityRationale":"deterministic score 0.45 from registry signals: · indexed on github topic:agent-skills · 8 github stars · SKILL.md body (865 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T19:09:30.887Z","embedding":null,"createdAt":"2026-05-18T13:15:16.036Z","updatedAt":"2026-05-18T19:09:30.887Z","lastSeenAt":"2026-05-18T19:09:30.887Z","tsv":"'/jwagner/smartcrop.js':154 '/package/smartcrop':150 '/skills/auto-crop-images-around-the-most-important-subject-before-generating-thumbnails/)':161 'agent':17,74,156 'agentskillexchange.com':160 'agentskillexchange.com/skills/auto-crop-images-around-the-most-important-subject-before-generating-thumbnails/)':159 'around':5,62 'aspect':43,100 'auto':2,59 'auto-crop':1,58 'automat':24,81,134 'back':126 'card':117 'center':28,85 'center-crop':27,84 'choos':20,77 'coordin':39,48,96,105 'could':131 'crop':3,23,29,38,60,80,86,95 'document':151 'everi':30,87 'exchang':158 'extract':133 'final':56,113 'generat':11,68 'github.com':153 'github.com/jwagner/smartcrop.js':152 'hand':46,103 'imag':4,31,51,61,88,108 'import':8,65 'instal':122,127 'instead':25,82 'instruct':130 'need':18,75 'node.js':119 'npm':121 'pipelin':52,109 'prerequisit':118 'project':138 'ratio':44,101 'render':54,111 'return':37,94 'review':135 'run':140 'salienc':36,93 'score':34,91 'sensibl':22,79 'sensit':145 'skill':142,157 'skill-auto-crop-images-around-the-most-important-subject-before-generating-thumbnails' 'smartcrop':14,71 'social':116 'sourc':125,147,155 'source-agentskillexchange' 'source-back':124 'subject':9,66 'target':42,99 'thumb':57 'thumbnail':12,69,114 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-tools' 'topic-awesome-list' 'topic-claude-code' 'topic-codex' 'topic-cursor' 'topic-llm' 'topic-mcp' 'topic-npx-skills' 'topic-openclaw' 'topic-skills-catalog' 'upstream':137 'usag':129 'use':13,70 'visual':35,92 'workflow':33,90,146 'www.npmjs.com':149 'www.npmjs.com/package/smartcrop':148","prices":[{"id":"17390a32-9ca1-4832-86ac-9bae68577f2f","listingId":"c450a81b-3f34-4daa-9ece-c0d98dd029a8","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"agentskillexchange","category":"skills","install_from":"skills.sh"},"createdAt":"2026-05-18T13:15:16.036Z"}],"sources":[{"listingId":"c450a81b-3f34-4daa-9ece-c0d98dd029a8","source":"github","sourceId":"agentskillexchange/skills/auto-crop-images-around-the-most-important-subject-before-generating-thumbnails","sourceUrl":"https://github.com/agentskillexchange/skills/tree/main/skills/auto-crop-images-around-the-most-important-subject-before-generating-thumbnails","isPrimary":false,"firstSeenAt":"2026-05-18T13:15:16.036Z","lastSeenAt":"2026-05-18T19:09:30.887Z"}],"details":{"listingId":"c450a81b-3f34-4daa-9ece-c0d98dd029a8","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"agentskillexchange","slug":"auto-crop-images-around-the-most-important-subject-before-generating-thumbnails","github":{"repo":"agentskillexchange/skills","stars":8,"topics":["agent-skills","ai-agents","ai-tools","awesome-list","claude-code","codex","cursor","llm","mcp","npx-skills","openclaw","skills-catalog"],"license":"mit","html_url":"https://github.com/agentskillexchange/skills","pushed_at":"2026-05-18T19:02:17Z","description":"The open catalog of AI agent skills — 2,000+ security-scanned skills for Claude Code, Cursor, Codex, and more.","skill_md_sha":"4d8a07961c56cf93de7c96a119757fb16bca0275","skill_md_path":"skills/auto-crop-images-around-the-most-important-subject-before-generating-thumbnails/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/agentskillexchange/skills/tree/main/skills/auto-crop-images-around-the-most-important-subject-before-generating-thumbnails"},"layout":"multi","source":"github","category":"skills","frontmatter":{"name":"Auto-crop images around the most important subject before generating thumbnails","description":"Use smartcrop when an agent needs to choose a sensible crop automatically instead of center-cropping every image. The workflow scores visual saliency, returns crop coordinates for a target aspect ratio, and hands those coordinates to an image pipeline that renders the final thumbnail or social card."},"skills_sh_url":"https://skills.sh/agentskillexchange/skills/auto-crop-images-around-the-most-important-subject-before-generating-thumbnails"},"updatedAt":"2026-05-18T19:09:30.887Z"}}