aceternity-ui

仓库创建 2025年11月8日最近提交 29 天前SkillHot 收录 22 天前

▸ 精选理由

适合需要丰富页面动画与交互的前端工程化集成场景。

▸ 风险提示

安装或集成可能会通过 CLI 拉取第三方包，需审查依赖与构建脚本。

这个 Skill 做什么

提供 Aceternity UI 动画化 React 组件的安装、集成与使用指导（Next.js + Tailwind）。

提供针对 Next.js + Tailwind 的 100+ 动画化 React 组件的安装、集成和使用指导，组件用到 Framer Motion，适合做 hero、视差或 3D 效果。遇到 shadcn CLI 集成或动画问题时能给出可落地的解决方案。特点是组件现成且带动画，省去自己从零实现交互动效的麻烦。

▸ 展开 SKILL.md 英文原文

100+ animated React components (Aceternity UI) for Next.js with Tailwind. Use for hero sections, parallax, 3D effects, or encountering animation, shadcn CLI integration errors.

开发编程React组件动画Next.jsTailwind通用

180

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/secondsky/claude-skills/main/plugins/aceternity-ui/skills/aceternity-ui/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/secondsky/claude-skills/main/plugins/aceternity-ui/skills/aceternity-ui/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Aceternity UI Skill

## Overview

Aceternity UI is a premium, production-ready React component library designed for Next.js applications. It provides 100+ beautifully animated and interactive components built with Tailwind CSS and Framer Motion. Components are installed via the shadcn CLI and can be customized directly in your codebase.

**Key Features:**
- 100+ animated, production-ready components
- Built for Next.js 13+ with App Router support
- Full TypeScript support
- Tailwind CSS v3+ styling
- Framer Motion animations
- Dark mode support
- Copy-paste friendly (not an npm package)
- Full source code access for customization

**Prerequisites:**
- Next.js 13+ (App Router recommended)
-

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有