FrontendTypeScript

Aceternity UI

by secondsky

Aceternity UI is a Frontend skill for Claude Code, published by secondsky in claude-skills.

214 stars31 forkson secondsky/claude-skillsAdded 2026/09/04+1% in starsRepository updated 2026/09/03
claude-codeclaude-code-commandsclaude-code-hooksclaude-code-pluginclaude-code-pluginsclaude-code-skillclaude-code-skills
Install in seconds
Install Aceternity UI
Copy Aceternity UI into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/secondsky/claude-skills/tree/main/plugins/aceternity-ui/skills/aceternity-ui ~/.claude/skills/aceternity-ui

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/secondsky/claude-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
plugins/aceternity-ui/skills/aceternity-ui/SKILL.md in secondsky/claude-skills
Installs to
~/.claude/skills/aceternity-ui
Collection
One of 24 skills cataloged from this repository
Category
Frontend641 skills

What Aceternity UI does

Aceternity UI adds 100+ animated React components for Next.js with Tailwind and Framer Motion. Use it for hero sections, backgrounds, cards, and other interactive UI patterns.

Aceternity UI is cataloged under Frontend on DirSkills. Aceternity UI comes from a repository tagged claude-code, claude-code-commands, claude-code-hooks, claude-code-plugin and claude-code-plugins.

Documentation

README

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 v4+ styling (CSS-first config; v3 also works with JS config)
  • Framer Motion animations
  • Dark mode support
  • Copy-paste friendly (not an npm package)
  • Full source code access for customization

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Aceternity UI

  • What else does secondsky publish alongside Aceternity UI?

    Aceternity UI is one of 24 skills that DirSkills catalogs from secondsky/claude-skills, the repository it ships in. Its siblings there include API Authentication, API Changelog & Versioning and API Contract Testing. Each one is a separate skill with its own page in this directory, installs the same way Aceternity UI does, and is maintained by secondsky in that same repository. The rest of the collection is listed on the secondsky/claude-skills page.

  • How does Aceternity UI compare to other Frontend skills?

    Aceternity UI ranks #590 by stars among the 641 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Aceternity UI against them. Open each page to compare what they document and how they install.

More from secondsky/claude-skills

Aceternity UI is one of 24 skills cataloged on DirSkills from secondsky/claude-skills.

See all 24 skills
🔐
2h ago

API Authentication

API Authentication implements secure API auth with JWT, OAuth 2.0, API keys, and sessions. Use it for login flows, third-party integrations, service-to-service access, and token handling.
AI Engineering
21431
📝
2h ago

API Changelog & Versioning

API Changelog & Versioning creates changelogs that document breaking changes, deprecations, and migration steps for API consumers. Use it when releasing new API versions or planning upgrades.
Writing
21431
🧪
2h ago

API Contract Testing

API Contract Testing verifies that services honor request and response contracts with consumer-driven tests, schema validation, and tools like Pact. Use it to test microservice communication, catch breaking changes, or validate OpenAPI specs.
Quality
21431
🧩
2h ago

API Design Principles

API Design Principles helps you design REST and GraphQL APIs with clear resource models, versioning, pagination, and error handling. Use it when creating APIs, reviewing specifications, or setting API standards.
AI Engineering
21431
🚨
2h ago

API Error Handling

API Error Handling implements standardized API error responses with proper status codes, logging, and user-friendly messages. Use it when building production APIs or adding error recovery and monitoring patterns.
DevOps
21431
🔎
2h ago

API Filtering And Sorting

API Filtering And Sorting builds flexible query parsing for filters and sort parameters in search endpoints and data APIs. Use it to validate allowed fields, map operators, and reduce injection risk.
Automation
21431