4,957,834 AI resources indexedWorking toward the world’s largest AI resource index.

Agent skills

Reusable instructions for compatible AI agents.

How to use the library

Explore by field

Loading catalog totals…
Browse full catalog

Field counts come from the latest full-catalog snapshot. A resource can belong to several fields and platforms.

Resources

Search results
Search stays within agent skills.
Agent skill

Adding Animations (MANDATORY)

Add micro-interactions and animations using Framer Motion. Use when user asks about animations, transitions, hover effects, or motion design. MANDATORY for every component.

ClaudeCursorChatGPTDesign
David-Li04060
Apache-2.0View resource
Agent skill

UI Skills

Opinionated constraints for building better interfaces with agents.

ClaudeCodexCursorDesign
Dicklesworthstone1,960
Agent skill

Animated Component Libraries

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 compo...

OpenClawDesign
freshtechbro1,235
Agent skill

Animation Generator

Generate CSS and Framer Motion animations from plain English. Use when you need smooth animations without the math.

OpenClawDesign
kbarbel640-del1
Agent skill

Animation Generator

Generate CSS and Framer Motion animations from plain English. Use when you need smooth animations without the math.

OpenClawDesign
kbarbel640-del1
Agent skill

Baseline UI

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.

ClaudeCursorChatGPTDesign
mashharuki0
Agent skill

Frontend UI Dark Theme (TypeScript)

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations. Use when creating dashboards, admin panels, or data-rich interfaces...

ClaudeCodexOpenClawDesign
rootcastleco7
Agent skill

Aceternity UI Skill

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.

ClaudeCursorDesign
secondsky245
Agent skill

Frontend UI Dark Theme (TypeScript)

A modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and data-rich applications with glassmorphism effects and tasteful animations.

ClaudeCursorDesign
techwavedev4
Apache-2.0View resource

Platform labels describe intended use. Read each resource's author credits, requirements and available access methods.