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.
将此请求复制给你的智能体,其中包含权威 Skill 页面和清单。
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.你的智能体仍应展示其计划,并按安全策略请求必要确认。
当 AI Agent、爬虫或脚本需要干净上下文,而不是读取完整页面时,请使用这些链接。
正在使用“transitions-polish”。 Review the modal and dropdown transitions without editing.
预期结果:
正在使用“transitions-polish”。 Polish the list stagger after I approve the proposal.
预期结果:
正在使用“transitions-polish”。 Check whether the tooltip delay and easing are suitable.
预期结果:
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.
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据,不判断该 Skill 是否安全。
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.
作者
jakubantalik许可证
MIT
Skillstore 修订
r1
版本提示
作者未声明版本。
引用
08cc72e7099a0533325b4b6933e5cd9c0e52c15e
维护新鲜度
2026/8/28
使用量
1 次下载 · 0 次浏览
文件结构
Create a Polished Launch Video
由 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
由 nextlevelbuilder
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
设计独具特色的前端界面
由 Atman36
通用生成界面通常显得可预测且薄弱。此技能引导 Claude、Codex 和 Claude Code 打造独具特色、可用于生产的前端设计。
设计独特的 UI 原型
由 tencentcloudbase
通用 AI 界面往往缺乏视觉方向和符合平台特性的细节。此技能会指导 Claude、Codex 和 Claude Code 在构建原型之前先定义设计意图。
Check designs with deterministic CSS rules
由 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.
Build and Refine Interfaces with Uizze
由 uizze
Interface changes can lose visual consistency or disrupt existing workflows. This skill guides implementation from visual targets and project conventions, with optional Uizze resources and explicit verification.