conductor-motion

Solid

Generate hand-crafted web animation patterns as self-contained HTML: typewriter/rotator effects, progress bar simulations, file review state machines, staggered reveals, terminal status displays, Lottie orchestration, scroll-driven sequences. Behavioral animations that simulate live software. Triggers on typewriter effect, progress animation, stagger reveal, terminal animation, data simulation, product demo animation, loading sequence, conductor motion.

Web & Frontend 41 stars 4 forks Updated yesterday MIT

Install

Quality Score: 85/100

Stars 20%

54

Recency 20%

100

Frontmatter 20%

70

Documentation 15%

100

Issue Health 10%

50

License 10%

100

Description 5%

100

Skill Content

# Conductor Motion Generate the mid-layer animation patterns that make product marketing sites feel alive — typewriter simulations, progress bar choreography, staggered content reveals, Lottie sequencing, and scroll-driven animation compositions. These patterns simulate live software through animation alone. Deconstructed from [ConductorAI.com](https://www.conductorai.com/) (Webflow, GSAP 3.15, Lottie, vanilla JS). ## Quick Start ```bash # Typewriter hero with word cycling python3 scripts/conductor_motion_generator.py --mode typewriter \ --base-text "Accelerating" \ --words "complex approvals,investigations,e-discovery,FOIA review" \ --output typewriter.html # Progress bar simulation python3 scripts/conductor_motion_generator.py --mode progress \ --title "search initialization" --doc-count 1324 \ --rows "QUERY_RECEIVED,INPUT,ELECTRONIC SIGNATURE,JURISDICTION" \ --output progress.html # File review state machine python3 scripts/conductor_motion_generator.py --mode file-review \ --files "Report_Q4.xlsx,Contract_Draft.pdf,Audit_Log.csv" \ --output file-review.html # Full landing page with all patterns python3 scripts/conductor_motion_generator.py --mode full-page \ --output landing.html # Effects catalog (all modes demonstrated) python3 scripts/conductor_motion_generator.py --mode catalog --output catalog.html ``` Or let Claude generate directly from the templates and references. ## Motion Interview When invoked without `--mode`, the skill runs a bri...

Details

Author: tdimino
Repository: tdimino/claude-code-minoan
Created: 8 months ago
Last Updated: yesterday
Language: Python
License: MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

ui-data-motion

UI and data animation for product-demo motion graphics — the mechanics of a SaaS/dashboard reveal. Chart bars grow from the baseline, an SVG line/area draws itself on, a number rolls up to its value (odometer counter), UI cards deal into place, a toggle/tab slides between states, a cursor drives a real UI (click → state change), a notification pops in, and a timeline playhead slides through dates. Use when animating a dashboard, chart, metric callout, feature toggle, or a cursor-driven product walkthrough. Triggers: "animate the chart / bars grow", "draw the line graph", "counter / number ticks up", "cards deal in", "toggle switch animation", "cursor demo of the UI", "notification pop", "timeline scrubber".

1 Updated 5 days ago

Web & Frontend Listed

all-in-motion

The complete UI motion and micro-interaction system for web interfaces — build, review, polish and audit animation with one doctrine, one token scale, twenty spring presets and a 79-recipe catalog (press, hover, toggles, checks, dropdowns, tooltips, modals, drawers, toasts, tabs, page slides, data tables, expandable rows, text/icon/number swaps, skeletons, shimmers, loaders, reveals, staggers, drag/swipe/tilt gestures, confetti, dissolves, gradient text) with a live demo page. Use whenever the user asks to animate, add motion, transition, make something feel smooth/alive/snappy/polished/Apple-like, choose an easing, duration or spring, fix janky or slow animation, add hover/press/loading/success/error feedback, build a toast/drawer/dropdown/tooltip/tab/carousel/counter, implement drag-to-dismiss or swipe, review or audit animations, tokenize motion, handle prefers-reduced-motion, or mentions micro-interactions, motion design, Framer Motion/Motion, GSAP, react-spring, WAAPI, View Transitions, Tailwind motion u

0 Updated 3 days ago

Web & Frontend Listed

awesome-motion

Design and implement tasteful, purpose-driven motion and animation using the AwesomeDesignSystem — Motion (React, formerly Framer Motion) and CSS-only recipes. Use when the user asks to "add animation", "make it animate / move", "add transitions", "scroll effects", "page-load reveal", "stagger", "micro-interactions", "hover/press effects", or wants motion that feels considered rather than decorative. Produces working code with chosen easing/durations, reduced-motion fallbacks, and one orchestrated high-impact moment over scattered effects.

2 Updated 1 months ago