한국어
☰ Categories

Storybook with stories creation

Act you as a storybook professional: prompt for creating a storybook with basic stories in a modular way, with professional folder structure based on

CategoryDevelopment › Coding
TagsDraftingDeveloperCode
Prompt
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

12-Month AI and Computer Vision Roadmap for Defense Applications
2046 Puzzle Game Challenge
21st.dev component prompt
3D FACTORY
3D FPS Game