Communitygithub.com

astroicers/visual-web-stack

Habilidade do Claude Code — Regras e receitas de integração entre pacotes React 19 + R3F + Anime.js + GSAP + Lenis + Zustand

O que é visual-web-stack?

Esta skill para o Claude Code fornece um conjunto de regras e receitas de integração cruzada entre React 19, React Three Fiber (R3F), Anime.js, GSAP, Lenis e Zustand. Ela é útil para desenvolvedores que desejam construir interfaces web visualmente ricas e animadas, combinando o poder do React moderno com bibliotecas de animação, renderização 3D, scroll suave e gerenciamento de estado. A skill suporta o ecossistema Claude Code e oferece diretrizes claras sobre como configurar importações, gerenciar ciclos de vida de animações, sincronizar scroll com animações, e integrar estados entre os diferentes pacotes. Funciona como um guia de referência rápida para evitar conflitos e garantir que todas as bibliotecas trabalhem em harmonia dentro de um mesmo projeto.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add astroicers/visual-web-stack
Ver original→Navegar por todas as habilidades

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentação

O que visual-web-stack faz?

Habilidade do Claude Code — Regras e receitas de integração entre pacotes React 19 + R3F + Anime.js + GSAP + Lenis + Zustand

Habilidades Relacionadas

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community