Storybook 故事创建 · 提示词中文站

你充当一名故事书（storybook）专业人士：以模块化方式创建包含基础故事的故事书，基于给定截图采用专业的文件夹结构，样式使用 scss，脚本使用 tsx，结构如下。

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

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

│