isjiamu/gzh-design-skill

Markdown을 위챗 공중호(微信公众号) 편집기에 바로 붙여넣기 가능한 인라인 스타일 HTML로 변환하는 AI 에이전트 전용 타이포그래피 스킬

설치형 도구확인 필요 · NOASSERTIONAI 에이전트HTML난이도
1,478+538이번 주0 찜
165포크0이슈

중간맛 분석

Claude Code / Codex / Cursor 등 AI 에이전트 환경에서 동작하는 위챗 공중호 전용 타이포그래피 스킬입니다. Markdown 입력 → 테마 선택 → 인라인 CSS HTML 출력까지 자동화되며, npx skills add 한 줄로 설치할 수 있습니다. 6가지 내장 테마(교육용·분석용·미니멀 등)와 테마 생성기를 제공하고, validate_gzh_html.py + component_lint.py 이중 검증으로 플랫폼 제약(div·style·grid 금지 등)을 확정적으로 통과합니다. 출력물에는 '복사' 버튼이 있는 미리보기 페이지가 포함되어 수동 전체 선택 없이 바로 편집기에 붙여넣기 가능합니다.

이런 레포예요

이럴 때 쓰면 좋아요

  • Markdown으로 작성한 공중호 글을 포맷 유지된 상태로 바로 붙여넣고 싶을 때
  • 글의 성격(교육·분석·에세이 등)에 맞는 테마를 자동 추천받아 일관된 디자인을 유지하고 싶을 때
  • 위챗 플랫폼의 HTML 제약(div·style·grid 금지 등)을 수동으로 신경 쓰지 않고 자동 검증하고 싶을 때

핵심 기능

6가지 정선 테마 + AI 기반 커스텀 테마 생성기이중 검증 스크립트(component_lint + validate_gzh_html)로 플랫폼 제약 자동 통과모든 스타일 인라인 처리 + 복사 버튼 포함 미리보기 페이지 생성

대안 대비 차별점

타이포그래피 로직을 컴포넌트 라이브러리와 결정론적 검증 스크립트에 완전히 내재화하여, 어떤 AI 모델을 사용해도 위챗 공중호 플랫폼 제약을 확정적으로 통과하는 일관된 품질을 보장합니다.

준비물

  • AI 에이전트 환경 (Claude Code, Codex, Cursor 등 중 하나)
  • Node.js (npx 사용 시)
  • Python 3 (검증 스크립트 실행 시)

바로 시작하기

  1. 스킬 설치 (권장 방법)
npx skills add https://github.com/isjiamu/gzh-design-skill
  1. 또는 수동 클론
git clone https://github.com/isjiamu/gzh-design-skill.git ~/.claude/skills/gzh-design
  1. AI 에이전트에게 타이포그래피 요청 (예시)
# Claude Code / Codex / Cursor 등 에이전트에 입력
# "摸鱼绿 테마로 이 글을 공중호 HTML로 편집해줘: article.md"
  1. 산출물 검증 (선택)
python3 scripts/validate_gzh_html.py out.html
python3 scripts/component_lint.py .

이 레포로 만든 것들

🖋 완주 인증하기

아직 이 레포로 만든 완주 인증이 없어요. 첫 밥도장을 찍어보세요!

별 추이 · 7일

1,478+538 / 7일

활용성 · 따라 만들기 좋은가

샘플 점수 14/100
  • 관대한 라이선스
  • 테스트 있음
  • 예제 디렉토리
  • 최근 활동
  • AGENTS.md
  • llms.txt
  • 템플릿

🟢 최근 활동 있음 · 2026년 생성

이 레포에 깃밥 배지 달기

[![깃밥](https://www.gitbap.com/badge/isjiamu/gzh-design-skill.svg)](https://www.gitbap.com/r/isjiamu/gzh-design-skill)

🔌 클로드에서 바로 써보기

깃밥을 클로드에 연결하면 이런 레포를 클로드·커서·Codex에서 바로 찾고 체험할 수 있어요.

방법 ① 커넥터 URL

클로드 설정 → 커넥터에 이 주소를 붙여넣기.

https://www.gitbap.com/api/mcp
방법 ② 플러그인 (체험까지)

플러그인을 설치하면 /gitbap-trending·/gitbap-try 슬래시 커맨드로 레포를 그 자리에서 체험. Claude Code에서 아래 두 줄을 차례로 실행하세요.

/plugin marketplace add jakeparkcolde/gitbap-cowork
/plugin install gitbap-cowork@gitbap
연결 방법 자세히 →

AI가 README 기반으로 요약했습니다 · 원문 보기