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 today MIT

Install

View on GitHub

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
today
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 1 months 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 3 weeks ago
Yu-aimaker
Web & Frontend Listed

creative-ui

Turns a brief into an interface that looks designed rather than generated: real layout craft, a considered type and colour system, and motion that means something. Picks its own approach from the request, sources what already exists instead of rebuilding it, holds an accessibility and performance floor, and verifies the result before reporting. Use for landing pages, portfolios, product pages, marketing sites and redesigns — and for "make this look premium", "this looks like a template", "make it feel expensive", "award quality", "animate this page", "smooth scroll", "parallax", "pinned section", "horizontal scroll", "scroll animation", "scrollytelling", "text reveal", "page transition", "3D hero", "make the landing page move", or any request where an interface has to look and move like someone with taste built it.

0 Updated 2 weeks ago
ansh2807