create-storyboard
OfficialCreate interactive UI storyboards from design specs and DEIS.md.
AuthorDiologIR
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill converts design specifications and a DEIS.md file into an interactive UI storyboard as a StyleX + Storybook project. It saves time by automating the process of creating detailed storyboards that show each screen's behavior across different states.
Core Features & Use Cases
- Storyboard Creation: Generate an interactive UI storyboard from a product specification and a DEIS.md file.
- StyleX + Storybook Integration: Utilize the StyleX and Storybook frameworks for building interactive storyboards.
- DEIS.md Integration: Incorporate design elements from a DEIS.md file to maintain brand consistency and aesthetics.
- Use Case: For a product manager who needs to create a UI storyboard for a new feature, this skill automates the process of building an interactive prototype based on a provided specification and design guidelines.
Quick Start
Generate an interactive UI storyboard for the 'new-product-features' project using the 'DEIS.md' file and the 'product-specification.md' document.
Dependency Matrix
Required Modules
@stylexjs/createstorybook
Components
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: create-storyboard Download link: https://github.com/DiologIR/diolog-plugins/archive/main.zip#create-storyboard Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.