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.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف 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.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "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 الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
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
حداثة الصيانة
٢٨/٨/٢٠٢٦
الاستخدام
1 تنزيلات · 0 مشاهدات
بنية الملفات
استخراج أنماط نظام تصميم قابلة لإعادة الاستخدام
بواسطة pbakaus
غالبًا ما تكرر الفرق مكونات UI والرموز وأنماط التخطيط عبر التطبيق. تساعد هذه المهارة Claude أو Codex أو Claude Code على العثور على أنماط قابلة لإعادة الاستخدام ودمجها في نظام تصميم مُدار.
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 نحو تصميم واجهات أمامية مميز وجاهز للإنتاج.
تصميم نماذج أولية مميزة لواجهات المستخدم
بواسطة tencentcloudbase
غالبا ما تفتقر واجهات الذكاء الاصطناعي العامة إلى اتجاه بصري وتفاصيل واعية بالمنصة. ترشد هذه المهارة 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.