transitions-dev
78Add 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.
Polish Existing Interface Motion
Inconsistent timing and easing can make interface motion feel slow or distracting. This skill audits existing motion and maps each usage to suitable transitions.dev tokens.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "transitions-polish" from https://skillstore.io/skills/jakubantalik-transitions-polish.md and its manifest at https://skillstore.io/api/skills/jakubantalik-transitions-polish/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.
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
„transitions-polish“ wird verwendet. Review the modal and dropdown transitions without editing.
Erwartetes Ergebnis:
„transitions-polish“ wird verwendet. Polish the list stagger after I approve the proposal.
Erwartetes Ergebnis:
„transitions-polish“ wird verwendet. Check whether the tooltip delay and easing are suitable.
Erwartetes Ergebnis:
The 80-millisecond intent delay is suitable. Use the standard ease-out token for tooltip opening and closing.
All static findings are false positives caused by Markdown code spans, documentation links, and CSS terminology. The skill requests project scanning and confirmed source edits for its stated motion-polishing purpose, with no malicious intent or prompt injection found.
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
https://skillstore.io/skills/jakubantalik-transitions-polish/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/jakubantalik-transitions-polish?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/jakubantalik-transitions-polish?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/jakubantalik-transitions-polish/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/jakubantalik-transitions-polish.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>jakubantalik. (2026). transitions-polish security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/jakubantalik-transitions-polish/audits/1@techreport{jakubantalik-jakubantalik-transitions-polish-2026,
author = {jakubantalik},
title = {transitions-polish security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/jakubantalik-transitions-polish/audits/1},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "transitions-polish 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-polish/audits/1"
identifiers:
- type: other
value: "skillstore:jakubantalik-transitions-polish:audit:1"
description: "Skillstore immutable audit report identifier"
Audit a product interface and replace inconsistent motion values with shared tokens.
Check modal, tooltip, panel, and hover motion against consistent interaction rules.
Identify reusable motion values and introduce a centralized token scale.
Run transitions review across this project. List inconsistent motion values by file and explain each suggested token.
Review motion in [component path]. Check duration, easing, distance, scale, blur, stagger, and delay without editing.
Run transitions polish for [scope]. Show the proposal first, then apply only the changes I confirm.
Audit [scope] for open-close asymmetry, hover return behavior, stagger totals, and intent delays. Preserve unmatched custom motion and explain every exception.
Autor
jakubantalikLizenz
MIT
Skillstore-Revision
r1
Versionshinweis
Der Autor hat keine Version angegeben.
Ref.
08cc72e7099a0533325b4b6933e5cd9c0e52c15e
Aktualität der Wartung
28.8.2026
Nutzung
1 Downloads · 0 Aufrufe
Dateistruktur
Wiederverwendbare Design-System-Muster extrahieren
von pbakaus
Teams duplizieren häufig UI-Komponenten, Tokens und Layout-Muster in einer Anwendung. Diese Skill hilft Claude, Codex oder Claude Code dabei, wiederverwendbare Muster zu finden und sie in einem gepflegten Design-System zu konsolidieren.
Create a Polished Launch Video
von latent-spaces
Turning a project into a concise launch video requires product analysis, scripting, animation, audio, and rendering. Brag coordinates that workflow with Hyperframes and delivers a video, poster, storyboard, and share copy.
Build Consistent Design Systems and Slides
von nextlevelbuilder
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
Unverwechselbare Frontend-Oberflächen gestalten
von Atman36
Generische generierte Oberflächen wirken oft vorhersehbar und schwach. Diese Skill führt Claude, Codex und Claude Code zu unverwechselbarem, produktionsreifem Frontend-Design.
Markante UI-Prototypen entwerfen
von tencentcloudbase
Generische KI-Oberflächen haben oft keine klare visuelle Richtung und zu wenig plattformspezifische Detailtiefe. Dieser Skill leitet Claude, Codex und Claude Code dabei an, vor dem Erstellen von Prototypen die Designabsicht zu definieren.
Check designs with deterministic CSS rules
von cubha
Design reviews can vary between reviewers and slow down delivery. This skill applies repeatable checks to HTML and CSS so teams can catch token, layout, and accessibility issues before release.