PurpleUI-WEB

Framework & Library

• react
• typescript
• emotion
• storybook

Local Machine

You can also run app in your local machine.

$ bun install
$ bun run storybook

Storybook server can be accessed on http://localhost:6006

사용처에서 css import 하기

Next.js: _app.tsx에서 css import후 사용

import "@pfct/purple/assets/index.css";

개발 환경 세팅

세팅은 두 단계로 나뉩니다.

1단계 — 클론 전 (직접 진행) Homebrew·Git 설치, SSH 키 생성 및 GitHub 등록, collaborator 권한 확인 후 레포 클론. 브라우저 로그인·SSH 등록처럼 사람이 직접 해야 하는 작업이라 docs/PREREQUISITES.md를 보고 손으로 진행하세요.

2단계 — 클론 후 (AI가 진행) 레포를 클론하면 그 안에 docs/SETUP.md가 있습니다. 레포 폴더에서 AI 에이전트(Claude Code, Cursor 등)에게 아래 프롬프트를 주세요.

docs/SETUP.md를 보고, PurpleUI-WEB 개발 환경 세팅을 이어서 해줘.
(사전 준비는 이미 직접 끝냈어.)

진행 방식:
- 각 Step마다 ① 이미 설치/설정됐는지 먼저 확인하고 ② 안 됐을 때만 설치한 뒤 ③ 다음 Step으로 넘어가줘.
- 터미널 명령어는 네가 직접 실행해줘. 내가 타이핑할 필요 없게.
- 한 번에 한 Step씩 진행하고, 각 Step이 성공했는지 확인한 뒤 다음으로 넘어가줘.

환경 관련 주의:
- "터미널 재시작"이라고 적힌 단계는 나 대신 재시작할 수 없으니, 재시작 대신
  `source ~/.zshrc`를 실행하거나 새 PATH를 직접 적용해서 이어가줘.
- 입력을 기다리는 대화형 명령은 멈추지 않도록 비대화형 옵션으로 실행해줘.

막히거나 물어볼 게 있으면 한국어로 질문해줘.