{"slug":"wellyshen-react-cool-img","name":"React Cool Img","description":"😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!","tagline":"😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!","category":"growth-marketing","tags":["seo","growth","marketing","marketing-seo","auto-retry","component","img","intersection-observer","lazy-loading","performance-optimization"],"author":{"name":"wellyshen","verified":false,"url":"https://github.com/wellyshen"},"attribution":{"status":"community_indexed","statusLabel":"Community indexed","shortLabel":"COMMUNITY INDEXED","sourceLabel":"GitHub star discovery","sourceDetail":"wellyshen/react-cool-img","creatorName":"wellyshen","creatorUrl":"https://github.com/wellyshen","sourceUrl":"https://github.com/wellyshen/react-cool-img","indexedBy":"OpenAgentSkill community index","claimUrl":"https://www.openagentskill.com/skills/wellyshen-react-cool-img#claim-this-skill","claimCta":"Claim this skill","trustNote":"This listing was indexed from public sources and is not marked official until a maintainer claim is approved.","publicNote":"Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals."},"stats":{"stars":770,"forks":29,"downloads":0,"rating":0,"review_count":0,"quality_score":38.91},"quality":{"score":55,"tier":"promising","label":"Promising","summary":"Useful candidate, but compare it with alternatives before adopting.","signals":[{"label":"GitHub stars","value":"770","tone":"positive"},{"label":"Freshness","value":"3y ago","tone":"warning"},{"label":"Install ready","value":"Yes","tone":"positive"},{"label":"License","value":"MIT","tone":"neutral"}],"warnings":["Repository looks stale"]},"trust":{"version":"trust-score-v4","score":74,"tier":"strong","label":"Strong shortlist","summary":"Good trust signals with a few areas worth checking before rollout.","recommendedAction":"Test in a sandbox workflow and compare its install path with close alternatives.","dimensions":[{"id":"github_adoption","label":"GitHub adoption","score":76,"weight":0.13,"status":"info","detail":"770 GitHub stars"},{"id":"repo_activity","label":"Stars/forks activity","score":65,"weight":0.08,"status":"info","detail":"770 stars, 29 forks; issue activity unavailable in current metadata"},{"id":"maintenance","label":"Recent maintenance","score":22,"weight":0.14,"status":"fail","detail":"3y since push"},{"id":"license","label":"License clarity","score":86,"weight":0.09,"status":"pass","detail":"MIT"},{"id":"documentation","label":"README/SKILL.md completeness","score":90,"weight":0.14,"status":"pass","detail":"Metadata includes enough usage and workflow context"},{"id":"dependency_risk","label":"Dependency/runtime risk","score":90,"weight":0.12,"status":"pass","detail":"no major dependency risk hints in public metadata"},{"id":"installability","label":"Install availability","score":92,"weight":0.1,"status":"pass","detail":"npx skills add wellyshen/react-cool-img"},{"id":"install_safety","label":"Install command safety","score":92,"weight":0.1,"status":"pass","detail":"standard package or runtime install path"},{"id":"permission_surface","label":"Permission surface","score":86,"weight":0.07,"status":"pass","detail":"filesystem or document access"},{"id":"repository","label":"Repository evidence","score":86,"weight":0.04,"status":"pass","detail":"https://github.com/wellyshen/react-cool-img"},{"id":"review_status","label":"Review status","score":88,"weight":0.05,"status":"pass","detail":"AI review data available"},{"id":"agent_outcomes","label":"Agent Proven outcomes","score":54,"weight":0.13,"status":"info","detail":"No agent outcome data yet"}],"checks":[{"status":"info","label":"GitHub adoption","detail":"770 GitHub stars"},{"status":"info","label":"Stars/forks activity","detail":"770 stars, 29 forks; issue activity unavailable in current metadata"},{"status":"fail","label":"Recent maintenance","detail":"3y since push"},{"status":"pass","label":"License clarity","detail":"MIT"},{"status":"pass","label":"README/SKILL.md completeness","detail":"Metadata includes enough usage and workflow context"},{"status":"pass","label":"Dependency/runtime risk","detail":"no major dependency risk hints in public metadata"},{"status":"pass","label":"Install availability","detail":"npx skills add wellyshen/react-cool-img"},{"status":"pass","label":"Install command safety","detail":"standard package or runtime install path"},{"status":"pass","label":"Permission surface","detail":"filesystem or document access"},{"status":"pass","label":"Repository evidence","detail":"https://github.com/wellyshen/react-cool-img"},{"status":"pass","label":"Review status","detail":"AI review data available"},{"status":"info","label":"Agent Proven outcomes","detail":"No agent outcome data yet"},{"status":"warn","label":"Ownership","detail":"No approved owner claim yet"},{"status":"info","label":"OpenAgentSkill usage","detail":"No local usage activity yet"},{"status":"info","label":"Agent outcomes","detail":"No agent outcome data yet"}],"strengths":["AI review approved","Install path is available","Repository evidence is available","Meaningful GitHub adoption signal","Install command has no obvious high-risk pattern"],"warnings":["Repository looks stale","Quality score needs review","Recent maintenance: 3y since push"],"evidence":{"stars":"770 GitHub stars","repoActivity":"770 stars, 29 forks","lastPushed":"3y since push","license":"MIT","repository":"https://github.com/wellyshen/react-cool-img","install":"npx skills add wellyshen/react-cool-img","installSafety":"standard package or runtime install path","permissionSurface":"filesystem or document access","documentation":"Strong README/SKILL.md context","agentOutcomes":"No agent outcome data yet"},"installReadiness":{"ready":true,"command":"npx skills add wellyshen/react-cool-img","policy":"human_review_before_install","label":"Human review before install","notes":["Install path is available","Repository evidence is available","License is declared","No Agent Proven outcome evidence yet","3y since push"]},"agentCompatibility":["TypeScript","SEO","Codex","Claude Code","Cursor","OpenAgentSkill CLI"],"riskSummary":{"level":"medium","label":"Review before production","notes":["Repository looks stale","Quality score needs review","Recent maintenance: 3y since push"]},"outcomeEvidence":{"total":0,"successes":0,"failures":0,"notRelevant":0,"successRate":null,"installAttempts":0,"riskBlocked":0,"setupRequired":0,"installSuccessRate":null,"avgOutputQuality":null,"avgTimeToUsefulMs":null,"productionOutcomes":0,"humanReviewRequired":0,"recentSuccessRate":null,"recentFailureRate":null,"uniqueAgents":0,"agentProvenScore":0,"agentProvenLabel":"Needs first agent run","lastOutcomeAt":null,"label":"No agent outcome data yet"},"autoInstall":{"allowed":false,"sandboxRequired":true,"policy":"human_review_before_install","reason":"Human review or sandbox validation is required before automatic installation."},"bestFor":["growth-marketing","seo","growth","marketing","marketing-seo","auto-retry"],"doNotUseFor":["Production credentials, payments, or irreversible account changes without explicit human review","Sensitive private data before reviewing repository code, license, and permission surface","Automatic installation in a production workspace"],"knownRisks":["Repository looks stale","Quality score needs review","Recent maintenance: 3y since push"]},"safety":{"score":50,"level":"avoid_auto_install","label":"Avoid automatic install","safety_tier":{"tier":"experimental","label":"Experimental","badge":"EXPERIMENTAL","summary":"Sparse or mixed signals. Useful for discovery, but not for autonomous installation.","recommended_action":"Test manually in an isolated workspace and compare against safer alternatives.","auto_install_policy":"review","reasons":["Repository appears stale","50/100 agent safety score"]},"auto_install_allowed":false,"human_review_required":true,"blocked":false,"audit_risk":"needs_review","permission_hints":[{"id":"network","label":"Network access","reason":"Skill likely fetches remote pages, APIs, repositories, or external services.","severity":"medium"},{"id":"filesystem","label":"Filesystem access","reason":"Skill may read or write project files, documents, generated artifacts, or local workspace state.","severity":"medium"}],"policy_warnings":["Repository appears stale"],"constraints_applied":{"max_risk":"medium","needs_install_command":true,"min_stars":0}},"safety_gate":{"tier":"experimental","label":"Experimental","badge":"EXPERIMENTAL","auto_install_policy":"review","auto_install_allowed":false,"human_review_required":true,"blocked":false,"recommended_action":"Test manually in an isolated workspace and compare against safer alternatives.","reasons":["Repository appears stale","50/100 agent safety score"]},"supply_profile":{"track":{"slug":"marketing","label":"Marketing and growth automation","shortLabel":"Marketing","description":"SEO, content operations, lead generation, CRM, email automation, analytics, and growth workflows."},"scenario":{"label":"Marketing and growth","description":"I need my agent to research keywords, improve SEO, analyze growth channels, and prepare marketing workflows.","useCases":[{"slug":"marketing-growth","title":"Marketing and growth"},{"slug":"coding-agents","title":"Coding agents"},{"slug":"rag-knowledge","title":"RAG and knowledge"}]},"applicableAgents":["Claude Code","CLI","Codex","Cursor","TypeScript"],"install":{"ready":true,"command":"npx skills add wellyshen/react-cool-img","primaryTarget":"CLI","targetCount":4},"githubQuality":{"stars":770,"starsLabel":"770","forks":29,"license":"MIT","qualityScore":55,"trustScore":74,"auditScore":66},"maintenance":{"status":"stale","label":"3y since push","daysSincePush":1087,"lastPushedAt":"2023-08-12T16:40:36+00:00"},"risk":{"level":"needs_review","label":"Needs review","requiresReview":true,"notes":["Repository appears stale","Repository looks stale","Quality score needs review","Recent maintenance: 3y since push","Needs review"]},"coverageTags":["Marketing","Marketing and growth","growth-marketing","seo","growth","marketing-seo","auto-retry","component"]},"audit":{"audit_score":66,"risk_level":"needs_review","risk_label":"Needs review","warnings":["Repository appears stale","Repository looks stale","Quality score needs review","Recent maintenance: 3y since push"]},"decision":{"readiness_score":57,"readiness_label":"Needs manual review","headline":"Needs validation for Marketing and growth","role":"Needs validation","primary_fit":"Marketing and growth","best_for":["Marketing and growth workflows","Claude Code teams","teams that value GitHub adoption signals"],"risks":["Repository looks stale","No OpenAgentSkill engagement data yet"],"next_steps":["Install it in a sandbox agent and run one Marketing and growth task end to end.","Compare output quality, latency, and failure behavior against at least one alternative.","Promote it into production only after reviewing repository permissions, license, and maintenance signals."]},"agent_readable_metadata":{"version":"openagentskill-agent-metadata-v2","skill":{"slug":"wellyshen-react-cool-img","name":"React Cool Img","description":"😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!","category":"growth-marketing","url":"https://www.openagentskill.com/skills/wellyshen-react-cool-img","repository":"https://github.com/wellyshen/react-cool-img","github_repo":"wellyshen/react-cool-img"},"suited_tasks":["Marketing and growth workflows","Claude Code teams","teams that value GitHub adoption signals","Collect channel signals","Prioritize opportunities","Draft structured campaign assets","Inspect source files","Explain architecture"],"suited_agents":["TypeScript","SEO","Codex","Claude Code","Cursor","OpenAgentSkill CLI","CLI"],"install":{"command":"npx skills add wellyshen/react-cool-img","ready":true,"targets":[{"id":"openagentskill-cli","label":"CLI","kind":"command","value":"npx skills add wellyshen/react-cool-img"},{"id":"codex","label":"Codex","kind":"agent-prompt","value":"Install the \"React Cool Img\" agent skill from https://github.com/wellyshen/react-cool-img. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: 😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!"},{"id":"claude-code","label":"Claude Code","kind":"agent-prompt","value":"Add \"React Cool Img\" as a Claude Code skill from https://github.com/wellyshen/react-cool-img. Inspect the skill instructions, place the reusable skill files in the appropriate local skills location for this project, and report the activation steps. Skill purpose: 😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!"},{"id":"cursor","label":"Cursor","kind":"agent-prompt","value":"Turn \"React Cool Img\" from https://github.com/wellyshen/react-cool-img into a reusable Cursor project rule or agent instruction. Preserve the core workflow, adapt paths to this repo, and keep the rule scoped to tasks where it is relevant. Skill purpose: 😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!"}],"handoff_url":"https://www.openagentskill.com/api/skills/wellyshen-react-cool-img/install","manifest_url":"https://www.openagentskill.com/api/registry/manifest/wellyshen-react-cool-img"},"trust":{"score":74,"label":"Strong shortlist","version":"trust-score-v4","install_policy":"human_review_before_install","evidence":{"stars":"770 GitHub stars","repoActivity":"770 stars, 29 forks","lastPushed":"3y since push","license":"MIT","repository":"https://github.com/wellyshen/react-cool-img","install":"npx skills add wellyshen/react-cool-img","installSafety":"standard package or runtime install path","permissionSurface":"filesystem or document access","documentation":"Strong README/SKILL.md context","agentOutcomes":"No agent outcome data yet"},"outcome_evidence":{"total":0,"successes":0,"failures":0,"not_relevant":0,"success_rate":null,"recent_success_rate":null,"recent_failure_rate":null,"install_attempts":0,"install_success_rate":null,"risk_blocked":0,"setup_required":0,"avg_output_quality":null,"production_outcomes":0,"last_outcome_at":null,"label":"No agent outcome data yet"},"auto_install":{"allowed":false,"sandbox_required":true,"reason":"Human review or sandbox validation is required before automatic installation."},"best_for":["growth-marketing","seo","growth","marketing","marketing-seo","auto-retry"],"known_risks":["Repository looks stale","Quality score needs review","Recent maintenance: 3y since push"]},"agent_proven":{"version":"agent-proven-v1","score":0,"tier":"unproven","label":"Needs first agent run","summary":"No agent outcome reports yet. Use Resolve, run one narrow sandbox task, then report the result.","metrics":{"totalOutcomes":0,"successfulOutcomes":0,"failedOutcomes":0,"installAttempts":0,"installSuccessRate":null,"successRate":null,"recentSuccessRate":null,"recentFailureRate":null,"riskBlocked":0,"setupRequired":0,"notRelevant":0,"avgOutputQuality":null,"avgTimeToUsefulMs":null,"productionOutcomes":0,"humanReviewRequired":0,"uniqueAgents":0,"lastOutcomeAt":null},"signals":[],"penalties":["No real agent outcome evidence yet"]},"audit":{"score":66,"risk_level":"needs_review","risk_label":"Needs review","warnings":["Repository appears stale","Repository looks stale","Quality score needs review","Recent maintenance: 3y since push"]},"safety_gate":{"tier":"experimental","label":"Experimental","auto_install_policy":"review","auto_install_allowed":false,"human_review_required":true,"blocked":false,"recommended_action":"Test manually in an isolated workspace and compare against safer alternatives."},"quality":{"score":55,"label":"Promising"},"supply":{"track":"Marketing and growth automation","scenario":"Marketing and growth","maintenance":"3y since push","risk":"Needs review"},"alternative_skills":[],"do_not_use_when":["teams that require actively maintained dependencies","production agents without a repository review","Repository looks stale","No OpenAgentSkill engagement data yet","Repository appears stale","Quality score needs review","Recent maintenance: 3y since push","Production credentials, payments, or irreversible account changes without explicit human review"],"agent_contract":{"task_input":"Use React Cool Img in an agent workflow","recommended_action":"Test manually in an isolated workspace and compare against safer alternatives.","install_policy":"review","minimum_review_before_use":["Trust: 74/100 Strong shortlist","Audit: 66/100 Needs review","Safety: 50/100 Avoid automatic install","Review repository, license, install command, and permission surface before production use."],"expected_agent_output":{"selected_skill":"wellyshen-react-cool-img (React Cool Img)","install_command":"npx skills add wellyshen/react-cool-img","risk_summary":"Needs review; Experimental; Review before production","verification_result":"Report the smallest successful task, files touched, warnings, and any missing setup."}},"outcome_feedback":{"endpoint":"https://www.openagentskill.com/api/agent/outcome","method":"POST","requires_resolve_event_id":true,"event_id_source":"Use install_receipt.outcome_feedback.event_id or feedback.event_id returned by /api/agent/resolve for the current task.","expected_outcomes":["success","failed","not_relevant","blocked_by_risk","setup_required"],"payload_template":{"event_id":"<install_receipt.outcome_feedback.event_id or feedback.event_id from /api/agent/resolve>","skill_slug":"wellyshen-react-cool-img","task":"Use React Cool Img in an agent workflow","agent":"codex","outcome":"success","install_used":true,"risk_blocked":false,"setup_required":false,"task_success":true,"output_quality":4,"error_type":null,"human_review_required":false,"workspace":"sandbox","time_to_useful_ms":120000,"notes":"Report the smallest successful task, setup friction, files touched, and risk notes."}},"endpoints":{"web":"https://www.openagentskill.com/skills/wellyshen-react-cool-img","api":"https://www.openagentskill.com/api/agent/skills/wellyshen-react-cool-img","audit":"https://www.openagentskill.com/skills/wellyshen-react-cool-img/audit","eval":"https://www.openagentskill.com/api/agent/evals?slug=wellyshen-react-cool-img&task=Use%20React%20Cool%20Img%20in%20an%20agent%20workflow&max_risk=medium","resolve":"https://www.openagentskill.com/api/agent/resolve?task=Use%20React%20Cool%20Img%20in%20an%20agent%20workflow&agent=codex&max_risk=medium","receipt":"https://www.openagentskill.com/api/agent/receipt?task=Use%20React%20Cool%20Img%20in%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text","install":"https://www.openagentskill.com/api/skills/wellyshen-react-cool-img/install","manifest":"https://www.openagentskill.com/api/registry/manifest/wellyshen-react-cool-img"}},"machine_metadata":{"version":"openagentskill-agent-metadata-v2","skill":{"slug":"wellyshen-react-cool-img","name":"React Cool Img","description":"😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!","category":"growth-marketing","url":"https://www.openagentskill.com/skills/wellyshen-react-cool-img","repository":"https://github.com/wellyshen/react-cool-img","github_repo":"wellyshen/react-cool-img"},"suited_tasks":["Marketing and growth workflows","Claude Code teams","teams that value GitHub adoption signals","Collect channel signals","Prioritize opportunities","Draft structured campaign assets","Inspect source files","Explain architecture"],"suited_agents":["TypeScript","SEO","Codex","Claude Code","Cursor","OpenAgentSkill CLI","CLI"],"install":{"command":"npx skills add wellyshen/react-cool-img","ready":true,"targets":[{"id":"openagentskill-cli","label":"CLI","kind":"command","value":"npx skills add wellyshen/react-cool-img"},{"id":"codex","label":"Codex","kind":"agent-prompt","value":"Install the \"React Cool Img\" agent skill from https://github.com/wellyshen/react-cool-img. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: 😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!"},{"id":"claude-code","label":"Claude Code","kind":"agent-prompt","value":"Add \"React Cool Img\" as a Claude Code skill from https://github.com/wellyshen/react-cool-img. Inspect the skill instructions, place the reusable skill files in the appropriate local skills location for this project, and report the activation steps. Skill purpose: 😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!"},{"id":"cursor","label":"Cursor","kind":"agent-prompt","value":"Turn \"React Cool Img\" from https://github.com/wellyshen/react-cool-img into a reusable Cursor project rule or agent instruction. Preserve the core workflow, adapt paths to this repo, and keep the rule scoped to tasks where it is relevant. Skill purpose: 😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!"}],"handoff_url":"https://www.openagentskill.com/api/skills/wellyshen-react-cool-img/install","manifest_url":"https://www.openagentskill.com/api/registry/manifest/wellyshen-react-cool-img"},"trust":{"score":74,"label":"Strong shortlist","version":"trust-score-v4","install_policy":"human_review_before_install","evidence":{"stars":"770 GitHub stars","repoActivity":"770 stars, 29 forks","lastPushed":"3y since push","license":"MIT","repository":"https://github.com/wellyshen/react-cool-img","install":"npx skills add wellyshen/react-cool-img","installSafety":"standard package or runtime install path","permissionSurface":"filesystem or document access","documentation":"Strong README/SKILL.md context","agentOutcomes":"No agent outcome data yet"},"outcome_evidence":{"total":0,"successes":0,"failures":0,"not_relevant":0,"success_rate":null,"recent_success_rate":null,"recent_failure_rate":null,"install_attempts":0,"install_success_rate":null,"risk_blocked":0,"setup_required":0,"avg_output_quality":null,"production_outcomes":0,"last_outcome_at":null,"label":"No agent outcome data yet"},"auto_install":{"allowed":false,"sandbox_required":true,"reason":"Human review or sandbox validation is required before automatic installation."},"best_for":["growth-marketing","seo","growth","marketing","marketing-seo","auto-retry"],"known_risks":["Repository looks stale","Quality score needs review","Recent maintenance: 3y since push"]},"agent_proven":{"version":"agent-proven-v1","score":0,"tier":"unproven","label":"Needs first agent run","summary":"No agent outcome reports yet. Use Resolve, run one narrow sandbox task, then report the result.","metrics":{"totalOutcomes":0,"successfulOutcomes":0,"failedOutcomes":0,"installAttempts":0,"installSuccessRate":null,"successRate":null,"recentSuccessRate":null,"recentFailureRate":null,"riskBlocked":0,"setupRequired":0,"notRelevant":0,"avgOutputQuality":null,"avgTimeToUsefulMs":null,"productionOutcomes":0,"humanReviewRequired":0,"uniqueAgents":0,"lastOutcomeAt":null},"signals":[],"penalties":["No real agent outcome evidence yet"]},"audit":{"score":66,"risk_level":"needs_review","risk_label":"Needs review","warnings":["Repository appears stale","Repository looks stale","Quality score needs review","Recent maintenance: 3y since push"]},"safety_gate":{"tier":"experimental","label":"Experimental","auto_install_policy":"review","auto_install_allowed":false,"human_review_required":true,"blocked":false,"recommended_action":"Test manually in an isolated workspace and compare against safer alternatives."},"quality":{"score":55,"label":"Promising"},"supply":{"track":"Marketing and growth automation","scenario":"Marketing and growth","maintenance":"3y since push","risk":"Needs review"},"alternative_skills":[],"do_not_use_when":["teams that require actively maintained dependencies","production agents without a repository review","Repository looks stale","No OpenAgentSkill engagement data yet","Repository appears stale","Quality score needs review","Recent maintenance: 3y since push","Production credentials, payments, or irreversible account changes without explicit human review"],"agent_contract":{"task_input":"Use React Cool Img in an agent workflow","recommended_action":"Test manually in an isolated workspace and compare against safer alternatives.","install_policy":"review","minimum_review_before_use":["Trust: 74/100 Strong shortlist","Audit: 66/100 Needs review","Safety: 50/100 Avoid automatic install","Review repository, license, install command, and permission surface before production use."],"expected_agent_output":{"selected_skill":"wellyshen-react-cool-img (React Cool Img)","install_command":"npx skills add wellyshen/react-cool-img","risk_summary":"Needs review; Experimental; Review before production","verification_result":"Report the smallest successful task, files touched, warnings, and any missing setup."}},"outcome_feedback":{"endpoint":"https://www.openagentskill.com/api/agent/outcome","method":"POST","requires_resolve_event_id":true,"event_id_source":"Use install_receipt.outcome_feedback.event_id or feedback.event_id returned by /api/agent/resolve for the current task.","expected_outcomes":["success","failed","not_relevant","blocked_by_risk","setup_required"],"payload_template":{"event_id":"<install_receipt.outcome_feedback.event_id or feedback.event_id from /api/agent/resolve>","skill_slug":"wellyshen-react-cool-img","task":"Use React Cool Img in an agent workflow","agent":"codex","outcome":"success","install_used":true,"risk_blocked":false,"setup_required":false,"task_success":true,"output_quality":4,"error_type":null,"human_review_required":false,"workspace":"sandbox","time_to_useful_ms":120000,"notes":"Report the smallest successful task, setup friction, files touched, and risk notes."}},"endpoints":{"web":"https://www.openagentskill.com/skills/wellyshen-react-cool-img","api":"https://www.openagentskill.com/api/agent/skills/wellyshen-react-cool-img","audit":"https://www.openagentskill.com/skills/wellyshen-react-cool-img/audit","eval":"https://www.openagentskill.com/api/agent/evals?slug=wellyshen-react-cool-img&task=Use%20React%20Cool%20Img%20in%20an%20agent%20workflow&max_risk=medium","resolve":"https://www.openagentskill.com/api/agent/resolve?task=Use%20React%20Cool%20Img%20in%20an%20agent%20workflow&agent=codex&max_risk=medium","receipt":"https://www.openagentskill.com/api/agent/receipt?task=Use%20React%20Cool%20Img%20in%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text","install":"https://www.openagentskill.com/api/skills/wellyshen-react-cool-img/install","manifest":"https://www.openagentskill.com/api/registry/manifest/wellyshen-react-cool-img"}},"platforms":["TypeScript","SEO","Claude Code"],"use_cases":[{"slug":"marketing-growth","title":"Marketing and growth","url":"https://www.openagentskill.com/use-cases/marketing-growth"},{"slug":"coding-agents","title":"Coding agents","url":"https://www.openagentskill.com/use-cases/coding-agents"},{"slug":"rag-knowledge","title":"RAG and knowledge","url":"https://www.openagentskill.com/use-cases/rag-knowledge"},{"slug":"browser-automation","title":"Browser automation","url":"https://www.openagentskill.com/use-cases/browser-automation"}],"install":"npx skills add wellyshen/react-cool-img","install_targets":[{"id":"openagentskill-cli","label":"CLI","title":"OpenAgentSkill CLI","kind":"command","value":"npx skills add wellyshen/react-cool-img","description":"Use the registry command when your workflow supports the OpenAgentSkill installer.","copyLabel":"Copy command"},{"id":"codex","label":"Codex","title":"Codex install prompt","kind":"agent-prompt","value":"Install the \"React Cool Img\" agent skill from https://github.com/wellyshen/react-cool-img. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: 😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!","description":"Give Codex a repo-aware install prompt when the skill is not available through a local CLI.","copyLabel":"Copy prompt"},{"id":"claude-code","label":"Claude Code","title":"Claude Code skill prompt","kind":"agent-prompt","value":"Add \"React Cool Img\" as a Claude Code skill from https://github.com/wellyshen/react-cool-img. Inspect the skill instructions, place the reusable skill files in the appropriate local skills location for this project, and report the activation steps. Skill purpose: 😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!","description":"Use this prompt to ask Claude Code to add the skill and explain the local activation steps.","copyLabel":"Copy prompt"},{"id":"cursor","label":"Cursor","title":"Cursor rule prompt","kind":"agent-prompt","value":"Turn \"React Cool Img\" from https://github.com/wellyshen/react-cool-img into a reusable Cursor project rule or agent instruction. Preserve the core workflow, adapt paths to this repo, and keep the rule scoped to tasks where it is relevant. Skill purpose: 😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!","description":"Use this when installing as Cursor project rules or reusable agent instructions.","copyLabel":"Copy prompt"}],"repository":"https://github.com/wellyshen/react-cool-img","github_repo":"wellyshen/react-cool-img","version":"1.0.0","license":"MIT","updated_at":"2026-06-16T10:04:22.986723+00:00","canonical_key":"wellyshen/react-cool-img","recommendation_reasons":["Useful GitHub adoption: 770 stars","Install handoff is available","Repository freshness signal is available"],"urls":{"web":"https://www.openagentskill.com/skills/wellyshen-react-cool-img","api":"https://www.openagentskill.com/api/agent/skills/wellyshen-react-cool-img","install_api":"https://www.openagentskill.com/api/skills/wellyshen-react-cool-img/install","audit":"https://www.openagentskill.com/skills/wellyshen-react-cool-img/audit","repository":"https://github.com/wellyshen/react-cool-img"},"meta":{"endpoint":"/api/registry/manifest/{slug}","canonical_agent_endpoint":"/api/agent/skills/wellyshen-react-cool-img","agent_friendly":true,"api_version":"1.0","generated_at":"2026-08-04T15:10:21.656Z"}}