Storybook 구성 생성 프롬프트
스크린샷 기반 요구를 넣으면 SCSS와 TSX로 Storybook 기본 스토리와 모듈형 폴더 구조를 만들도록 지시합니다. foundations, components, patterns 구조를 제시합니다.
| 분류 | 개발 › 코딩 |
|---|---|
| 태그 | 초안작성개발자코드 |
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
어떤 프롬프트인가
디자인 시스템용 Storybook 초안을 구성할 때 쓰기 좋다. 버튼, 입력, 모달 등 기본 컴포넌트와 토큰 폴더 구조가 정해져 있지만 세부 구현 규칙은 짧다.
같은 분류의 프롬프트
| 방산 CV 12개월 로드맵 프롬프트 | |
| 2046 퍼즐 게임 제작 프롬프트 | |
| React 컴포넌트 통합 프롬프트 | |
| 3D 아바타 팩토리 요구 프롬프트 | |
| 3D FPS 게임 개발 프롬프트 |