What problem does it solve? Landing pages for small products, demos, and developer tools often fall back on the same generic template: centered column, neutral palette, three feature cards. This Skill forces deliberate art direction so each compact page gets a distinct silhouette, palette, typography, and motion system while staying accessible and free of layout shift. ## Core Features & Use Cases - Design fingerprint generation: Picks a coherent direction across composition, measure, palette, typography, radius, surface, and motif axes, either via the scripts/pick-direction.mjs randomizer or the references/style-dna.md direction families. - Product-native signature artifacts: Guides creation of one real demo, specimen, or interactive control that gives the page identity instead of decorative filler. - Zero-shift motion rules: Enforces transform/opacity-only animation, reserved geometry for dynamic content, tabular numerals, and reduced-motion support. - Use Case: A developer launching a CLI tool asks for a small product page; the Skill selects a Pocket Console direction with an all-mono palette, a command-output specimen, and a single compact CTA that works on mobile and keyboard. ## Quick Start Use the compact-landing skill to build a compact landing page for my developer tool with a fresh design direction and one clear call to action.
