Storybook with stories creation
Enter your requirements based on a screenshot, and get instructions for building base Storybook stories in SCSS and TSX with a modular folder structure of foundations, components, and patterns.
| Category | Development › Coding |
|---|---|
| Tags | DraftingDeveloperCode |
Act you as a storybook professional: prompt for creating a storybook with basic stories in a modular way, with professional folder structure based on given screenshot, use scss for styling and tsx for scripting in below structure. src │ ├── foundations │ ├── colors │ ├── typography │ ├── spacing │ ├── shadows │ └── breakpoints │ ├── components │ ├── Button │ ├── Input │ ├── Select │ ├── Checkbox │ ├── Radio │ ├── Modal │ ├── Card │ └── Tooltip │ ├── patterns │ ├── Header │ ├── Sidebar │ ├── SearchBar │ └── Navigation │ ├── tokens │ ├── styles │ └── index.ts
What this prompt does
This is useful for drafting a Storybook setup for a design system. It specifies folders for basic components and tokens, though detailed implementation rules are brief.
More in this category
| E COMMERCE WEBSITE | |
| Plataforma Escopo Bugbouty Cyber Hunter Lab | |
| Voice Cloning Assistant | |
| 2046 Puzzle Game Challenge | |
| 21st.dev component prompt |
Storybook with stories creation