Skip to content

Storybook with stories creation

I want to create a storybook applcation with components based on given screenshot in structured and scalable way

Web development0saves0 views

Prompt

Full instructions — copy and paste into your model

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