📦

animate

Name: animate
Author: emilkowalski

Révision du contenu r1 Sûr ⚙️ Commandes externes🌐 Accès réseau

Build Purposeful Interface Animations

Interface motion often feels slow, distracting, or inaccessible when timing and tools are chosen without a clear process. This skill produces focused implementations with proven animation recipes.

Prend en charge: Claude Codex Code(CC)

🥉 77 Bronze

Maintain this Skill? Claim it 🥉 77 Bronze

Installer avec mon Agent

Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.

Demande d’agent

Review the Skillstore skill "animate" from https://skillstore.io/skills/emilkowalski-animate.md and its manifest at https://skillstore.io/api/skills/emilkowalski-animate/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.

Ressources lisibles par les agents

Utilisez ces liens lorsqu’un Agent IA, un crawler ou un script a besoin d’un contexte propre au lieu de lire toute la page.

Détail Markdown GET /skills/emilkowalski-animate.md manifest signé GET /api/skills/emilkowalski-animate/manifest lockfile signé GET /api/skills/emilkowalski-animate/lockfile

Tester

Utilisation de « animate ». Add animation when a settings popover opens and closes.

Résultat attendu:

A 200 millisecond opacity and scale transition uses the existing ease-out token, trigger-based origin, symmetric exit, and reduced-motion fallback.

Utilisation de « animate ». Animate a command palette opened hundreds of times each day.

Résultat attendu:

No animation is added because the interaction is frequent and keyboard initiated. The palette changes state immediately.

Utilisation de « animate ». Create drag-to-dismiss motion for a mobile sheet.

Résultat attendu:

The sheet tracks direct transforms, uses velocity and distance thresholds, captures the pointer, resists over-drag, and settles with a spring.

Audit de sécurité

Sûr

v1 • 08/08/2026 Ouvrir le rapport versionné

All 47 static findings are false positives caused by Markdown backticks, code fences, animation syntax, ordinary prose, and documentation links. The reviewed files contain no command execution, reconnaissance, network requests, data exfiltration, or prompt-injection attempt.

Fichiers analysés

525

Lignes analysées

Éléments à examiner

Faux positifs ignorés

Le dernier audit statique et sémantique terminé n’a détecté aucun constat de sécurité confirmé. Cela ne prouve pas que le skill est sans effets secondaires.

Audité par: codex

Partager et citer ce rapport

Partagez le rapport d’évaluation versionné, le badge neutre, la carte intégrable et les citations. Skillstore présente les preuves sans décider si ce Skill est sûr.

Ouvrir le rapport versionné

Copier le lien du rapport

https://skillstore.io/skills/emilkowalski-animate/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Badge Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/emilkowalski-animate/security.svg)](https://skillstore.io/skills/emilkowalski-animate?utm_source=security_passport_badge)

Badge HTML

<a href="https://skillstore.io/skills/emilkowalski-animate?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emilkowalski-animate/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Carte intégrable

<iframe src="https://skillstore.io/embed/skills/emilkowalski-animate.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Citations académiques (APA · BibTeX · CFF)

Citation APA

emilkowalski. (2026). animate security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emilkowalski-animate/audits/1

Citation BibTeX

@techreport{emilkowalski-emilkowalski-animate-2026,
  author = {emilkowalski},
  title = {animate security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/emilkowalski-animate/audits/1},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "animate security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "emilkowalski"
date-released: "2026-08-08"
url: "https://skillstore.io/skills/emilkowalski-animate/audits/1"
identifiers:
  - type: other
    value: "skillstore:emilkowalski-animate:audit:1"
    description: "Skillstore immutable audit report identifier"

Comparer les variantes

2 variantes installables

Chaque auteur reste un skill installable distinct. La variante recommandée est classée selon les preuves Skillstore.

Pourquoi cette variante est première

Meilleur score Skillstore

Auteur / source Score Skillstore Niveau de confiance des preuves Utilisation Skillstore Mis à jour

pbakaus Recommandé

pbakaus-animate

Score Skillstore 78

Niveau de confiance des preuves Élevé

Utilisation Skillstore 26

Mis à jour

2026-09-09

emilkowalski Actuelle

emilkowalski-animate

Score Skillstore 77

Niveau de confiance des preuves Moyen

Utilisation Skillstore 8

Mis à jour

2026-09-09

Score Skillstore

Pourquoi ce score Niveau de confiance des preuves: Moyen

Architecture

Maintenabilité

Contenu

Communauté

Conformité aux spécifications

Ce que vous pouvez créer

Add Responsive Product Motion

Create subtle feedback, entrances, and state transitions that keep daily workflows responsive.

Translate Motion Specs

Convert interaction intent into implementation choices with explicit properties, curves, durations, and accessibility behavior.

Prototype Gesture Interactions

Build interruptible drag, dismissal, drawer, and spring behavior from practical recipes.

Essayez ces prompts

Animate a Simple State Change

Add appropriate motion to this button state change. Choose the tool, properties, easing, duration, and reduced-motion behavior.

Build a Component Entrance

Implement the entrance and exit motion for this popover. Preserve accessibility and existing design tokens. Explain the animation gate result briefly.

Create an Interruptible Gesture

Build drag-to-dismiss behavior for this panel. Include velocity handling, pointer capture, boundary damping, multi-touch protection, and reduced motion.

Design a Motion System Extension

Add motion to this workflow without creating parallel tokens. Select the cheapest suitable tools and implement every accepted transition with accessibility variants.

Bonnes pratiques

State the animation purpose before selecting tools, timing, or visual properties.
Reuse existing motion tokens and prefer transform and opacity for smooth rendering.
Test interruption, reduced motion, touch behavior, and perceived timing on real devices.

Éviter

Do not animate frequent keyboard actions or functional data without a clear user benefit.
Do not install a motion library when a CSS transition meets the requirements.
Do not ship broad transition declarations, ungated hover motion, or missing reduced-motion behavior.

Foire aux questions

Does this skill decide when motion is unnecessary?

Yes. It can reject animation for frequent actions, keyboard workflows, or motion without a clear purpose.

Which animation tools can it use?

It can choose CSS transitions, CSS animations, the Web Animations API, or Motion.

Does it support reduced-motion preferences?

Yes. Each implementation should include a gentler variant that removes unnecessary movement while preserving useful state feedback.

Can it build accessible dropdowns or dialogs from scratch?

No. It recommends an appropriate component library when focus management and interaction semantics are required.

Can it review existing animations?

This skill focuses on construction. A dedicated review or codebase audit skill is more suitable for existing motion.

Will every animation be fully tuned from code alone?

No. Crossfades, spring response, and gesture feel may require playback, device testing, and human evaluation.

Détails du développeur

Auteur

emilkowalski

Licence

MIT

Révision Skillstore

Avis de version

L’auteur n’a déclaré aucune version.

Dépôt

https://github.com/emilkowalski/skills/tree/de33dbed000212b54400a33767d1e4d03654db2a/skills/animate

Réf

17e49992c9f55842f934ecec5719e4745ba7b95a

Récence de maintenance

09/08/2026

Utilisation

0 téléchargements · 0 vues

Structure de fichiers

📄 RECIPES.md

📄 SKILL.md

animate

Installer avec mon Agent

Ressources lisibles par les agents

Tester

Audit de sécurité

Facteurs de risque

Copier le lien du rapport

Badge Markdown

Badge HTML

Carte intégrable

Citation APA

Citation BibTeX

CITATION.cff

Comparer les variantes

Score Skillstore

Ce que vous pouvez créer

Add Responsive Product Motion

Translate Motion Specs

Prototype Gesture Interactions

Essayez ces prompts

Bonnes pratiques

Éviter

Foire aux questions

Détails du développeur