SKILL·31C748

optimizing-image-pipeline

itsmeAlee
Aktualisiert 1 month ago
11 Ansichten
0
Auf GitHub ansehen
Dokumentationgeneral

Über

Diese Fähigkeit bietet Strategien zur Optimierung des Bildladens in Next.js-Anwendungen unter Verwendung von next/image mit Appwrite. Der Fokus liegt auf der Implementierung von Unschärfe-Platzhaltern und responsiven Vorschauen, um Layoutverschiebungen zu vermeiden und gleichzeitig die Bandbreitennutzung zu reduzieren. Entwickler sollten sie für bildintensive Funktionen wie Galerien verwenden, bei denen Leistung und hochwertige Ladeeffekte Priorität haben.

Schnellinstallation

Claude Code

Empfohlen
Primär
npx skills add itsmeAlee/Tourly2 -a claude-code
Plugin-BefehlAlternativ
/plugin add https://github.com/itsmeAlee/Tourly2
Git CloneAlternativ
git clone https://github.com/itsmeAlee/Tourly2.git ~/.claude/skills/optimizing-image-pipeline

Kopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren

GitHub Repository

itsmeAlee/Tourly2
Pfad: .agent/skills/optimizing-image-pipeline
0
FAQ

Frequently asked questions

What is the optimizing-image-pipeline skill?

optimizing-image-pipeline is a Claude Skill by itsmeAlee. Skills package instructions and resources that Claude loads on demand, so Claude can perform optimizing-image-pipeline-related tasks without extra prompting.

How do I install optimizing-image-pipeline?

Use the install commands on this page: add optimizing-image-pipeline to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does optimizing-image-pipeline belong to?

optimizing-image-pipeline is in the Documentation category, tagged general.

Is optimizing-image-pipeline free to use?

Yes. optimizing-image-pipeline is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

Verwandte Skills

railway-docs
Dokumentation

Diese Fähigkeit ruft aktuelle Railway-Dokumentation ab, um Fragen zu Funktionen, Funktionalität oder spezifischen Dokumentations-URLs zu beantworten. Sie stellt sicher, dass Entwickler genaue, aktuelle Informationen direkt aus den offiziellen Quellen von Railway erhalten. Nutzen Sie sie, wenn Nutzer fragen, wie Railway funktioniert oder auf Railway-Dokumentation verweisen.

Skill ansehen
n8n-code-python
Dokumentation

Dieses Claude Skill bietet fachkundige Anleitung zum Schreiben von Python-Code in n8n-Code-Nodes, insbesondere für die Verwendung der Python-Standardbibliothek und den Umgang mit n8ns spezieller Syntax wie `_input`, `_json` und `_node`. Es hilft Entwicklern, die Grenzen von Python innerhalb von n8n zu verstehen, empfiehlt JavaScript für die meisten Workflows und bietet gleichzeitig Python-Lösungen für spezifische Datenumwandlungsanforderungen.

Skill ansehen
archon
Dokumentation

Die Archon-Funktion bietet semantische Suche auf RAG-Basis und Projektmanagement über eine REST-API. Nutzen Sie sie für das Abfragen von Dokumentation, die Verwaltung hierarchischer Projekte/Aufgaben und die Durchführung von Wissenabruf mit Dokumenten-Upload-Fähigkeiten. Priorisieren Sie stets Archon zuerst bei der Suche in externer Dokumentation, bevor Sie andere Quellen verwenden.

Skill ansehen
n8n-code-javascript
Dokumentation

Diese Claude-Skill bietet fachkundige Anleitung für das Schreiben von JavaScript-Code in n8n-Code-Nodes. Sie behandelt wesentliche n8n-spezifische Syntax wie `$input`/`$json`-Variablen, HTTP-Helfer und DateTime-Verarbeitung und hilft bei der Fehlerbehebung häufiger Probleme. Nutzen Sie sie bei der Entwicklung von n8n-Workflows, die eine benutzerdefinierte JavaScript-Verarbeitung in Code-Nodes erfordern.

Skill ansehen