Animation
UI animations and transitions
frontend-design
by exceptionless
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Jira Transitions Skill
by NeverSight
A crawler script to fetch skill data from network, automatically executed daily via GitHub Actions.
moving-rainbow
by dmccreary
Generate MicroPython programs for the Moving Rainbow LED strip educational project using Raspberry Pi Pico with NeoPixel strips and button controls.
threejs-animation
by CloudAI-X
Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.
frontend-philosophy
by kdcokenny
Visual & UI philosophy (The 5 Pillars of Intentional UI). Understand deeply to avoid "AI slop" and create distinctive, memorable interfaces.
presentation-builder
by yonatangross
"Creates zero-dependency, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web slides, or create a slide deck for a talk, pitch, or tutorial. Generates single self-contained HTML files with inline CSS/JS."
algorithmic-art
by skillcreatorai
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems.
frontend-design
by inclusionAI
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
frontend-philosophy
by kdcokenny
Visual & UI philosophy (The 5 Pillars of Intentional UI). Understand deeply to avoid "AI slop" and create distinctive, memorable interfaces.
Archetypal Combinations: Alchemy Engine
by HermeticOrmus
"In the marriage of archetype and card, form finds its color, and color finds its purpose."
baseline-ui
by agentset-ai
Enforces an opinionated UI baseline to prevent AI-generated interface slop.
frontend-design
by ComposioHQ
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
motion
by onmax
Use when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/Nuxt
live2d-control
by RTGS2017
控制 Live2D 虚拟形象的表情和动作。当 AI 回复表达肯定/同意时触发点头动画，表达否定/拒绝时触发摇头动画。用于增强虚拟形象的情感表达。
Mobile Animation
by HoangNguyen0403
Motion design principles for mobile apps. Covers timing curves, transitions, gestures, and performance-conscious animations.
slack-gif-creator
by skillcreatorai
Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users request animated GIFs or emoji animations for Slack from descriptions like "make me a GIF for Slack of X doing Y".
game-assets
by OpusGameLabs
Game asset engineer that creates pixel art sprites, animated characters, and visual entities for browser games. Use when a game needs better character art, enemy sprites, item visuals, or any upgrade from basic geometric shapes to recognizable pixel art.
frontend-design
by revokslab
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
modern-css
by paulirish
Specialized knowledge for writing modern high-quality CSS. Trigger this skill when starting a new CSS project/file, when the user asks about new CSS features (e.g. Masonry, View Transitions, Container Queries, Scroll-driven animations), or requests refactoring of legacy styles to modern standards.
frontend-design
by OpenHands
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
outreach-4-categories
by sachacoldiq
The 4 categories of outreach from Flip The Script - Inbound, Postbound, Bridgebound, and Outbound. Use when categorizing leads, choosing outreach approach, or building segmented campaigns.
frontend-design
by shuax
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Jungian Archetypes → UI/UX Aesthetics
by HermeticOrmus
"The archetype is not a metaphorâit is the pattern itself, manifesting through pixels and interactions."
Flow
by simota
ããã¼å¹æããã¼ãã£ã³ã°ç¶æ ãã¢ã¼ãã«é·ç§»ãªã©ã®CSS/JSã¢ãã¡ã¼ã·ã§ã³ãå®è£ ãUIã«åããä»ããããã¤ã³ã¿ã©ã¯ã·ã§ã³ãæ»ããã«ãããæã«ä½¿ç¨ã