DevelopmentMédio

Aceternity UI Skill

porsecondsky·secondsky· v1.0.0 · atualizado em 2026-04-10

Score

100+ animated React components (Aceternity UI) for Next.js with Tailwind CSS. Useful for hero sections, parallax effects, 3D effects, and encounter animations. Addresses shadcn CLI integration errors.

reactnextjstailwind-cssui-componentsanimationframer-motionshadcn-ui

Linguagens

TypeScriptJavaScript

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdaceternity-ui/workflow

Project Setup: — Create a new Next.js project or use an existing one.

Install Dependencies: — Install Tailwind CSS, Framer Motion, clsx, and tailwind-merge if not already present.

Initialize shadcn-ui: — Initialize shadcn-ui using the CLI.

Configure Aceternity Registry: — Add the Aceternity registry URL to `components.json`.

Install Components: — Install specific components using the shadcn CLI or manually.

Customize Components: — Modify the component code in your project to fit your design.

Import and Use: — Import the installed components into your Next.js pages or components.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar a ←Tailwind Best Practices

60%

Similar a ←Angular Core Mental Model

60%

Similar a ←SEO Audit For Concept Pages

60%

Similar a ←Signal Forms Architecture

60%

Similar a ←Antdv Next

60%

Similar a ←WebGPU Skill

60%

Similar a ←Shadcn Vue

60%

Similar a ←Sessions

60%

Similar a ←Web Haptics

60%

Similar a ←Nuxt UI Development

60%

Similar a ←Agent Sessions Layout

60%

Similar a ←Storybook

60%

Similar a ←SvelteKit Structure

60%

Similar a ←Tailwind 4 Docs

60%

Similar a ←Pyqt6 Ui Development Rules

60%

Similar a ←Shadcn-ui Expert

60%

Árvore do Skill

Aceternity UI Skill

aceternity-ui

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.RECOMMEND

4.ACT

5.REFLECT

Triggers7

add animated react components to my nextjs projectinstall aceternity ui componentscreate a hero section with animated backgroundsuse parallax scrolling in my nextjs appimplement a 3d card effectadd a typewriter effect to my websiteinstall a specific aceternity ui component using shadcn cli

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download aceternity-ui

$ synaptic skills detail aceternity-ui

$ synaptic skills live aceternity-ui

Dependências

nextjs react tailwindcss framer-motion clsx tailwind-merge shadcn-ui

Links

GitHub Repository