조코헌트
둘러보기아이디어랭킹
출시하기
로그인
둘러보기아이디어랭킹프로덕트 출시하기
로그인
조코헌트

한국 빌더를 위한 K-프로덕트 런칭 커뮤니티. 매주 커뮤니티 투표로 최고의 프로덕트를 선정합니다.

탐색

둘러보기랭킹프로덕트 출시하기이용약관개인정보처리방침

정보

소개이용 방법임베드 뱃지이용약관개인정보처리방침문의하기

© 2026 조코헌트. 한국 빌더 커뮤니티.

홈/프로덕트/개발자 도구/Claude Style Markdown Preview
Claude Style Markdown Preview
개발자 도구Live · 5월 24일

Claude Style Markdown Preview

VSCode 마크다운 프리뷰를 Claude Code 감성으로

Benjamin Leeby @ibank
웹사이트 방문 →
GitHub
웹사이트 방문 →
GitHub
1 / 3

소개

VS Code 마크다운 프리뷰, Claude Code처럼

기본 마크다운 프리뷰가 밋밋하게 느껴졌다면. Claude Style Markdown Preview는 VS Code 프리뷰에 Claude Code의 따뜻한 타이포그래피와 색감을 입히는 테마 확장이에요. 별도 설정 없이 설치만 하면 바로 적용됩니다.

이런 분께 맞아요

  • 마크다운 문서·README를 VS Code에서 자주 보는 개발자
  • 한글이 섞인 문서의 폰트가 늘 아쉬웠던 분
  • 코드 블록과 다이어그램이 많은 기술 문서를 쓰는 분

주요 기능

  • 🎨 하이브리드 타이포그래피 — 세리프 제목 + 산세리프 본문 + 모노스페이스 코드. 한글은 Pretendard로 자연스럽게 떨어집니다.
  • 🌈 Claude 테마 구문 강조 — 라이트/다크에 맞춘 따뜻한 색 팔레트로 코드 블록을 강조 (highlight.js 내장).
  • 🌗 Auto · Light · Dark 토글 — VS Code 테마와 별개로 전환하고 선택을 기억합니다.
  • 🔍 페이지 줌 — ⌘ +/−/0, 트랙패드 핀치로 문서 전체 확대·축소.
  • 📊 Mermaid 다이어그램 — 줌 · 팬 · 전체화면 툴바 지원.
  • 💬 GitHub admonition — [!NOTE] [!TIP] [!WARNING] 등을 색상 콜아웃으로.
  • 🔗 그 외 — 제목 앵커, 코드 복사, 읽기 진행바, 플로팅 TOC, 이미지 라이트박스.

차별점

  • 한글 문서를 위한 Pretendard 폰트를 로컬 번들 — 오프라인·CSP 제한 환경에서도 깨지지 않습니다.
  • VS Code 내장 하이라이팅이 동작하지 않는 환경에서도 코드가 항상 강조됩니다.
  • 100% 무료, 오픈소스(MIT).

마켓플레이스에서 **"Claude Style Markdown Preview"**로 검색하거나 위 링크에서 설치하세요.

토론 · 0

프로덕트 정보

출시일
2026년 5월 24일
조회수
34
가격 모델
오픈소스
단계
출시됨
웹사이트 방문
marketplace.visualstudio.com

비슷한 프로덕트

  • 나란히뉴스
나란히뉴스
0
  • EstreGenesisEstreGenesis2
  • 큐넥터(Qnector)큐넥터(Qnector)1
  • 릴티(Liltie) - 하루 한 곡 음악 다이어리릴티(Liltie) - 하루 한 곡 음악 다이어리1
  • Benjamin Lee

    Benjamin Lee

    @ibank

    2출시
    1팔로워
    01등

    메이커의 다른 작품

    ListenKListenK