optimizing-image-pipeline
À propos
Cette compétence propose des stratégies pour optimiser le chargement d'images dans les applications Next.js en utilisant next/image avec Appwrite. Elle se concentre sur la mise en œuvre de placeholders flous et d'aperçus responsifs pour éviter les décalages de mise en page tout en réduisant l'utilisation de la bande passante. Les développeurs devraient l'utiliser pour des fonctionnalités riches en images comme les galeries, où la performance et des effets de chargement premium sont prioritaires.
Installation rapide
Claude Code
Recommandénpx skills add itsmeAlee/Tourly2 -a claude-code/plugin add https://github.com/itsmeAlee/Tourly2git clone https://github.com/itsmeAlee/Tourly2.git ~/.claude/skills/optimizing-image-pipelineCopiez et collez cette commande dans Claude Code pour installer cette compétence
Dépôt GitHub
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.
Compétences associées
Cette compétence récupère la documentation actuelle de Railway pour répondre aux questions sur les fonctionnalités, le fonctionnement ou des URL spécifiques de la documentation. Elle garantit que les développeurs reçoivent des informations précises et à jour directement depuis les sources officielles de Railway. Utilisez-la lorsque les utilisateurs demandent comment fonctionne Railway ou font référence à la documentation de Railway.
Cette compétence Claude offre un accompagnement expert pour écrire du code Python dans les nœuds Code de n8n, en particulier pour utiliser la bibliothèque standard de Python et travailler avec la syntaxe spéciale de n8n comme `_input`, `_json` et `_node`. Elle aide les développeurs à comprendre les limites de Python dans n8n et recommande d'utiliser JavaScript pour la plupart des workflows, tout en proposant des solutions Python pour des besoins spécifiques de transformation de données.
La compétence Archon offre une recherche sémantique alimentée par RAG et une gestion de projet via une API REST. Utilisez-la pour interroger la documentation, gérer des projets/tâches hiérarchiques et effectuer de la recherche de connaissances avec des capacités de téléchargement de documents. Priorisez toujours Archon en premier lors de la recherche dans une documentation externe avant d'utiliser d'autres sources.
Cette compétence Claude fournit des conseils d'expert pour écrire du code JavaScript dans les nœuds Code d'n8n. Elle couvre la syntaxe essentielle spécifique à n8n comme les variables `$input`/`$json`, les assistants HTTP et la gestion des DateTime, tout en résolvant les erreurs courantes. Utilisez-la lors du développement de workflows n8n nécessitant un traitement JavaScript personnalisé dans les nœuds Code.