Next.js framework skill (v16.2 canary)
Référence Next.js distillée depuis les docs officielles — routing par système de fichiers, Server vs Client Components, navigation, data fetching, caching et revalidation, Server Actions, conventions de fichiers et composants intégrés
- Quoi
- Référence Next.js distillée depuis les docs officielles — routing par système de fichiers, Server vs Client Components, navigation, data fetching, caching et revalidation, Server Actions, conventions de fichiers et composants intégrés
- Coût
- Gratuit
- Prérequis
- un projet Next.js que l'agent peut lire et sur lequel travailler — le skill est une référence de docs distillée, pas un logiciel à installer
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le skill Next.js de @hairyf : une référence framework générée depuis la documentation officielle Next.js (scripts de génération par antfu/skills — crédités dans le fichier source), basée sur Next.js v16.2.0-canary.16 (janvier 2026). Couvre le routing par système de fichiers (dossiers, layouts, pages), Server vs Client Components, navigation (liens, prefetching, transitions), data fetching dans les composants server et client, streaming avec Suspense, stratégies de caching (cache fetch, tags, revalidation), Server Actions pour les mutations, conventions de fichiers (routes dynamiques, loading.tsx, error.tsx), et composants intégrés (Link, Image, Script, Font) — chaque sujet pointant vers un doc `references/*.mdx` ciblé. Bémols honnêtes : une référence de docs distillée, pas un outillage hands-on — l'agent a besoin d'un projet Next.js pour l'appliquer ; générée contre une version canary, donc vérifiez tout ce qui semble plus récent que votre version installée. Licence MIT. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : un projet Next.js que l'agent peut lire et sur lequel travailler — le skill est une référence de docs distillée, pas un logiciel à installer Installe-moi « Skill framework Next.js (v16.2 canary) ». Il donne à mon agent la référence Next.js de @hairyf : routing par système de fichiers (dossiers, layouts, pages), Server vs Client Components, navigation (liens, prefetching, transitions), data fetching dans les composants server et client, streaming avec Suspense, stratégies de caching (cache fetch, tags, revalidation), Server Actions pour les mutations, conventions de fichiers (routes dynamiques, loading.tsx, error.tsx), et composants intégrés (Link, Image, Script, Font) — chaque sujet dans un doc references/*.mdx ciblé. Générée depuis les docs officielles Next.js (scripts de génération antfu/skills), basée sur v16.2.0-canary.16. Licence MIT. Dépôt : https://github.com/hairyf/skills/blob/main/skills/next/SKILL.md 1. Récupère le fichier SKILL.md (et le dossier references/) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les références pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « next ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. pointer l'agent vers mon projet Next.js ; rien d'autre — c'est une référence). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.