📦

transitions-dev

Name: transitions-dev
Author: jakubantalik

Inhaltsrevision r1 Sicher ⚙️ Externe Befehle⚡ Enthält Skripte🌐 Netzwerkzugriff

Add Polished CSS Transitions to Web Apps

Interface motion often becomes inconsistent, inaccessible, or difficult to maintain. This skill provides 32 reusable transition patterns with shared tokens and reduced-motion support.

Unterstützt: Claude Codex Code(CC)

🥉 78 Bronze

Mit meinem Agent installieren

Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.

Agent-Anfrage

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

Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.

Agent-lesbare Ressourcen

Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.

Markdown-Detailseite GET /skills/jakubantalik-transitions-dev.md Signiertes manifest GET /api/skills/jakubantalik-transitions-dev/manifest Signiertes lockfile GET /api/skills/jakubantalik-transitions-dev/lockfile

Testen

„transitions-dev“ wird verwendet. Suggest a transition for a menu anchored to its trigger.

Erwartetes Ergebnis:

Menu dropdown is the best match because the surface opens from an anchor. The response identifies open, close, origin, and accessibility state hooks.

„transitions-dev“ wird verwendet. Review the project for inconsistent animation timing.

Erwartetes Ergebnis:

Recommendations are grouped by source file.
Each item explains the interface purpose and matching motion token.
Values without a documented usage match remain unchanged.

„transitions-dev“ wird verwendet. Add a reduced-motion version of a modal transition.

Erwartetes Ergebnis:

The result preserves the modal state model and includes a reduced-motion guard that disables transition effects.

Sicherheitsaudit

Sicher

v1 • 27.8.2026 Versionsbericht öffnen

One of 115 static findings is confirmed: the banner stacking example inserts unsanitized HTML and can create XSS when content is untrusted. The other findings are false positives caused by Markdown code spans, JavaScript template literals, DOM animation reflows, documentation links, and benign interface terminology. No prompt injection, data exfiltration intent, or system command execution was found.

Gescannte Dateien

4,508

Analysierte Zeilen

Prüfelemente

Falschmeldungen ignoriert

Elemente der Fähigkeitsprüfung (1)

Dies sind echte lokale Fähigkeiten, die für diese Fähigkeit erwartet werden können; daher müssen sie überprüft werden, werden jedoch nicht als bestätigtes bösartiges Verhalten gezählt.

Mittel

32-banner-stacking.md:155

innerHTML assignment (XSS risk)

el.innerHTML = contentHTML;

addBanner accepts contentHTML and assigns it directly to innerHTML without sanitization. If callers pass untrusted content, the installed example can execute injected markup or scripts.

Risikofaktoren

⚙️ Externe Befehle (50)

⚡ Enthält Skripte (1)

32-banner-stacking.md:155

🌐 Netzwerkzugriff (3)

SKILL.md:77 SKILL.md:124 SKILL.md:184

Geprüft von: codex

Diesen Bericht teilen & zitieren

Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.

Versionsbericht öffnen

Berichtslink kopieren

https://skillstore.io/skills/jakubantalik-transitions-dev/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown-Badge

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

HTML-Badge

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

Einbettungskarte

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

Wissenschaftliche Zitate (APA · BibTeX · CFF)

APA-Zitat

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

BibTeX-Zitat

@techreport{jakubantalik-jakubantalik-transitions-dev-2026,
  author = {jakubantalik},
  title = {transitions-dev security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/jakubantalik-transitions-dev/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: "transitions-dev security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "jakubantalik"
date-released: "2026-08-27"
url: "https://skillstore.io/skills/jakubantalik-transitions-dev/audits/1"
identifiers:
  - type: other
    value: "skillstore:jakubantalik-transitions-dev:audit:1"
    description: "Skillstore immutable audit report identifier"

Skillstore-Score

Warum dieser Score Evidenzvertrauen: Mittel

Architektur

Wartbarkeit

Inhalt

Gemeinschaft

Spezifikationskonformität

Was Sie erstellen können

Animate Product Interfaces

Add consistent dropdown, modal, tab, tooltip, toast, and form feedback transitions to an application.

Standardize Motion Tokens

Replace scattered durations and easing values with a documented motion scale based on interface purpose.

Review Existing Animations

Identify interface elements that match the transition catalog and receive file-specific improvement suggestions.

Diese Prompts ausprobieren

List Available Transitions

Use transitions reveal to list every available pattern with its purpose and reference file.

Choose a Transition

Choose the best transition for this dropdown. Explain the match and identify the required state hooks.

Review Project Motion

Run transitions review on this project. Group recommendations by file and do not edit anything.

Refine Motion Tokens

Run transitions refine across the project. Map values by interface usage, flag unmatched values, and wait for confirmation before edits.

Bewährte Praktiken

Match the visible interface element and user action before selecting a transition.
Preserve every prefers-reduced-motion guard and existing accessibility state.
Keep CSS timing values connected to shared motion tokens.