← Produits

Design
⚙ Prérequis: votre propre code d'animation ou de mouvement à révi…

Animation Craft Review Skill for Muse **Nom FR:** Skill Revue d'Animations pour Muse **Tagline EN:** Brutal-but-fair review of your site's motion craft **Tagline FR:** Une revue exigeante du motion design de votre site **Créateur:** @emilkowalski **URL source:** https://github.com/emilkowalski/skills/blob/main/skills/review-animations/SKILL.md **Licence — Type — Catégorie — Mots-clés:** MIT — Skill — Design — animation review, motion design, easing curves, springs, UI transitions, microinteractions, design critique, accessibility, reduced motion, GPU performance, Framer Motion, CSS animations **Description EN:** Curated by Skill Harbor — a free, open-source skill (MIT) by @emilkowalski, listed here with credit to its creator. Plays a senior design engineer with a brutal eye for craft: it reviews your animation and motion code against ten non-negotiable standards drawn from Emil Kowalski's animation philosophy — justified motion, frequency-appropriate effects, responsive easing (ease-in on UI is an automatic block), sub-300ms timing, correct transform-origins, interruptibility, GPU-only properties, asymmetric enter/exit timing, accessibility via prefers-reduced-motion, and overall cohesion. Its posture is strict on purpose: a transition that "works" but feels sluggish, fires on a keyboard shortcut, or animates layout properties is a regression, not a pass; default to flagging, approval is earned. Every finding is delivered in a single Before/After/Why markdown table with file:line citations and exact easing curves, durations, and spring configs pulled from its STANDARDS.md catalog, followed by a verdict grouped by impact tier — feel-breaking regressions, missed simplifications, performance, timing, origin, accessibility — and an explicit Block or Approve decision. Discovered via skills.sh. Honest note: it reviews, it doesn't build — it won't write features, fix unrelated bugs, or review non-motion code (it declines those on purpose); the detailed easing/duration tables live in STANDARDS.md inside the same repo, so fetch the helper files with the SKILL.md. Skill Harbor never reviews the code, review it yourself before use. Not verified. **Description FR:** Sélectionné par Skill Harbor — un skill gratuit et open-source (MIT) par @emilkowalski, listé ici avec crédit à son créateur. Joue un ingénieur design senior à l'œil impitoyable : il passe votre code d'animation et de mouvement au crible de dix standards non négociables issus de la philosophie d'animation d'Emil Kowalski — mouvement justifié, effets adaptés à la fréquence d'usage, easing réactif (le ease-in sur l'UI est un blocage automatique), durées sous 300 ms, transform-origins correctes, interruptibilité, propriétés GPU uniquement, timing asymétrique entrée/sortie, accessibilité via prefers-reduced-motion, et cohésion globale. Sa posture est volontairement stricte : une transition qui « marche » mais semble molle, se déclenche sur un raccourci clavier ou anime des propriétés de layout est une régression, pas un succès ; par défaut il signale, l'approbation se mérite. Chaque remarque arrive dans un tableau Before/After/Why avec citations fichier:ligne et valeurs exactes de courbes d'easing, durées et ressorts tirées de son catalogue STANDARDS.md, suivi d'un verdict classé par impact — régressions de ressenti, simplifications manquées, performance, timing, origine, accessibilité — et d'une décision explicite Bloquer ou Approuver. Découvert via skills.sh. Note honnête : il révise, il ne construit pas — il n'écrit pas de fonctionnalités, ne corrige pas les bugs hors motion et ne révise pas le code non-motion (il refuse délibérément) ; les tables détaillées d'easing et de durées vivent dans STANDARDS.md dans le même dépôt, donc récupérez les fichiers auxiliaires avec le SKILL.md. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Non vérifié. **Install prompt EN:** ``` Prerequisites: your own animation or motion code to review (CSS, Framer Motion, WAAPI — anything that moves on your site or app). No accounts, no API keys. Install "Animation Craft Review Skill for Muse" for me. Reviews animation and motion code against a high craft bar — ten non-negotiable standards (justified motion, sub-300ms UI timing, responsive easing, GPU-only properties, interruptibility, accessibility) — returning a Before/After/Why findings table with file:line citations and an explicit Block or Approve verdict. Repository: https://github.com/emilkowalski/skills/blob/main/skills/review-animations/SKILL.md 1. Fetch the SKILL.md file (and any helper files: references/, STANDARDS.md) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and scripts 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 and its helper files into the agent's skills directory, in a folder named "review-animations". 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. have my animation code ready to review). 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. If anything looks off, stop and ask me. ``` **Install prompt FR:** ``` Prérequis : votre propre code d'animation ou de mouvement à réviser (CSS, Framer Motion, WAAPI — tout ce qui bouge sur votre site ou votre app). Ni compte, ni clé API. Installe-moi « Skill Revue d'Animations pour Muse ». Révise le code d'animation et de mouvement selon un haut standard de craft — dix standards non négociables (mouvement justifié, durées UI sous 300 ms, easing réactif, propriétés GPU uniquement, interruptibilité, accessibilité) — et rend un tableau de remarques Before/After/Why avec citations fichier:ligne et un verdict explicite Bloquer ou Approuver. Dépôt : https://github.com/emilkowalski/skills/blob/main/skills/review-animations/SKILL.md 1. Récupérez le fichier SKILL.md (et les fichiers auxiliaires : references/, STANDARDS.md) depuis le chemin du dépôt dans un dossier temporaire et résumez ce qu'il fait en une ou deux phrases. 2. Contrôle de sécurité : examinez le SKILL.md et les scripts 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érifiez que c'est bien le cas ; STOP sur le moindre signal d'alerte et prévenez-moi. 3. Installez-le comme skill : copiez SKILL.md et ses fichiers auxiliaires dans le répertoire des skills de l'agent, dans un dossier nommé « review-animations ». 4. Vérifiez sans appels réseau : frontmatter valide, fichiers en place. 5. Indiquez ce qui a été installé, où, et ce qu'il me reste à faire moi-même (ex. avoir mon code d'animation prêt à réviser). GitHub est optionnel : si j'ai un compte GitHub ou le CLI gh, vous pouvez l'utiliser ; sinon, l'accès public suffit. Règles : ne touchez à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrêtez et demandez-moi. ```

Une revue exigeante du motion design de votre site **Créateur:** @emilkowalski **URL source:** https://github.com/emilkowalski/skills/blob/main/skills/review-animations/SKILL.md **Licence — Type — Catégorie — Mots-clés:** MIT — Skill — Design — animation review, motion design, easing curves, springs, UI transitions, microinteractions, design critique, accessibility, reduced motion, GPU performance, Framer Motion, CSS animations **Description EN:** Curated by Skill Harbor — a free, open-source skill (MIT) by @emilkowalski, listed here with credit to its creator. Plays a senior design engineer with a brutal eye for craft: it reviews your animation and motion code against ten non-negotiable standards drawn from Emil Kowalski's animation philosophy — justified motion, frequency-appropriate effects, responsive easing (ease-in on UI is an automatic block), sub-300ms timing, correct transform-origins, interruptibility, GPU-only properties, asymmetric enter/exit timing, accessibility via prefers-reduced-motion, and overall cohesion. Its posture is strict on purpose: a transition that "works" but feels sluggish, fires on a keyboard shortcut, or animates layout properties is a regression, not a pass; default to flagging, approval is earned. Every finding is delivered in a single Before/After/Why markdown table with file:line citations and exact easing curves, durations, and spring configs pulled from its STANDARDS.md catalog, followed by a verdict grouped by impact tier — feel-breaking regressions, missed simplifications, performance, timing, origin, accessibility — and an explicit Block or Approve decision. Discovered via skills.sh. Honest note: it reviews, it doesn't build — it won't write features, fix unrelated bugs, or review non-motion code (it declines those on purpose); the detailed easing/duration tables live in STANDARDS.md inside the same repo, so fetch the helper files with the SKILL.md. Skill Harbor never reviews the code, review it yourself before use. Not verified. **Description FR:** Sélectionné par Skill Harbor — un skill gratuit et open-source (MIT) par @emilkowalski, listé ici avec crédit à son créateur. Joue un ingénieur design senior à l'œil impitoyable : il passe votre code d'animation et de mouvement au crible de dix standards non négociables issus de la philosophie d'animation d'Emil Kowalski — mouvement justifié, effets adaptés à la fréquence d'usage, easing réactif (le ease-in sur l'UI est un blocage automatique), durées sous 300 ms, transform-origins correctes, interruptibilité, propriétés GPU uniquement, timing asymétrique entrée/sortie, accessibilité via prefers-reduced-motion, et cohésion globale. Sa posture est volontairement stricte : une transition qui « marche » mais semble molle, se déclenche sur un raccourci clavier ou anime des propriétés de layout est une régression, pas un succès ; par défaut il signale, l'approbation se mérite. Chaque remarque arrive dans un tableau Before/After/Why avec citations fichier:ligne et valeurs exactes de courbes d'easing, durées et ressorts tirées de son catalogue STANDARDS.md, suivi d'un verdict classé par impact — régressions de ressenti, simplifications manquées, performance, timing, origine, accessibilité — et d'une décision explicite Bloquer ou Approuver. Découvert via skills.sh. Note honnête : il révise, il ne construit pas — il n'écrit pas de fonctionnalités, ne corrige pas les bugs hors motion et ne révise pas le code non-motion (il refuse délibérément) ; les tables détaillées d'easing et de durées vivent dans STANDARDS.md dans le même dépôt, donc récupérez les fichiers auxiliaires avec le SKILL.md. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Non vérifié. **Install prompt EN:** ``` Prerequisites: your own animation or motion code to review (CSS, Framer Motion, WAAPI — anything that moves on your site or app). No accounts, no API keys. Install "Animation Craft Review Skill for Muse" for me. Reviews animation and motion code against a high craft bar — ten non-negotiable standards (justified motion, sub-300ms UI timing, responsive easing, GPU-only properties, interruptibility, accessibility) — returning a Before/After/Why findings table with file:line citations and an explicit Block or Approve verdict. Repository: https://github.com/emilkowalski/skills/blob/main/skills/review-animations/SKILL.md 1. Fetch the SKILL.md file (and any helper files: references/, STANDARDS.md) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and scripts 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 and its helper files into the agent's skills directory, in a folder named "review-animations". 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. have my animation code ready to review). 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. If anything looks off, stop and ask me. ``` **Install prompt FR:** ``` Prérequis : votre propre code d'animation ou de mouvement à réviser (CSS, Framer Motion, WAAPI — tout ce qui bouge sur votre site ou votre app). Ni compte, ni clé API. Installe-moi « Skill Revue d'Animations pour Muse ». Révise le code d'animation et de mouvement selon un haut standard de craft — dix standards non négociables (mouvement justifié, durées UI sous 300 ms, easing réactif, propriétés GPU uniquement, interruptibilité, accessibilité) — et rend un tableau de remarques Before/After/Why avec citations fichier:ligne et un verdict explicite Bloquer ou Approuver. Dépôt : https://github.com/emilkowalski/skills/blob/main/skills/review-animations/SKILL.md 1. Récupérez le fichier SKILL.md (et les fichiers auxiliaires : references/, STANDARDS.md) depuis le chemin du dépôt dans un dossier temporaire et résumez ce qu'il fait en une ou deux phrases. 2. Contrôle de sécurité : examinez le SKILL.md et les scripts 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érifiez que c'est bien le cas ; STOP sur le moindre signal d'alerte et prévenez-moi. 3. Installez-le comme skill : copiez SKILL.md et ses fichiers auxiliaires dans le répertoire des skills de l'agent, dans un dossier nommé « review-animations ». 4. Vérifiez sans appels réseau : frontmatter valide, fichiers en place. 5. Indiquez ce qui a été installé, où, et ce qu'il me reste à faire moi-même (ex. avoir mon code d'animation prêt à réviser). GitHub est optionnel : si j'ai un compte GitHub ou le CLI gh, vous pouvez l'utiliser ; sinon, l'accès public suffit. Règles : ne touchez à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrêtez et demandez-moi. ```

L’essentiel
Quoi
Une revue exigeante du motion design de votre site **Créateur:** @emilkowalski **URL source:** https://github.com/emilkowalski/skills/blob/main/skills/review-animations/SKILL.md **Licence — Type — Catégorie — Mots-clés:** MIT — Skill — Design — animation review, motion design, easing curves, springs, UI transitions, microinteractions, design critique, accessibility, reduced motion, GPU performance, Framer Motion, CSS animations **Description EN:** Curated by Skill Harbor — a free, open-source skill (MIT) by @emilkowalski, listed here with credit to its creator. Plays a senior design engineer with a brutal eye for craft: it reviews your animation and motion code against ten non-negotiable standards drawn from Emil Kowalski's animation philosophy — justified motion, frequency-appropriate effects, responsive easing (ease-in on UI is an automatic block), sub-300ms timing, correct transform-origins, interruptibility, GPU-only properties, asymmetric enter/exit timing, accessibility via prefers-reduced-motion, and overall cohesion. Its posture is strict on purpose: a transition that "works" but feels sluggish, fires on a keyboard shortcut, or animates layout properties is a regression, not a pass; default to flagging, approval is earned. Every finding is delivered in a single Before/After/Why markdown table with file:line citations and exact easing curves, durations, and spring configs pulled from its STANDARDS.md catalog, followed by a verdict grouped by impact tier — feel-breaking regressions, missed simplifications, performance, timing, origin, accessibility — and an explicit Block or Approve decision. Discovered via skills.sh. Honest note: it reviews, it doesn't build — it won't write features, fix unrelated bugs, or review non-motion code (it declines those on purpose); the detailed easing/duration tables live in STANDARDS.md inside the same repo, so fetch the helper files with the SKILL.md. Skill Harbor never reviews the code, review it yourself before use. Not verified. **Description FR:** Sélectionné par Skill Harbor — un skill gratuit et open-source (MIT) par @emilkowalski, listé ici avec crédit à son créateur. Joue un ingénieur design senior à l'œil impitoyable : il passe votre code d'animation et de mouvement au crible de dix standards non négociables issus de la philosophie d'animation d'Emil Kowalski — mouvement justifié, effets adaptés à la fréquence d'usage, easing réactif (le ease-in sur l'UI est un blocage automatique), durées sous 300 ms, transform-origins correctes, interruptibilité, propriétés GPU uniquement, timing asymétrique entrée/sortie, accessibilité via prefers-reduced-motion, et cohésion globale. Sa posture est volontairement stricte : une transition qui « marche » mais semble molle, se déclenche sur un raccourci clavier ou anime des propriétés de layout est une régression, pas un succès ; par défaut il signale, l'approbation se mérite. Chaque remarque arrive dans un tableau Before/After/Why avec citations fichier:ligne et valeurs exactes de courbes d'easing, durées et ressorts tirées de son catalogue STANDARDS.md, suivi d'un verdict classé par impact — régressions de ressenti, simplifications manquées, performance, timing, origine, accessibilité — et d'une décision explicite Bloquer ou Approuver. Découvert via skills.sh. Note honnête : il révise, il ne construit pas — il n'écrit pas de fonctionnalités, ne corrige pas les bugs hors motion et ne révise pas le code non-motion (il refuse délibérément) ; les tables détaillées d'easing et de durées vivent dans STANDARDS.md dans le même dépôt, donc récupérez les fichiers auxiliaires avec le SKILL.md. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Non vérifié. **Install prompt EN:** ``` Prerequisites: your own animation or motion code to review (CSS, Framer Motion, WAAPI — anything that moves on your site or app). No accounts, no API keys. Install "Animation Craft Review Skill for Muse" for me. Reviews animation and motion code against a high craft bar — ten non-negotiable standards (justified motion, sub-300ms UI timing, responsive easing, GPU-only properties, interruptibility, accessibility) — returning a Before/After/Why findings table with file:line citations and an explicit Block or Approve verdict. Repository: https://github.com/emilkowalski/skills/blob/main/skills/review-animations/SKILL.md 1. Fetch the SKILL.md file (and any helper files: references/, STANDARDS.md) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and scripts 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 and its helper files into the agent's skills directory, in a folder named "review-animations". 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. have my animation code ready to review). 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. If anything looks off, stop and ask me. ``` **Install prompt FR:** ``` Prérequis : votre propre code d'animation ou de mouvement à réviser (CSS, Framer Motion, WAAPI — tout ce qui bouge sur votre site ou votre app). Ni compte, ni clé API. Installe-moi « Skill Revue d'Animations pour Muse ». Révise le code d'animation et de mouvement selon un haut standard de craft — dix standards non négociables (mouvement justifié, durées UI sous 300 ms, easing réactif, propriétés GPU uniquement, interruptibilité, accessibilité) — et rend un tableau de remarques Before/After/Why avec citations fichier:ligne et un verdict explicite Bloquer ou Approuver. Dépôt : https://github.com/emilkowalski/skills/blob/main/skills/review-animations/SKILL.md 1. Récupérez le fichier SKILL.md (et les fichiers auxiliaires : references/, STANDARDS.md) depuis le chemin du dépôt dans un dossier temporaire et résumez ce qu'il fait en une ou deux phrases. 2. Contrôle de sécurité : examinez le SKILL.md et les scripts 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érifiez que c'est bien le cas ; STOP sur le moindre signal d'alerte et prévenez-moi. 3. Installez-le comme skill : copiez SKILL.md et ses fichiers auxiliaires dans le répertoire des skills de l'agent, dans un dossier nommé « review-animations ». 4. Vérifiez sans appels réseau : frontmatter valide, fichiers en place. 5. Indiquez ce qui a été installé, où, et ce qu'il me reste à faire moi-même (ex. avoir mon code d'animation prêt à réviser). GitHub est optionnel : si j'ai un compte GitHub ou le CLI gh, vous pouvez l'utiliser ; sinon, l'accès public suffit. Règles : ne touchez à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrêtez et demandez-moi. ```
Coût
Gratuit
Prérequis
votre propre code d'animation ou de mouvement à réviser (CSS, Framer Motion, WAAPI — tout ce qui bouge sur votre site ou votre app). Ni compte, ni clé API.
Installation
Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.

Version :

@
Créé par : @emilkowalski
⌁

Installation

Prérequis : votre propre code d'animation ou de mouvement à réviser (CSS, Framer Motion, WAAPI — tout ce qui bouge sur votre site ou votre app). Ni compte, ni clé API. Installe-moi « Skill Revue d'Animations pour Muse ». Révise le code d'animation et de mouvement selon un haut standard de craft — dix standards non négociables (mouvement justifié, durées UI sous 300 ms, easing réactif, propriétés GPU uniquement, interruptibilité, accessibilité) — et rend un tableau de remarques Before/After/Why avec citations fichier:ligne et un verdict explicite Bloquer ou Approuver. Dépôt : https://github.com/emilkowalski/skills/blob/main/skills/review-animations/SKILL.md 1. Récupérez le fichier SKILL.md (et les fichiers auxiliaires : references/, STANDARDS.md) depuis le chemin du dépôt dans un dossier temporaire et résumez ce qu'il fait en une ou deux phrases. 2. Contrôle de sécurité : examinez le SKILL.md et les scripts 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érifiez que c'est bien le cas ; STOP sur le moindre signal d'alerte et prévenez-moi. 3. Installez-le comme skill : copiez SKILL.md et ses fichiers auxiliaires dans le répertoire des skills de l'agent, dans un dossier nommé « review-animations ». 4. Vérifiez sans appels réseau : frontmatter valide, fichiers en place. 5. Indiquez ce qui a été installé, où, et ce qu'il me reste à faire moi-même (ex. avoir mon code d'animation prêt à réviser). GitHub est optionnel : si j'ai un compte GitHub ou le CLI gh, vous pouvez l'utiliser ; sinon, l'accès public suffit. Règles : ne touchez à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrêtez et demandez-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.