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
آخر نشاط في المصدر: ٥ يونيو ٢٠٢٦ في ١٧:٢٦
لغة SKILL.md المكتشفة: الإنجليزية
النجوم: ٠
التفرعات: ١

خيارات التثبيت

يُحدَّد 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

عرض الكل من هذا المستودع

<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

معلومات المصدر

خيارات التثبيت

مراجعة ملفات المصدر

المزيد من هذا المستودع

المزيد من هذا المستودع

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