Community코딩 & 개발github.com

Opsn5528/vibe-coding-claude-md

브라우저에서 직접 실행되는 단일 파일 오프라인 도구로, Claude Code용 깔끔한 CLAUDE.md 파일을 생성합니다.

vibe-coding-claude-md란 무엇인가요?

이 스킬은 Claude Code와 함께 사용할 CLAUDE.md 파일을 생성하는 간단하면서도 강력한 브라우저 기반 도구입니다. 개발자는 별도의 설치나 서버 없이 단일 HTML 파일을 열어 직관적인 인터페이스를 통해 프로젝트 규칙, 컨텍스트, 환경 설정을 정의하는 CLAUDE.md를 손쉽게 만들 수 있습니다. 오프라인에서 완전히 작동하므로 민감한 코드베이스에서도 안전하게 사용할 수 있으며, 생성된 파일은 Claude Code 에이전트가 프로젝트 구조와 코딩 규칙을 이해하는 데 필수적인 역할을 합니다. 이 도구는 특히 Claude Code의 설정 파일 형식을 모르는 개발자에게 유용하며, 마크다운 템플릿과 자동 완성 기능을 통해 생산성을 높여줍니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add Opsn5528/vibe-coding-claude-md

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

vibe-coding-claude-md은(는) 무엇을 하나요?

브라우저에서 직접 실행되는 단일 파일 오프라인 도구로, Claude Code용 깔끔한 CLAUDE.md 파일을 생성합니다.

개요

이 도구는 Claude Code AI 에이전트와 함께 사용할 프로젝트 설정 파일을 빠르게 생성할 수 있도록 도와줍니다. 설치가 필요 없으며, 모든 작업이 브라우저 내에서 안전하게 수행됩니다.

주요 기능

  • 완전 오프라인 - 인터넷 연결 불필요, 로컬에서만 작동
  • 단일 파일 - HTML 파일 하나로 모든 기능 제공
  • 직관적인 UI - 마크다운을 몰라도 쉽게 CLAUDE.md 작성
  • 템플릿 지원 - 일반적인 프로젝트 설정을 빠르게 불러오기
  • 미리보기 - 작성 중인 파일의 최종 모양 확인

사용 방법

  1. index.html 파일을 브라우저에서 열기
  2. 양식에 프로젝트 정보 입력 (프로젝트 이름, 규칙, 환경 등)
  3. 자동 생성된 CLAUDE.md 미리보기 확인
  4. "다운로드" 버튼을 클릭하여 파일 저장

파일 구조

index.html          # 메인 애플리케이션 파일 (모든 CSS, JS 포함)
README.md           # 이 파일

지원 플랫폼

  • Claude Code - Anthropic의 CLI 기반 AI 코딩 에이전트
  • 모든 최신 웹 브라우저 (Chrome, Firefox, Safari, Edge)

예제 CLAUDE.md 출력

# 프로젝트 설정

## 환경 변수
- `API_KEY`: 외부 서비스 인증 키
- `DATABASE_URL`: 데이터베이스 연결 문자열

## 코딩 규칙
- TypeScript 사용
- 함수형 프로그래밍 스타일 권장
- 모든 함수에 JSDoc 주석 작성

라이선스

MIT

관련 스킬