{"enrichment":{"faq":[{"a":"Aceternity UI is a production-ready component library offering 100+ animated, interactive React elements designed for Next.js applications. Built with Tailwind CSS and Framer Motion, Aceternity UI includes hero sections, parallax effects, 3D cards, and background animations\u2014all installable via shadcn CLI with full source code access for customization.","q":"What is Aceternity UI and how does it work with Next.js?"},{"a":"Aceternity UI installs via shadcn CLI, giving you direct access to component source code. This approach lets you customize animations, styling, and behavior to match your design needs. The MIT license allows free use in both personal and commercial projects.","q":"How do I install Aceternity UI components in my project?"},{"a":"Aceternity UI offers animated React components including 3D cards, parallax scrolling, typewriter effects, background beams, sticky scroll reveals, moving border buttons, and text generation effects. These components work seamlessly with Next.js and Tailwind CSS for modern UI design.","q":"What animated React components does Aceternity UI provide?"},{"a":"Yes, Aceternity UI is designed for creating hero sections and landing pages with visual effects. The library includes pre-built animated components that you can combine and customize to build modern, visually striking landing pages with parallax scrolling, background animations, and other engaging effects.","q":"Can I create hero sections and landing pages with Aceternity UI?"},{"a":"Aceternity UI troubleshooting typically involves verifying shadcn CLI installation, checking Tailwind CSS and Framer Motion dependencies, and reviewing component examples. Since Aceternity UI provides full source code access, you can inspect and modify components directly to resolve integration problems.","q":"How do I resolve Aceternity UI setup or component integration issues?"},{"a":"Aceternity UI supports dark mode and full customization. Because components are installed as source code via shadcn CLI rather than as a locked package, you can modify animations, colors, spacing, and behavior to match your design system and brand requirements.","q":"Does Aceternity UI support dark mode and customization?"}],"shadow_tags":["motion-library","component-gallery","visual-effects","interactive-elements","copy-paste-ready","typescript-support","dark-mode-enabled","scroll-interactions","cursor-effects","production-ready"],"summary_rewrite":"Aceternity UI is a production-ready component library offering 100+ animated, interactive React elements designed for Next.js applications. Built with Tailwind CSS and Framer Motion, it includes hero sections, parallax effects, 3D cards, and background animations\u2014all installable via shadcn CLI with full source code access for customization."},"files":[{"bytes":18558,"path":"plugins/aceternity-ui/skills/aceternity-ui/SKILL.md","sha256":"4352de2200a0c633085e0b49201b25ba1087f136c0ed838dcf40b897c8ce8c18","url":"https://skillfed.io/files/secondsky/claude-skills/aceternity-ui/d56ac0e4/SKILL.md"}],"id":"secondsky/claude-skills/aceternity-ui","links":{"html":"https://skillfed.io/secondsky/claude-skills/aceternity-ui","md":"https://skillfed.io/secondsky/claude-skills/aceternity-ui.md","repo":"https://github.com/secondsky/claude-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":29,"language":"TypeScript","last_updated":"2026-07-25","license":"MIT","name":"aceternity-ui","publisher":"secondsky","stars":196},"relations":{"similar":[{"id":"dylanfeltus/skills/motion-design-patterns"},{"id":"bear2u/my-skills/landing-page-guide-v2"},{"id":"Hainrixz/editor-pro-max/animated-component-libraries"},{"id":"freshtechbro/claudedesignskills/animated-component-libraries"},{"id":"trin-zenityx/21st-dev-builder-v2/21st-dev-builder-v2"},{"id":"secondsky/claude-skills/motion"},{"id":"pedronauck/skills/motion"},{"id":"mattbx/shadcn-skills/shadcn-component-discovery"},{"id":"kv0906/cc-skills/advanced-frontend-skill"},{"id":"curiositech/some_claude_skills/web-cloud-designer"}]},"slug":{"owner":"secondsky","repo":"claude-skills","skill":"aceternity-ui"},"version":"d56ac0e4"}