animate
Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-30 00:12
Design & creation
21,258 results
interfaces-raunofreiberg
Review UI code against Rauno Freiberg's interface guidelines. Use when checking interactivity, typography, motion, touch, optimizations, accessibility, and…
cs-notification-strategy
Design push notification and messaging strategies including channel selection, timing optimization, personalization, and fatigue management. Use this skill…
emilkowal-animations
Emil Kowalski's animation best practices for web interfaces. Use when writing, reviewing, or implementing animations in React, CSS, or Framer Motion. Triggers…
framer-motion-animations
Subtle animation patterns for hero sections, card reveals, page transitions, and scroll-triggered effects using Framer Motion. Use when adding animations to…
photoplus-downloader
PhotoPlus album batch original image download tool. Use this skill when the user needs to batch download original images from a photoplus.cn/live/ album. Applicable to photoplus.cn album links, supports multithreaded concurrency and automatically skips already downloaded files.
aliyun-happyhorse-videoedit
Use when editing videos with DashScope HappyHorse 1.0 video editing model (happyhorse-1.0-video-edit). Use when implementing instruction-based video editing…
manim-video
Plan, scaffold, and render Manim Community Edition explainer videos for math, algorithms, technical concepts, and data stories.
design-taste
Universal visual quality skill for every Customware build. Encodes layout philosophy, hierarchy, restraint, rhythm, brand theming mechanics, the template…
generative-ai-design
Generative design for construction: text-to-BIM concepts, option generation, and AI-assisted design iteration with cost and carbon feedback. Use when exploring…
ios-design-guidelines
Apple Human Interface Guidelines for iPhone. Use when building, reviewing, or refactoring SwiftUI/UIKit interfaces for iOS. Triggers on tasks involving iPhone…
ipados-design-guidelines
Apple Human Interface Guidelines for iPad. Use when building iPad-optimized interfaces, implementing multitasking, pointer support, keyboard shortcuts, or…
visionos-design-guidelines
Apple Human Interface Guidelines for Apple Vision Pro. Use when building spatial computing apps, implementing eye/hand input, or designing immersive…
watchos-design-guidelines
Apple Human Interface Guidelines for Apple Watch. Use when building watchOS apps, complications, or workout features. Triggers on tasks involving Watch UI,…
docyrus-dashboard-design
Build Docyrus dashboards, analytics pages, KPI/metric views, and reporting screens with a fixed, opinionated component stack — Bklit UI for ALL…
system-design-expert
System design and architecture expert. Microservices, scalability, database design, API design, load balancing. Use for architecture decisions.
animation-principles
Applies Disney's 12 animation principles to UI motion design. Use when improving animation quality, designing micro-interactions, creating easing curves, or…
type-scale
Generates typography scales using modular ratios with auto-calculated line heights. Use when setting up font-size tokens, heading hierarchy (h1-h6), or text…
brand-guidelines
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand…
slack-gif-creator
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request…
game-builder-blender-assets
Authors camera-critical 3D assets for a homage game (hero characters, first-person weapon viewmodels, hero vehicles or set pieces) in Blender and exports GLB,…
video-shots
Shot breakdown: split a finished film into a shot-by-shot analysis table — each shot's duration, shot size, category, camera movement, and frame. The division of labor is carved into the bone: **everything energy-related is done by code** (cut points come from ffmpeg scene detection, duration is the subtraction of cut points, motion amount is the median of frame-by-frame differences), and the model only judges the few things it truly should judge (shot size / category / camera movement / frame /…
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…
cognitive-biases
Apply cognitive bias knowledge to product design and decision-making. Use when designing user experiences, analyzing user behavior, improving conversions, or…