Frontend - **kws:** react, react native, typescript, coding style, hooks, memoization, performance, re-render - **license:** MIT **Description EN:** Curated by Skill Harbor — a copyable React, React Native and TypeScript coding style guide built around render performance: leaf-local updates, stable identities, honest Hook semantics, minimal effects, and React Compiler-aware memoization guidance. Teaches the "smallest render surface" discipline — volatile reads in leaves, split contexts by update frequency, stable callback identities — and knows when NOT to memoize under the Compiler. By @legendapp, listed here with credit to its creator. Honest caveats: pure guidance, no runtime or automation — it changes how the agent writes code, not what it builds; it recommends @legendapp/state (same maintainers as this skill repo) when no selector-capable state library exists, so expect a disclosed vendor suggestion. Not verified — it shares maintainers with Legend State, the library it sometimes recommends. Skill Harbor never reviews the code, review it yourself before use. Discovered via skills.sh. **Description FR:** Sélectionné par Skill Harbor — un guide de style React, React Native et TypeScript copiable, axé sur la performance de rendu : mises à jour locales aux feuilles, identités stables, sémantique honnête des Hooks, effets minimaux et conseils de mémoïsation compatibles React Compiler. Il enseigne la discipline de la « plus petite surface de rendu » — lectures volatiles dans les feuilles, contextes divisés par fréquence de mise à jour, identités de callbacks stables — et sait quand NE PAS mémoïser sous le Compiler. Crédit : @legendapp. Bémols honnêtes : pur guide, pas de runtime ni d'automatisation — il change la façon dont l'agent écrit le code, pas ce qu'il construit ; il recommande @legendapp/state (mêmes mainteneurs que ce dépôt) en l'absence de bibliothèque à sélecteurs, avec un parti-pris assumé. Non vérifié — il partage ses mainteneurs avec Legend State, la bibliothèque qu'il recommande parfois. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh. **Install prompt EN:** ``` Prerequisites: none — this is a pure copyable style guide (no accounts, no keys, no services) Install "Legend Skills: React coding style guide" for me. Give my agent the copyable React/TypeScript style guide — stable identities, hook semantics, memoization, and React Compiler-aware performance rules Repository: https://github.com/legendapp/legend-skills/blob/main/react-coding-style/SKILL.md 1. Fetch the SKILL.md file for the legendapp-legend-skills-react-coding-style skill from the repository into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md into the agent's skills directory, in a folder named "legendapp-legend-skills-react-coding-style". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. nothing — just invoke the skill when writing or reviewing React code). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. Never ask me to paste secrets in chat — credentials go through the secure vault or environment variables. If anything looks off, stop and ask me. ``` **Install prompt FR:** ``` Prérequis : aucun — c'est un guide de style purement copiable (pas de compte, pas de clé, pas de service) Installe-moi « Legend Skills : guide de style React ». Donne à mon agent le guide de style React/TypeScript copiable — identités stables, sémantique des hooks, mémoïsation et règles de performance compatibles React Compiler Dépôt : https://github.com/legendapp/legend-skills/blob/main/react-coding-style/SKILL.md 1. Récupère le fichier SKILL.md du skill legendapp-legend-skills-react-coding-style depuis le dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code ; les identifiants passent uniquement par le coffre sécurisé, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifie que c'est bien le cas ; STOP sur le moindre signal d'alerte et préviens-moi. 3. Installe-le comme skill : copie SKILL.md dans le répertoire des skills de l'agent, dans un dossier nommé « legendapp-legend-skills-react-coding-style ». 4. Vérifie sans aucun appel 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. rien — il suffit d'invoquer le skill en écrivant ou relisant du code React). 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 si c'est dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Ne me demande jamais de coller des secrets dans le chat — les identifiants passent par le coffre sécurisé ou les variables d'environnement. Si quelque chose semble anormal, arrête-toi et demande-moi. ``` ---

⚙ Prérequis: aucun — c'est un guide de style purement copiable (p…

Legend Skills: React coding style guide - name_fr: Legend Skills : guide de style React - tl_en: Copyable React/TypeScript style guide — stable identities, hooks, memoization, React Compiler awareness - tl_fr: Guide de style React/TypeScript copiable — identités stables, hooks, mémoïsation, sensibilité au React Compiler - creator: @legendapp - type: Agent skill - url: https://github.com/legendapp/legend-skills - cat: Frontend - kws: react, react native, typescript, coding style, hooks, memoization, performance, re-render - license: MIT Description EN: Curated by Skill Harbor — a copyable React, React Native and TypeScript coding style guide built around render performance: leaf-local updates, stable identities, honest Hook semantics, minimal effects, and React Compiler-aware memoization guidance. Teaches the "smallest render surface" discipline — volatile reads in leaves, split contexts by update frequency, stable callback identities — and knows when NOT to memoize under the Compiler. By @legendapp, listed here with credit to its creator. Honest caveats: pure guidance, no runtime or automation — it changes how the agent writes code, not what it builds; it recommends @legendapp/state (same maintainers as this skill repo) when no selector-capable state library exists, so expect a disclosed vendor suggestion. Not verified — it shares maintainers with Legend State, the library it sometimes recommends. Skill Harbor never reviews the code, review it yourself before use. Discovered via skills.sh. Description FR: Sélectionné par Skill Harbor — un guide de style React, React Native et TypeScript copiable, axé sur la performance de rendu : mises à jour locales aux feuilles, identités stables, sémantique honnête des Hooks, effets minimaux et conseils de mémoïsation compatibles React Compiler. Il enseigne la discipline de la « plus petite surface de rendu » — lectures volatiles dans les feuilles, contextes divisés par fréquence de mise à jour, identités de callbacks stables — et sait quand NE PAS mémoïser sous le Compiler. Crédit : @legendapp. Bémols honnêtes : pur guide, pas de runtime ni d'automatisation — il change la façon dont l'agent écrit le code, pas ce qu'il construit ; il recommande @legendapp/state (mêmes mainteneurs que ce dépôt) en l'absence de bibliothèque à sélecteurs, avec un parti-pris assumé. Non vérifié — il partage ses mainteneurs avec Legend State, la bibliothèque qu'il recommande parfois. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh. Install prompt EN: ``` Prerequisites: none — this is a pure copyable style guide (no accounts, no keys, no services) Install "Legend Skills: React coding style guide" for me. Give my agent the copyable React/TypeScript style guide — stable identities, hook semantics, memoization, and React Compiler-aware performance rules Repository: https://github.com/legendapp/legend-skills/blob/main/react-coding-style/SKILL.md 1. Fetch the SKILL.md file for the legendapp-legend-skills-react-coding-style skill from the repository into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md into the agent's skills directory, in a folder named "legendapp-legend-skills-react-coding-style". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. nothing — just invoke the skill when writing or reviewing React code). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. Never ask me to paste secrets in chat — credentials go through the secure vault or environment variables. If anything looks off, stop and ask me. ``` Install prompt FR: ``` Prérequis : aucun — c'est un guide de style purement copiable (pas de compte, pas de clé, pas de service) Installe-moi « Legend Skills : guide de style React ». Donne à mon agent le guide de style React/TypeScript copiable — identités stables, sémantique des hooks, mémoïsation et règles de performance compatibles React Compiler Dépôt : https://github.com/legendapp/legend-skills/blob/main/react-coding-style/SKILL.md 1. Récupère le fichier SKILL.md du skill legendapp-legend-skills-react-coding-style depuis le dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code ; les identifiants passent uniquement par le coffre sécurisé, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifie que c'est bien le cas ; STOP sur le moindre signal d'alerte et préviens-moi. 3. Installe-le comme skill : copie SKILL.md dans le répertoire des skills de l'agent, dans un dossier nommé « legendapp-legend-skills-react-coding-style ». 4. Vérifie sans aucun appel 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. rien — il suffit d'invoquer le skill en écrivant ou relisant du code React). 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 si c'est dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Ne me demande jamais de coller des secrets dans le chat — les identifiants passent par le coffre sécurisé ou les variables d'environnement. Si quelque chose semble anormal, arrête-toi et demande-moi. ``` ---

Guide de style React/TypeScript copiable — identités stables, hooks, mémoïsation, sensibilité au React Compiler - **creator:** @legendapp - **type:** Agent skill - **url:** https://github.com/legendapp/legend-skills - **cat:** Frontend - **kws:** react, react native, typescript, coding style, hooks, memoization, performance, re-render - **license:** MIT **Description EN:** Curated by Skill Harbor — a copyable React, React Native and TypeScript coding style guide built around render performance: leaf-local updates, stable identities, honest Hook semantics, minimal effects, and React Compiler-aware memoization guidance. Teaches the "smallest render surface" discipline — volatile reads in leaves, split contexts by update frequency, stable callback identities — and knows when NOT to memoize under the Compiler. By @legendapp, listed here with credit to its creator. Honest caveats: pure guidance, no runtime or automation — it changes how the agent writes code, not what it builds; it recommends @legendapp/state (same maintainers as this skill repo) when no selector-capable state library exists, so expect a disclosed vendor suggestion. Not verified — it shares maintainers with Legend State, the library it sometimes recommends. Skill Harbor never reviews the code, review it yourself before use. Discovered via skills.sh. **Description FR:** Sélectionné par Skill Harbor — un guide de style React, React Native et TypeScript copiable, axé sur la performance de rendu : mises à jour locales aux feuilles, identités stables, sémantique honnête des Hooks, effets minimaux et conseils de mémoïsation compatibles React Compiler. Il enseigne la discipline de la « plus petite surface de rendu » — lectures volatiles dans les feuilles, contextes divisés par fréquence de mise à jour, identités de callbacks stables — et sait quand NE PAS mémoïser sous le Compiler. Crédit : @legendapp. Bémols honnêtes : pur guide, pas de runtime ni d'automatisation — il change la façon dont l'agent écrit le code, pas ce qu'il construit ; il recommande @legendapp/state (mêmes mainteneurs que ce dépôt) en l'absence de bibliothèque à sélecteurs, avec un parti-pris assumé. Non vérifié — il partage ses mainteneurs avec Legend State, la bibliothèque qu'il recommande parfois. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh. **Install prompt EN:** ``` Prerequisites: none — this is a pure copyable style guide (no accounts, no keys, no services) Install "Legend Skills: React coding style guide" for me. Give my agent the copyable React/TypeScript style guide — stable identities, hook semantics, memoization, and React Compiler-aware performance rules Repository: https://github.com/legendapp/legend-skills/blob/main/react-coding-style/SKILL.md 1. Fetch the SKILL.md file for the legendapp-legend-skills-react-coding-style skill from the repository into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md into the agent's skills directory, in a folder named "legendapp-legend-skills-react-coding-style". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. nothing — just invoke the skill when writing or reviewing React code). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. Never ask me to paste secrets in chat — credentials go through the secure vault or environment variables. If anything looks off, stop and ask me. ``` **Install prompt FR:** ``` Prérequis : aucun — c'est un guide de style purement copiable (pas de compte, pas de clé, pas de service) Installe-moi « Legend Skills : guide de style React ». Donne à mon agent le guide de style React/TypeScript copiable — identités stables, sémantique des hooks, mémoïsation et règles de performance compatibles React Compiler Dépôt : https://github.com/legendapp/legend-skills/blob/main/react-coding-style/SKILL.md 1. Récupère le fichier SKILL.md du skill legendapp-legend-skills-react-coding-style depuis le dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code ; les identifiants passent uniquement par le coffre sécurisé, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifie que c'est bien le cas ; STOP sur le moindre signal d'alerte et préviens-moi. 3. Installe-le comme skill : copie SKILL.md dans le répertoire des skills de l'agent, dans un dossier nommé « legendapp-legend-skills-react-coding-style ». 4. Vérifie sans aucun appel 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. rien — il suffit d'invoquer le skill en écrivant ou relisant du code React). 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 si c'est dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Ne me demande jamais de coller des secrets dans le chat — les identifiants passent par le coffre sécurisé ou les variables d'environnement. Si quelque chose semble anormal, arrête-toi et demande-moi. ``` ---

L’essentiel

Quoi: Guide de style React/TypeScript copiable — identités stables, hooks, mémoïsation, sensibilité au React Compiler - **creator:** @legendapp - **type:** Agent skill - **url:** https://github.com/legendapp/legend-skills - **cat:** Frontend - **kws:** react, react native, typescript, coding style, hooks, memoization, performance, re-render - **license:** MIT **Description EN:** Curated by Skill Harbor — a copyable React, React Native and TypeScript coding style guide built around render performance: leaf-local updates, stable identities, honest Hook semantics, minimal effects, and React Compiler-aware memoization guidance. Teaches the "smallest render surface" discipline — volatile reads in leaves, split contexts by update frequency, stable callback identities — and knows when NOT to memoize under the Compiler. By @legendapp, listed here with credit to its creator. Honest caveats: pure guidance, no runtime or automation — it changes how the agent writes code, not what it builds; it recommends @legendapp/state (same maintainers as this skill repo) when no selector-capable state library exists, so expect a disclosed vendor suggestion. Not verified — it shares maintainers with Legend State, the library it sometimes recommends. Skill Harbor never reviews the code, review it yourself before use. Discovered via skills.sh. **Description FR:** Sélectionné par Skill Harbor — un guide de style React, React Native et TypeScript copiable, axé sur la performance de rendu : mises à jour locales aux feuilles, identités stables, sémantique honnête des Hooks, effets minimaux et conseils de mémoïsation compatibles React Compiler. Il enseigne la discipline de la « plus petite surface de rendu » — lectures volatiles dans les feuilles, contextes divisés par fréquence de mise à jour, identités de callbacks stables — et sait quand NE PAS mémoïser sous le Compiler. Crédit : @legendapp. Bémols honnêtes : pur guide, pas de runtime ni d'automatisation — il change la façon dont l'agent écrit le code, pas ce qu'il construit ; il recommande @legendapp/state (mêmes mainteneurs que ce dépôt) en l'absence de bibliothèque à sélecteurs, avec un parti-pris assumé. Non vérifié — il partage ses mainteneurs avec Legend State, la bibliothèque qu'il recommande parfois. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh. **Install prompt EN:** ``` Prerequisites: none — this is a pure copyable style guide (no accounts, no keys, no services) Install "Legend Skills: React coding style guide" for me. Give my agent the copyable React/TypeScript style guide — stable identities, hook semantics, memoization, and React Compiler-aware performance rules Repository: https://github.com/legendapp/legend-skills/blob/main/react-coding-style/SKILL.md 1. Fetch the SKILL.md file for the legendapp-legend-skills-react-coding-style skill from the repository into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md into the agent's skills directory, in a folder named "legendapp-legend-skills-react-coding-style". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. nothing — just invoke the skill when writing or reviewing React code). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. Never ask me to paste secrets in chat — credentials go through the secure vault or environment variables. If anything looks off, stop and ask me. ``` **Install prompt FR:** ``` Prérequis : aucun — c'est un guide de style purement copiable (pas de compte, pas de clé, pas de service) Installe-moi « Legend Skills : guide de style React ». Donne à mon agent le guide de style React/TypeScript copiable — identités stables, sémantique des hooks, mémoïsation et règles de performance compatibles React Compiler Dépôt : https://github.com/legendapp/legend-skills/blob/main/react-coding-style/SKILL.md 1. Récupère le fichier SKILL.md du skill legendapp-legend-skills-react-coding-style depuis le dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code ; les identifiants passent uniquement par le coffre sécurisé, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifie que c'est bien le cas ; STOP sur le moindre signal d'alerte et préviens-moi. 3. Installe-le comme skill : copie SKILL.md dans le répertoire des skills de l'agent, dans un dossier nommé « legendapp-legend-skills-react-coding-style ». 4. Vérifie sans aucun appel 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. rien — il suffit d'invoquer le skill en écrivant ou relisant du code React). 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 si c'est dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Ne me demande jamais de coller des secrets dans le chat — les identifiants passent par le coffre sécurisé ou les variables d'environnement. Si quelque chose semble anormal, arrête-toi et demande-moi. ``` ---
Coût: Gratuit
Prérequis: aucun — c'est un guide de style purement copiable (pas de compte, pas de clé, pas de service)
Installation: Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.

Version :

Créé par : @legendapp

L'obtenir gratuitement — Gratuit Voir le code source

⌁

Installation

Prérequis : aucun — c'est un guide de style purement copiable (pas de compte, pas de clé, pas de service) Installe-moi « Legend Skills : guide de style React ». Donne à mon agent le guide de style React/TypeScript copiable — identités stables, sémantique des hooks, mémoïsation et règles de performance compatibles React Compiler Dépôt : https://github.com/legendapp/legend-skills/blob/main/react-coding-style/SKILL.md 1. Récupère le fichier SKILL.md du skill legendapp-legend-skills-react-coding-style depuis le dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code ; les identifiants passent uniquement par le coffre sécurisé, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifie que c'est bien le cas ; STOP sur le moindre signal d'alerte et préviens-moi. 3. Installe-le comme skill : copie SKILL.md dans le répertoire des skills de l'agent, dans un dossier nommé « legendapp-legend-skills-react-coding-style ». 4. Vérifie sans aucun appel 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. rien — il suffit d'invoquer le skill en écrivant ou relisant du code React). 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 si c'est dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Ne me demande jamais de coller des secrets dans le chat — les identifiants passent par le coffre sécurisé ou les variables d'environnement. 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.