Animation
UI animations and transitions
frontend-design
by mfts
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.
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.
baseline-ui
by agentset-ai
Enforces an opinionated UI baseline to prevent AI-generated interface slop.
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.
frontend-design
by mitsuhiko
"Design and implement distinctive, production-ready frontend interfaces with strong aesthetic direction. Use when asked to create or restyle web pages, components, or applications (HTML/CSS/JS, React, Vue, etc.)."
moai-tool-svg
by modu-ai
SVG creation, optimization, and transformation specialist. Use when creating vector graphics, optimizing SVG files with SVGO, implementing icon systems, building data visualizations, or adding SVG animations.
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.
slack-gif-creator
by smallnest
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".
frontend-design
by freekmurze
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.
slack-gif-creator
by guanyang
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."
remotion-best-practices
by guanyang
Best practices for Remotion - Video creation in React
frontend-design
by guanyang
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.
sablier-design
by sablier-labs
Create distinctive, production-grade React interfaces aligned with Sablier's dark-theme aesthetic. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that leverages the Sablier theme.
r3f-animation
by EnzeD
React Three Fiber animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating procedural motion, or implementing physics-based movement.
building-sales-team
by manojbajaj95
Help users build and scale their sales organization. Use when someone is hiring their first salespeople, deciding when to bring on sales leadership, structuring sales compensation, or transitioning from founder-led sales.
kling-3-prompting
by aedev-tools
Write better prompts for Kling 3.0 AI video generation. Use when the user wants to create, write, improve, or refine prompts — text-to-video, image-to-video, keyframes, multi-shot sequences, or dialogue scenes.
hyperframes
by wundercorp
Render MP4/WebM videos from HTML compositions.
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".
Launcher Animation分析
by yuchuangu85
执行Launcher动画相关源码分析，覆盖手势动画、远程动画、图标动画、任务切换动画等场景，用于定位动画异常、构建调用链、还原动画时序，并输出可验证的源码证据。
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 buildermethods
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.
phonics-splitter
by maominvlang-jpg
自然拼读单词分析与教学内容生成工具，专为中小学生设计。当用户输入任意英语单词，需要进行音节切分、拼读规则分析、生成教学讲解、或输出自然拼读动画数据时，必须使用此 skill。触发场景包括：分析单词拼读结构、识别元音/辅音规则、应用动物规则切分音节、生成双语教学脚本、输出 animation_data.json 动画数据、解释 Magic E / Bossy R / Digraph 等拼读特殊规则。只要用户提到"自然拼读"、"phonics"、"音节切分"、"拆分单词"、"拼读规则"、"phonics动画"，就立即调用此 skill。
omniverse
by Logos-Liber
NVIDIA Omniverse platform integration and real-time 3D workflows
wireframing-prototyping
by Logos-Liber
Wireframing tools, prototyping techniques, user flows, sitemaps, and design handoff to developers