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 3 forks Updated yesterday MIT

Install

View on GitHub

Quality Score: 87/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
7 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 3 weeks ago
JagZ999
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 4 days ago
Yu-aimaker
Web & Frontend Listed

text-motion

Kinetic text-motion + gradient + transition toolkit for HTML/CSS motion-graphics videos — the polished "launch reel" look: keyword glow-highlight sweeps, gradient-filled hero words, scramble-decode headlines, ticker-roll word swaps, living color-arc gradient backgrounds with drifting blobs, concentric ring ripples, blueprint grids, and glass UI accents (pills, cursors, prompt cards). Use when making an animated title/heading feel dynamic and varied, adding a moving gradient background, giving each scene its own heading entrance, or matching a reference reel's text motion. Triggers: "make the headings more dynamic", "text motion", "highlight the keyword", "gradient background through the video", "animate the title like that reel", "scramble/decode text", "words rolling like a ticker", "make it more graphic". Complements kinetic-typography (word cascade / hero-push) and smooth-render (capture).

1 Updated 3 weeks ago
JagZ999