react-vite-scaffold

Installation
SKILL.md

Vite React Project Scaffold

참고: https://www.heropy.dev/p/6iFzkB

Vite 기반 React(CSR) 프로젝트를 스캐폴딩하거나, 기존 프로젝트의 누락된 설정을 자동 보완하는 스킬.

필수 실행 체크리스트 (MANDATORY)

스킬 시작 즉시, 아래 항목을 TodoWrite에 1:1로 등록한 뒤 순서대로 진행한다. 건너뛰기 금지.

  1. 프로젝트 상태 감지 (1단계)
  2. 모드 결정: 스캐폴딩 모드 vs 보완 모드 (2단계)
  3. 프로젝트 생성 [스캐폴딩 모드일 때만] (3단계)
  4. Tailwind CSS 설치 및 구성 [tailwindcss 미설치 시] (4단계)
  5. 경로 별칭 구성 [vite.config/tsconfig에 alias 미설정 시] (5단계)
  6. ESLint + Prettier 구성 [.prettierrc 또는 prettier 패키지 미설치 시] (6단계)
  7. .prettierrc 생성 [파일 없을 때] (7단계)
  8. .vscode/settings.json 생성 [파일 없을 때] (8단계)
  9. 최종 검증 — 1단계 감지 표를 다시 돌며 모든 구성이 충족됐는지 확인, 누락 시 해당 단계 재실행 (9단계)
Installs
79
GitHub Stars
1
First Seen
Apr 4, 2026
react-vite-scaffold — parkyoungwoong/skills