animated-component-libraries
Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated…
Skill by feliksness
Chalk Labs
Need help deploying animated-component-libraries?
Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/feliksness-animated-component-libraries
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend, marketing
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
- Runs as
- Python package
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/animated-component-libraries
What's inside
- Skill name
animated-component-libraries- Description
- Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use this skill when building landing pages, marketing sites, dashboards, or interactive UIs requiring pre-made animated components instead of hand-crafting animations. Triggers on tasks involving animated UI components, Magic UI, React Bits, shadcn/ui integration, Tailwind CSS components, or component library selection. Alternative to manually implementing animations with Framer Motion or GSAP.
- License
- unknown
- Instructions
- 821 lines in SKILL.md · view on GitHub
Before installing
- Ships executable scripts
Agent Skills spec issues
- body: 821 lines (spec recommends under 500)
Files (7)
- SKILL.md
- README.md · assets/
- customization_guide.md · references/
- magic_ui_components.md · references/
- react_bits_components.md · references/
- component_importer.py · scripts/
- props_generator.py · scripts/
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from feliksness/Quartzite-Prompt-Library
- 0.587score
react-spring-physics
feliksness
Physics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation…
SkillAFreshness: A★ 1Claude Code +9 - 0.587score
locomotive-scroll
feliksness
Comprehensive skill for Locomotive Scroll smooth scrolling library with parallax effects, viewport detection, and scroll-driven animations.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
babylonjs-engine
feliksness
Comprehensive skill for Babylon.js 3D web rendering engine.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
barba-js
feliksness
Page transitions library for creating fluid, smooth transitions between website pages.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
gsap-scrolltrigger
feliksness
Comprehensive skill for GSAP (GreenSock Animation Platform) and ScrollTrigger plugin.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
lightweight-3d-effects
feliksness
Lightweight 3D effects for decorative elements and micro-interactions using Zdog, Vanta.js, and Vanilla-Tilt.js.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
lottie-animations
feliksness
After Effects animation rendering for web and React applications.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
modern-web-design
feliksness
Modern web design trends, principles, and implementation patterns for 2024-2025.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
pixijs-2d
feliksness
Fast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
playcanvas-engine
feliksness
Lightweight WebGL/WebGPU game engine with entity-component architecture and visual editor integration.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
spline-interactive
feliksness
Browser-based 3D design tool with visual editor, animation, and web export.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
aframe-webxr
feliksness
Declarative web framework for building browser-based 3D, VR, and AR experiences using HTML and entity-component architecture.
SkillAFreshness: A★ 1Claude Code +9
Signals
- Stars
- 1
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Oct 3, 2026 (28 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from feliksness
- 0.587score
locomotive-scroll
feliksness
Comprehensive skill for Locomotive Scroll smooth scrolling library with parallax effects, viewport detection, and scroll-driven animations.
SkillAFreshness: A★ 1Claude Code +9 - 0.587score
react-spring-physics
feliksness
Physics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation…
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
babylonjs-engine
feliksness
Comprehensive skill for Babylon.js 3D web rendering engine.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
gsap-scrolltrigger
feliksness
Comprehensive skill for GSAP (GreenSock Animation Platform) and ScrollTrigger plugin.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
lightweight-3d-effects
feliksness
Lightweight 3D effects for decorative elements and micro-interactions using Zdog, Vanta.js, and Vanilla-Tilt.js.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
barba-js
feliksness
Page transitions library for creating fluid, smooth transitions between website pages.
SkillAFreshness: A★ 1Claude Code +9
Done for you
Rather not set it up yourself?
Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.
See how we build AI agents →Read the case studies
Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.
- launches shipped
- 50+
- launches shipped
- media placements
- 500+
- media placements
- founders on every account
- 2
- founders on every account
Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block
Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.
Get animated-component-libraries running in your business
Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.
Cite this page
animated-component-libraries skill. Agent Mart. https://agentmart.dev/skills/feliksness-animated-component-libraries (last updated 2026-10-24)