prompts.chatprompts.chatprompts.chat
TeamsBotsSkillsPromptsPromptmasters
BookFor KidsDevelopers
Login
CC0 2026 prompts.chat
DeepWikiHow to...DocsAPIPrivacyTermsSupportAboutGitHub

Storybook with stories creation

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

V
@venoogopal
5 months agoJuly 1, 2026 at 03:49 AM
Web Development

Content

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

Comments (0)

Related Skills

Designing a Feature Testing Page for Enterprise WeChat/DingTalk

Skill

Create a feature testing page design for Enterprise WeChat/DingTalk focusing on address book management, calendar/schedule management, and message sending/receiving. The design should be user-friendly, sleek, and have a technological appeal.

L@Leo
1