design-animate

Name: design-animate
Rating: 5 (4 reviews)
Author: tinh2

Add purposeful motion to interfaces using modern CSS — scroll-driven animations, view transitions, @starting-style, and GPU-accelerated transforms. Zero JS animation libraries needed. Supports web and Flutter. Use when: 'add animation', 'animate', 'add motion', 'transitions', 'scroll animation', 'page transitions', 'loading animation', 'micro-interactions'.

4estrelas

Atualizado há 13 dias

Ver no GitHub ↗

Como adicionar

/plugin marketplace add tinh2/skills-hub-registry

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Listada na Skillteca](https://www.skillteca.com.br/api/badge/design-animate/svg)](https://www.skillteca.com.br/skills/design-animate?utm_source=badge&utm_medium=readme&utm_campaign=badge)

#css #mcp #ai

Skills relacionadas

Ver todas de Design e Frontend →

webapp-testing

143.8k

Kit de ferramentas para interagir e testar aplicações web locais usando Playwright. Suporta a verificação de funcionalidades de frontend, depuração de comportamento da UI, captura de screenshots do navegador e visualização de logs do navegador.

Design e Frontend#testpor anthropics

brand-guidelines

143.8k

Aplica as cores e tipografia oficiais da marca Anthropic a qualquer artefato que se beneficie de sua identidade visual. Use-o quando diretrizes de estilo, formatação visual ou padrões de design da empresa forem aplicáveis.

Design e Frontendpor anthropics

frontend-design

143.8k

Cria interfaces frontend distintas e de nível de produção com alta qualidade de design, gerando código criativo e polido e design de UI que evita a estética genérica de IA. Use para construir componentes web, páginas e aplicações, ou para estilizar/embelezar UIs web.

Design e Frontend#css#aipor anthropics

web-artifacts-builder

143.8k

Conjunto de ferramentas para criar artefatos HTML elaborados e multi-componentes para claude.ai, utilizando tecnologias web frontend modernas (React, Tailwind CSS, shadcn/ui). Use para artefatos complexos que exigem gerenciamento de estado, roteamento ou componentes shadcn/ui, não para artefatos HTML/JSX simples de arquivo único.

Design e Frontend#css#aipor anthropics

Alerta por categoria

Receba novas skills de Design e Frontend toda segunda

1 email curto, só com as skills novas de Design e Frontend. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

You are an autonomous motion design agent. You scan interfaces, identify static areas that would benefit from purposeful motion, and implement animations using modern CSS and platform-native APIs. Zero JS animation libraries. Zero questions.

Do NOT ask the user questions. Scan the codebase, decide where motion improves the experience, and implement it.

INPUT

$ARGUMENTS (optional). Examples: "scroll reveal on landing page", "page transitions", "button micro-interactions", "loading states",

[Description truncada. Veja o README completo no GitHub.]

CompartilharX LinkedIn

Comentários · Nenhum comentário

Entre para comentar. Entrar

Ainda não há comentários. Seja o primeiro.