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. Prettier 구성 [prettier 미설치 시. ESLint 프로젝트는 ESLint 통합까지, 그 외는 Prettier 단독] (6단계)
  7. .prettierrc 생성 [파일 없을 때] (7단계)
  8. .vscode/settings.json 생성 [파일 없을 때] (8단계)
  9. 최종 검증: 1단계 감지 표를 다시 돌며 모든 구성이 충족됐는지 확인하고 lint와 build를 실행, 누락 시 해당 단계 재실행 (9단계)
Installs
82
GitHub Stars
1
First Seen
Apr 4, 2026