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. ``` ---

⚙ Needs: none — this is a pure copyable style guide (no accou…

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. ``` ---

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. ``` ---

At a glance

What: 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. ``` ---
Cost: Free
Needs: none — this is a pure copyable style guide (no accounts, no keys, no services)
Install: Copy the installer prompt below into your Muse — your agent does the rest.

Version:

Created by: @legendapp

Get it free — Free View source code

⌁

Install

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.

Questions

How do I install a build?

Every product page includes a copy-paste install prompt. Paste it into your Muse and it sets the build up for you — no manual configuration.

Where does my money go?

Straight to the seller. Skill Harbor never processes payments: checkout happens on the seller’s own page, usually Stripe.

What does the ✓ next to a creator’s name mean?

It means we confirmed the identity of the person behind the listing. It says nothing about the code itself — always check a build before installing it.