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.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
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.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "transitions-dev". Suggest a transition for a menu anchored to its trigger.
النتيجة المتوقعة:
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". Review the project for inconsistent animation timing.
النتيجة المتوقعة:
جارٍ استخدام "transitions-dev". Add a reduced-motion version of a modal transition.
النتيجة المتوقعة:
The result preserves the modal state model and includes a reduced-motion guard that disables transition effects.
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.
هذه قدرات محلية حقيقية قد يُتوقع وجودها لهذه المهارة، لذا فهي تتطلب مراجعة ولكن لا تُحتسب كسلوك خبيث مؤكد.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/jakubantalik-transitions-dev/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/jakubantalik-transitions-dev?utm_source=security_passport_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><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>jakubantalik. (2026). transitions-dev security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/jakubantalik-transitions-dev/audits/1@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}
}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"
Add consistent dropdown, modal, tab, tooltip, toast, and form feedback transitions to an application.
Replace scattered durations and easing values with a documented motion scale based on interface purpose.
Identify interface elements that match the transition catalog and receive file-specific improvement suggestions.
Use transitions reveal to list every available pattern with its purpose and reference file.
Choose the best transition for this dropdown. Explain the match and identify the required state hooks.
Run transitions review on this project. Group recommendations by file and do not edit anything.
Run transitions refine across the project. Map values by interface usage, flag unmatched values, and wait for confirmation before edits.
المؤلف
jakubantalikالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
49d0f82ce4e648a8f80c0ad8b0bb4b06fddf8f0a
حداثة الصيانة
٢٧/٨/٢٠٢٦
الاستخدام
1 تنزيلات · 0 مشاهدات
بنية الملفات
📄 SKILL.md
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 Accessible Tailwind Interfaces
بواسطة nextlevelbuilder
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
تدقيق إمكانية الوصول إلى الويب للامتثال لمعايير WCAG
بواسطة 89jobrien
يمكن أن تمنع فجوات إمكانية الوصول المستخدمين من الاستفادة من الخدمة وأن تخلق مخاطر امتثال. ترشد هذه المهارة عمليات تدقيق WCAG، وفحوصات قارئ الشاشة، واختبار لوحة المفاتيح، وتخطيط المعالجة.
تصميم واجهات أمامية مميزة
بواسطة Atman36
غالبا ما تبدو الواجهات العامة المولدة متوقعة وضعيفة. توجه هذه المهارة Claude وCodex وClaude Code نحو تصميم واجهات أمامية مميز وجاهز للإنتاج.
حسّن تجربة المستخدم بإرشادات تصميم قائمة على البحث
بواسطة shubhamsaboo
غالبًا ما تصمم الفرق المسارات بناءً على افتراضات وتفوتها مشكلات إمكانية الوصول. ترشد هذه المهارة البحث، والبنية، وتصميم التفاعل، والمراجعة باستخدام أفضل ممارسات تجربة المستخدم.
تصميم نماذج أولية مميزة لواجهات المستخدم
بواسطة tencentcloudbase
غالبا ما تفتقر واجهات الذكاء الاصطناعي العامة إلى اتجاه بصري وتفاصيل واعية بالمنصة. ترشد هذه المهارة Claude وCodex وClaude Code إلى تحديد نية التصميم قبل بناء النماذج الأولية.