seo-images

Image optimization analysis for SEO and Core Web Vitals — alt text, file sizes, WebP/AVIF formats, responsive srcset, lazy loading, fetchpriority, and CLS prevention. USE WHEN a user mentions image optimization, alt text, image SEO, image size, or an image audit.

설치로 이동

저장소: Sheshiyer/skill-clusters
최근 소스 활동: 2026년 6월 5일 17:26
감지된 SKILL.md 언어: 영어
스타: 0
포크: 1

설치 방법

기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

직접 명령은 검토 Prompt를 거치지 않습니다. 실행하기 전에 소스를 확인하세요.

npx skills add https://github.com/Sheshiyer/skill-clusters --skill seo-images

명령은 한 줄로 유지됩니다. 복사하기 전에 가로로 스크롤해 전체 내용을 확인하세요.

로컬 사본을 원하시나요? SkillsMP에서 현재 제공할 수 있는 파일을 다운로드하세요.

소스 파일 검토

설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.

SKILL.md

소스 지침 · 읽기 전용 미리보기

검색으로 돌아가기 설치로 돌아가기

arcplume

Arcplume runs Grok through the Grok Build CLI's own OAuth-authenticated session (grok login) for image generation, with strict preflight validation, secret-safe handling, and headless CLI-driven execution -- no separate XAI_API_KEY billing. Video falls back to the billed xAI API. USE WHEN a user wants to generate an image via a locally logged-in Grok Build CLI session, e.g. 'generate an image with grok', 'use grok build', or 'use my logged-in grok session'.

2026-07-07

selemene-core

Shared reference for the Selemene cluster: the two report surfaces (deterministic Rust reports vs. narrative witness-pipeline readings), the @selemene/bridge CLI contract, the output manifest format, and non-prescriptive witnessing tone. USE WHEN deciding which Selemene surface to invoke or when routing between birth/compatibility/transit reports and solo/dyadic readings.

2026-07-07

selemene-orchestrator

Route Selemene Engine tasks to the right surface: deterministic reports (birth/compatibility/transit) via selemene-core and the @selemene/bridge CLI, or narrative witness readings via selemene-report. USE WHEN the user wants anything under the Selemene/Noesis umbrella but has not named the exact surface.

2026-07-07

이 저장소의 모든 Skills 보기

<picture>
  <source srcset="image.avif" type="image/avif">
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" alt="Descriptive alt text" width="800" height="600" loading="lazy" decoding="async">
</picture>

<img
  src="image-800.jpg"
  srcset="image-400.jpg 400w, image-800.jpg 800w, image-1200.jpg 1200w"
  sizes="(max-width: 600px) 400px, (max-width: 1200px) 800px, 1200px"
  alt="Description"
>

<!-- Below fold - lazy load -->
<img src="photo.jpg" loading="lazy" alt="Description">

<!-- Above fold - eager load (default) -->
<img src="hero.jpg" alt="Hero image">

<img src="hero.webp" fetchpriority="high" alt="Hero image description" width="1200" height="630">

<img src="photo.webp" alt="Description" width="600" height="400" loading="lazy" decoding="async">

<!-- Good - dimensions set -->
<img src="photo.jpg" width="800" height="600" alt="Description">

<!-- Good - CSS aspect ratio -->
<img src="photo.jpg" style="aspect-ratio: 4/3" alt="Description">

<!-- Bad - no dimensions -->
<img src="photo.jpg" alt="Description">

Scenario	Action
URL unreachable	Report connection error with status code. Suggest verifying URL and checking if site requires authentication.
No images found on page	Report that no `<img>` elements were detected. Suggest checking if images are loaded via JavaScript or CSS background-image.
Images behind CDN or authentication	Note that image files could not be directly accessed for size analysis. Report available metadata (alt text, dimensions, format from markup) and flag inaccessible resources.

name	seo-images
description	Image optimization analysis for SEO and Core Web Vitals — alt text, file sizes, WebP/AVIF formats, responsive srcset, lazy loading, fetchpriority, and CLS prevention. USE WHEN a user mentions image optimization, alt text, image SEO, image size, or an image audit.
cluster	growth-seo
version	1.0.0
origin	antigravity-awesome-skills (MIT)
user-invokable	true
argument-hint	[url]
allowed-tools	["Read","Grep","Glob","Bash","WebFetch"]

name	seo-images
description	Image optimization analysis for SEO and Core Web Vitals — alt text, file sizes, WebP/AVIF formats, responsive srcset, lazy loading, fetchpriority, and CLS prevention. USE WHEN a user mentions image optimization, alt text, image SEO, image size, or an image audit.
cluster	growth-seo
version	1.0.0
origin	antigravity-awesome-skills (MIT)
user-invokable	true
argument-hint	[url]
allowed-tools	["Read","Grep","Glob","Bash","WebFetch"]

Image Category	Target	Warning	Critical
Thumbnails	< 50KB	> 100KB	> 200KB
Content images	< 100KB	> 200KB	> 500KB
Hero/banner images	< 200KB	> 300KB	> 700KB

Format	Browser Support	Use Case
WebP	97%+	Default recommendation
AVIF	92%+	Best compression, newer
JPEG	100%	Fallback for photos
PNG	100%	Graphics with transparency
SVG	100%	Icons, logos, illustrations

Metric	Status	Count
Total Images	-	XX
Missing Alt Text	❌	XX
Oversized (>200KB)	⚠️	XX
Wrong Format	⚠️	XX
No Dimensions	⚠️	XX
Not Lazy Loaded	⚠️	XX

seo-images

설치 방법

소스 파일 검토

Image Optimization Analysis

Image Optimization Analysis

When to Use

Checks

Alt Text

File Size

Format

Recommended `<picture>` Element Pattern

JPEG XL: Emerging Format

Responsive Images

Lazy Loading

`fetchpriority="high"` for LCP Images

`decoding="async"` for Non-LCP Images

CLS Prevention

File Names

CDN Usage

Output

Image Audit Summary

Prioritized Optimization List

Recommendations

Error Handling

Limitations

seo-images

소스 정보

설치 방법

소스 파일 검토

이 저장소의 다른 Skills

이 저장소의 다른 Skills

Image Optimization Analysis

Image Optimization Analysis

When to Use

Checks

Alt Text

File Size

Format

Recommended <picture> Element Pattern

JPEG XL: Emerging Format

Responsive Images

Lazy Loading

fetchpriority="high" for LCP Images

decoding="async" for Non-LCP Images

CLS Prevention

File Names

CDN Usage

Output

Image Audit Summary

Prioritized Optimization List

Recommendations

Error Handling

Limitations

Recommended `<picture>` Element Pattern

`fetchpriority="high"` for LCP Images

`decoding="async"` for Non-LCP Images