265
Automated Design Generation: From a single `tokens.json` file, it produces a storyboard, hi-fi mockups, landing page, logo concepts, launcher icons, illustrations, and all necessary store assets.
Single Source of Truth: All design artifacts are derived from a unified `tokens.json` file, preventing drift and ensuring consistency across all outputs.
Key Outputs: Includes a detailed storyboard with captioned screens, realistic hi-fi mockups in device frames, multiple design directions, a landing page with an OG card, logo and wordmark concepts, launcher icons for iOS and Android, illustrations, content packs, and a complete store kit.
Platform Mirroring: Generates platform-specific tokens in Kotlin and Swift, ensuring native compatibility.
Accessibility Focused: Incorporates a contrast checker to ensure WCAG compliance, acting as a hard stop for non-compliant designs.
Workflow: The process involves an interview, orientation, selection of design directions, token generation with a contrast gate, and then the automated creation of all design assets.
No Hand-Drawn Elements: All outputs are script-generated, making them easily re-runnable and updatable.
Integration: Installs via a single command (`npx skills add shuence/design-storyboard`) and integrates with various agents like Claude Code, Codex, and Cursor.
MIT Licensed: The project is open-source and available under the MIT license.
Built with