AI Agent Skill Repository

AI Agent Skills Directory

Browse reusable skills for Codex, Claude Code, Cursor, finance, research, web scraping, PPT, football analytics, data, marketing, design, and more.

Live registry search

Results for “canvas-animation

Exact name and slug matches are checked against the live registry before ranked alternatives.

Clear search

Decision filters

Choose by scenario, quality, and trust signals.

Showing 1-16 of 134 ranked candidates matching "canvas-animation"

Best blend of relevance, quality, freshness, and verified outcomes

1

Animation Vocabulary

VERIFIEDEXCELLENT · 100TRUST · 90SAFE · VERIFIEDDESIGN

Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iO…

$ npx skills@latest add emilkowalski/skills
1 agent calls100% success16.5K stars75 quality90 trustVerifiedClaude Code + OpenAI Agents1mo since pushSafe to try

Scenario Design and creative

Claude Code + OpenAI Agents · 4 targets

claude-codecodexcursor
by Emil KowalskiDetailsQuick view
2

Canvas Design

VERIFIEDEXCELLENT · 100TRUST · 87SAFE · REVIEWEDDESIGN

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

$ npx skills add anthropics/skills --skill canvas-design
171.1K stars78 quality87 trustReviewedClaude Code + OpenAI Agents2d since pushSafe to try

Scenario Design and creative

Claude Code + OpenAI Agents · 4 targets

claude-codecodexcursor
by anthropicsDetailsQuick view
3

Review Animations

VERIFIEDEXCELLENT · 100TRUST · 90SAFE · REVIEWEDDESIGN

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.

$ npx skills@latest add emilkowalski/skills
17.6K stars71 quality90 trustReviewedClaude Code + OpenAI Agents1mo since pushSafe to try

Scenario Design and creative

Claude Code + OpenAI Agents · 4 targets

claude-codecodexcursor
by Emil KowalskiDetailsQuick view
4

Ssam

PROMISING · 55TRUST · 75SAFE · REVIEWEDDESIGN

Ssam.js is a creative coding helper that provides animation loop, git snapshot, video export, time lapse and more.

$ npx skills add cdaein/ssam
151 stars38 quality75 trustReviewed with permission notes10mo since pushNeeds review

Scenario Design and creative

CLI + Codex · 4 targets

typescriptcreative-coding
by cdaeinDetailsQuick view
5

Watercolor Canvas

NEEDS REVIEW · 41TRUST · 68SAFE · BLOCKEDDESIGN

Creating watercolor-style canvas art

$ npx skills add rolyatmax/watercolor-canvas
123 stars33 quality68 trustBlocked for auto-install9y since pushRisky

Scenario Design and creative

CLI + Codex · 4 targets

javascriptcreative-coding
by rolyatmaxDetailsQuick view
6

Canvas Kit

STRONG · 77TRUST · 80SAFE · REVIEWEDDESIGN

Development kits to implement UI following the Workday Canvas Design System (https://canvas.workday.com/). See our Component Storybook -

$ npx skills add Workday/canvas-kit
355 stars52 quality80 trustReviewed24d since pushSafe to try

Scenario Design and creative

CLI + Codex · 4 targets

typescriptdesign-systems
by WorkdayDetailsQuick view
7

Emil Design Engineering

VERIFIEDEXCELLENT · 100TRUST · 90SAFE · REVIEWEDCODING

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

$ npx skills@latest add emilkowalski/skills
12.9K stars70 quality90 trustReviewedClaude Code + OpenAI Agents1mo since pushSafe to try

Scenario Coding agents

Claude Code + OpenAI Agents · 4 targets

claude-codecodexcursor
by Emil KowalskiDetailsQuick view
8

gsap skills

VERIFIEDEXCELLENT · 100TRUST · 87SAFE · REVIEWEDCODING

Official AI skills for GSAP. These skills teach AI coding agents how to correctly use GSAP (GreenSock Animation Platform), including best practices, common animation pat…

$ npx skills add greensock/gsap-skills
9.7K stars65 quality87 trustReviewedClaude Code5d since pushSafe to try

Scenario Coding agents

Claude Code + CLI · 4 targets

by greensockDetailsQuick view
9

Story To Handdrawn Video

VERIFIEDEXCELLENT · 97TRUST · 87SAFE · REVIEWEDDESIGN

Agent skill: convert Chinese story copy or ordered images into a hand-drawn diary-comic animation (silent MP4 picture track).

$ npx skills add gnipbao/story-to-handdrawn-video
978 stars64 quality87 trustReviewedClaude Code + OpenAI Agents15d since pushSafe to try

Scenario Design and creative

Claude Code + OpenAI Agents · 4 targets

javascript
by gnipbaoDetailsQuick view
10

Frontend Design

VERIFIEDEXCELLENT · 100TRUST · 88SAFE · REVIEWEDDESIGN

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

$ npx skills add anthropics/skills --skill frontend-design
3 agent calls100% success171.1K stars84 quality88 trustReviewedClaude Code + OpenAI Agents2d since pushSafe to try

Scenario Design and creative

Claude Code + OpenAI Agents · 4 targets

claude-codecodexcursor
by anthropicsDetailsQuick view
11

Suika

STRONG · 71TRUST · 77SAFE · REVIEWEDDESIGN

A Web Graphics Editor Built with Canvas. 基于 Canvas 实现的图形编辑器

$ npx skills add F-star/suika
964 stars48 quality77 trustReviewed with permission notes5mo since pushNeeds review

Scenario Design and creative

CLI + Codex · 4 targets

typescriptfigma
by F-starDetailsQuick view
12

Vox Director

VERIFIEDEXCELLENT · 100TRUST · 80SAFE · REVIEWEDDESIGN

Turn one topic into a narrated Vox-style paper-collage explainer or ad video, from script through captions.

$ npx skills add Alisa0808/vox-director --skill vox-director
3 agent calls100% success326 stars88 quality80 trustReviewedClaude Code + OpenAI Agents1mo since pushSafe to try

Scenario Video creation

Claude Code + OpenAI Agents · 4 targets

claude-codecodexcursorffmpeg
by Alisa0808DetailsQuick view
13

PropMotion

STRONG · 73TRUST · 76SAFE · REVIEWEDDESIGN

Claude Code skill: make one 3D object perform in your SwiftUI app. SceneKit stages, baked choreography, hand-rolled physics, real shadows.

$ npx skills add dembsky/PropMotion
99 stars49 quality76 trustReviewed with permission notesClaude Code9d since pushNeeds review

Scenario Design and creative

Claude Code + CLI · 4 targets

by dembskyDetailsQuick view
14

Taste Skill: Anti-Slop Frontend

VERIFIEDEXCELLENT · 100TRUST · 92SAFE · REVIEWEDDESIGN

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontend
2 agent calls50% success79.4K stars83 quality92 trustReviewedClaude Code + OpenAI Agents1d since pushSafe to try

Scenario Design and creative

Claude Code + OpenAI Agents · 4 targets

codexclaude-codecursor
by LeonxlnxDetailsQuick view
15

Apple Design

VERIFIEDEXCELLENT · 100TRUST · 90SAFE · VERIFIEDDESIGN

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/…

$ npx skills@latest add emilkowalski/skills
17.6K stars71 quality90 trustVerifiedClaude Code + OpenAI Agents1mo since pushSafe to try

Scenario Design and creative

Claude Code + OpenAI Agents · 4 targets

claude-codecodexcursor
by Emil KowalskiDetailsQuick view
16

Figma Implement Design

VERIFIEDEXCELLENT · 100TRUST · 90SAFE · REVIEWEDCODING

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

$ npx skills add openai/skills --skill figma-implement-design
24.0K stars92 quality90 trustReviewedClaude Code + OpenAI Agents1mo since pushSafe to try

Scenario Coding agents

Claude Code + OpenAI Agents · 4 targets

codexclaude-codecursor
by openaiDetailsQuick view

Page 1

Showing the strongest 16 results to keep the registry fast for humans and agents. Refine by use case, platform, stars, or search query for a narrower shortlist.

Try the agent resolve API