SkillHey.
Submit a skill

Design AI Skills

Explore practical workflows for designing interfaces and visual systems. Find tools for both early concepts and detailed reviews.

127 skills

Explore Design skills

123 skills
RecommendedNewest first
Fun Isometric title and an illustrated pen drawing on a pink notepad.
Free
Images

Fun Isometric

Create animated isometric sticker icons with configurable colours, facing directions and keyframe motion.

76Stars3Forks
Repository last pushed
Kelvin Adithya
Huashu Art Motion showcase: a woman and cat pictured in multiple art styles.
Free
Video & Motion

Huashu Art Motion

Create art-inspired animations and explainer clips with a coding agent, using editable scenes and motion recipes.

5.5KStars566Forks
Repository last pushed
Huashu
Cinetic Motion Design — cinetic
Free
Video & Motion

Cinetic Motion Design

Direct and render cinematic product films, feature loops, logo stings, and UI motion pieces using a code-based production workflow.

857Stars52Forks
Repository last pushed
Leon Lin
LottieFiles Motion Design — dotLottie Animation
Free
Web & UI

LottieFiles Motion Design

Apply timing, easing, choreography, and animation principles to purposeful UI motion and transitions.

2.5KStars165Forks
Repository last pushed
LottieFiles

Modern Web Guidance

Google Chrome and contributors

Find modern web platform patterns and browser-compatibility guidance for HTML, CSS and client-side JavaScript tasks.

  • web development
  • css
  • accessibility
2.6KStars102Forks
Repository last pushed
Waza agent status line
Free
Web & UI

Waza UI

Build and refine user interfaces with typography decisions and screenshot-based review.

7.3KStars424Forks
Repository last pushed
tw93
Author-provided banner showing five game scenes. Its 74-skill label reflects an earlier edition; the reviewed catalog contains 76 specialized skills plus a router.
Free
Development & APIs

Unity Animator & Character Animation

Drive character animations through controllers, parameters, blend trees, layers, transitions, and humanoid IK.

3.6KStars327Forks
Repository last pushed
Abhishek Barali
Author-provided banner showing five game scenes. Its 74-skill label reflects an earlier edition; the reviewed catalog contains 76 specialized skills plus a router.
Free
Other utilities

Game Input Architecture

Design action maps, control rebinding, device support, analog deadzones, input buffering, and forgiving jump timing.

3.6KStars327Forks
Repository last pushed
Abhishek Barali

ADHD-friendly Agent Output

ayghri

Make agent responses easier to follow with clear next actions, numbered steps and explicit state across turns.

  • productivity
  • accessibility
57.3KStars3.3KForks
Repository last pushed

Vercel React View Transitions

vercel-labs

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements).

  • react
  • animation
32.5KStars2.8KForks
Repository last pushed

Vercel Composition Patterns

vercel-labs

React composition patterns that scale.

  • react
  • components
32.5KStars2.8KForks
Repository last pushed
Official Hallmark cover: black headline on a pale grid above three overlapping website examples.
Free
Web & UI

Hallmark Web Design

Build, redesign or audit websites with a clear visual direction, 48 themes or custom styling, and local UI checks for Claude Code, Codex, Cursor and OpenCode.

36.9KStars1.9KForks
Repository last pushed
Nutlope
Video Use banner showing a Claude Code video-editing session.
Free
Video & Motion

Manim Video

Production pipeline for mathematical and technical animations using Manim Community Edition.

29KStars3.4KForks
Repository last pushed
browser-use
Video Use banner showing a Claude Code video-editing session.
Free
Video & Motion2 skills

Video Use Editing and Animation

Edit existing footage through conversation or produce mathematical and technical animations with Manim.

29KStars3.4KForks
Repository last pushed
browser-use

Huashu Design

alchaincyf

Create high-fidelity HTML prototypes, presentations, animations and visualizations with explicit design-direction review.

  • web-design
  • prototyping
25KStars2.8KForks
Repository last pushed

GSAP Utils

greensock

Official GSAP skill for gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe.

  • gsap
  • animation
16.5KStars977Forks
Repository last pushed

GSAP Plugins

greensock

Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools.

  • gsap
  • animation
16.5KStars977Forks
Repository last pushed

GSAP Frameworks

greensock

Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount.

  • gsap
  • animation
16.5KStars977Forks
Repository last pushed

GSAP Timeline

greensock

Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback.

  • gsap
  • animation
16.5KStars977Forks
Repository last pushed

GSAP Performance

greensock

Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching.

  • gsap
  • animation
16.5KStars977Forks
Repository last pushed

GSAP Scrolltrigger

greensock

Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers.

  • gsap
  • animation
16.5KStars977Forks
Repository last pushed

GSAP React

greensock

Official GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup.

  • gsap
  • animation
16.5KStars977Forks
Repository last pushed

GSAP Animation Skills

greensock

Build web animations with official GSAP guidance for tweens, timelines, ScrollTrigger, plugins and framework cleanup.

  • animation
  • gsap
16.5KStars977Forks
Repository last pushed

GSAP Core

greensock

Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion).

  • gsap
  • animation
16.5KStars977Forks
Repository last pushed

Brag Launch Video Skills

latent-spaces

Turn project code or a website into a short launch video, with a full Hyperframes workflow or a lightweight alternative.

  • launch-video
  • animation
16.2KStars1.2KForks
Repository last pushed

Brag

latent-spaces

Turn the current project website into a short, polished, shareable launch video using Hyperframes.

  • launch-video
  • animation
16.2KStars1.2KForks
Repository last pushed

Brag Slim

latent-spaces

Turn a project directory or a website URL into a short, shareable launch video with music, motion, and share copy.

  • launch-video
  • animation
16.2KStars1.2KForks
Repository last pushed

Garden Visual and Knowledge Skills

ConardLi

Create visual HTML articles, interfaces, images, motion videos and narrated web presentations, or retrieve local knowledge.

  • web-design
  • visualization
12.9KStars1.5KForks
Repository last pushed

Web Design Engineer

ConardLi

Build or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations.

  • web-design
  • ui-design
12.9KStars1.5KForks
Repository last pushed

Beautiful Article

ConardLi

Turn source material into an offline, single-file HTML visual article.

  • web-design
  • articles
12.9KStars1.5KForks
Repository last pushed

Motion Showreel

ConardLi

Create graphic, text and interface motion videos as MP4 with editable source.

  • animation
  • motion-design
12.9KStars1.5KForks
Repository last pushed

Related guides

About Design AI skills

Explore practical workflows for designing interfaces and visual systems. Find tools for both early concepts and detailed reviews.

  • Plan interfaces and prototypes
  • Refine typography, color, and components
  • Review accessibility and responsive layouts