skills.rest
leobbaroni
leobbaroniCOMMUNITY
Explore all skills by this author →
GitHub

cast

Implements motion and micro-interactions for Web, Compose, and SwiftUI interfaces.

1|Updated Jul 19, 2026
Search Tags:#animation#swiftui#jetpack compose#micro-interactions#motion design#gsap#ui enhancement
One-click install
npx skills add https://github.com/leobbaroni/maestro --skill cast-leobbaroni
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cast
Source: https://github.com/leobbaroni/maestro/tree/main/skills/maestro/library/genjutsu/cast
Command: npx skills add https://github.com/leobbaroni/maestro --skill cast-leobbaroni

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Adding motion and micro-interactions to a UI often produces generic, inconsistent, or performance-heavy results. This Skill structures the creative coding process: it scans the project stack, clarifies vague requests, validates an interaction thesis before any code is written, and audits the result for performance and accessibility. ## Core Features & Use Cases - Stack Detection and Adaptation: Scans the project for animation libraries (GSAP, Framer Motion, anime.js), frameworks (React, Vue, Svelte), and native platforms (Android Compose, SwiftUI, Compose Multiplatform), then loads matching sub-skills. - Thesis-First Workflow: Requires a one-sentence interaction thesis validated by the user through a preview (artifact, live preview, or inline) before implementation begins. - Scoped Implementation with Audit: Matches effort to scope (light, medium, full), proposes 2-3 variants for larger work, and runs a stack-specific audit covering reduced motion, 60fps performance, contrast, and accessibility states. - Use Case: Ask to make a landing page hero feel cinematic. The Skill detects GSAP in package.json, proposes a parallax-plus-staggered-reveal thesis with a live preview, implements it after approval, and verifies reduced-motion support and frame rate. ## Quick Start Ask the agent to add engaging motion and micro-interactions to a specific page or component in your project.

Frequently Asked Questions about cast

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add micro-interactions to an existing UI component?▼

Describe the component and the feel you want, such as a snappy hover or a smooth dropdown. The Skill scans your stack, proposes a one-sentence interaction thesis for approval, then implements it using your detected animation library or native APIs.

How to animate a hero section with GSAP scroll effects?▼

The Skill detects GSAP in package.json during its scan step and loads the GSAP sub-skill. It proposes a thesis such as scroll-triggered parallax with staggered text reveals, shows a preview, and implements it after your validation.

Does it support SwiftUI and Jetpack Compose animations?▼

Yes. It detects Compose via Gradle files and SwiftUI via Package.swift or Xcode projects, then loads dedicated motion sub-skills for each. It also handles Compose Multiplatform and distinguishes iOS from macOS targets.

Will it install new animation libraries automatically?▼

No. It never installs a dependency without asking first. If no animation library is detected, it prefers the stack's native APIs, and if one exists, it respects that choice instead of proposing a replacement.

How does it handle accessibility and reduced motion?▼

Every implementation passes an audit checklist before delivery. It verifies prefers-reduced-motion on web, accessibilityReduceMotion on SwiftUI, animator settings on Compose, plus focus visibility, contrast ratios, and exit animations.

Related Skills

Explore More Design & Creative Skills→
lync-cyberlync-cyber
133

ui-design

Define UI design specifications from product requirements with design tokens and responsive rules.

Community
Advanced
hossain-khanhossain-khan

optimize

Diagnose web app performance issues and generate structured optimization plans.

Community
Advanced
samymitysamymity
1

browser-qa

Automate end-to-end browser QA for web applications with smoke, interaction, visual regression, and accessibility checks.

Community
Intermediate
Gekkos-techGekkos-tech
4

rive-interactive

Create interactive vector animations with state machines and two-way data binding.

Official
Advanced