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.
Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.
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.Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.
Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.
Usando "transitions-dev". Suggest a transition for a menu anchored to its trigger.
Resultado esperado:
Menu dropdown is the best match because the surface opens from an anchor. The response identifies open, close, origin, and accessibility state hooks.
Usando "transitions-dev". Review the project for inconsistent animation timing.
Resultado esperado:
Usando "transitions-dev". Add a reduced-motion version of a modal transition.
Resultado esperado:
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.
Estas são capacidades locais reais que podem ser esperadas para esta habilidade, portanto exigem revisão, mas não são contabilizadas como comportamento malicioso confirmado.
Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.
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.
Autor
jakubantalikLicença
MIT
Revisão da Skillstore
r1
Aviso de versão
O autor não declarou uma versão.
Referência
49d0f82ce4e648a8f80c0ad8b0bb4b06fddf8f0a
Atualidade da manutenção
27/08/2026
Uso
0 downloads · 0 visualizações
Estrutura de arquivos
📄 SKILL.md
Create a Polished Launch Video
por 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
por nextlevelbuilder
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
Auditar a Acessibilidade Web para Conformidade com WCAG
por 89jobrien
Lacunas de acessibilidade podem bloquear usuários e criar risco de conformidade. Esta skill orienta auditorias WCAG, verificações com leitores de tela, testes de teclado e planejamento de correções.
Crie Interfaces Frontend Distintivas
por Atman36
Interfaces genéricas geradas muitas vezes parecem previsíveis e fracas. Esta skill orienta Claude, Codex e Claude Code para um design frontend distintivo e pronto para produção.
Melhore a UX com orientação de design baseada em investigação
por shubhamsaboo
As equipas muitas vezes desenham fluxos com base em pressupostos e ignoram problemas de acessibilidade. Esta skill orienta a investigação, a estrutura, o design de interação e a revisão usando boas práticas de UX.
Projete Protótipos de UI Diferenciados
por tencentcloudbase
Interfaces genéricas de IA muitas vezes carecem de direção visual e detalhes atentos à plataforma. Esta skill orienta Claude, Codex e Claude Code a definir a intenção de design antes de criar protótipos.