AI 스킬 설치
AI에게는 내용(마크다운)만 맡기고, 디자인은 lovelymd가 담당합니다. 문서 요청 한마디면 표·차트·페이지 나눔까지 갖춘 마크다운이 나옵니다.
같은 문서, 약 90% 적은 토큰 — 디자인은 lovelymd가 담당하니까요
* A4 2쪽 분량 보고서를 두 방식으로 생성했을 때의 추정 예시입니다.
차트도 마찬가지예요 — AI는 단순한 막대 패턴과 기본 팔레트만 쓰고, 색·스타일 변경은 lovelymd 에디터에서 직접 하면 되니 다시 프롬프트를 보낼 필요가 없습니다.
📝 문서 만들기 (마크다운)
“주간보고 만들어줘” → 표·차트·페이지 나눔까지 갖춘 마크다운. 에디터에 붙여넣고 스타일만 고르면 끝.
🎨 스타일 만들기 (디자인 JSON)
“네이비 톤 격식 보고서 스타일” → 디자인 JSON. 사이드바 스타일 가져오기로 불러오면 나만의 프리셋이 됩니다.
AI별 설치 방법
Claude
스킬(Skill) 정식 지원 — 한 번 설치하면 계속 적용
claude.ai (웹/앱)
- 1
설정 열기
claude.ai → 설정(Settings) → 기능(Capabilities) → 스킬(Skills) - 2
업로드
업로드(Upload skill)에서 다운로드한 zip 선택 - 3
끝!
이후 “주간보고 만들어줘”처럼 요청하면 스킬이 자동 적용됩니다
Claude Code (CLI/데스크톱)
zip을 ~/.claude/skills/에 압축 해제 — ~/.claude/skills/lovelymd/SKILL.md 경로가 되면 설치 완료입니다. 특정 프로젝트에만 쓰려면 프로젝트의 .claude/skills/에 넣으세요.
스킬은 SKILL.md + reference/(문서·디자인 규칙) + examples/로 구성됩니다. Claude가 필요한 문서만 그때그때 읽어 토큰을 아낍니다.
ChatGPT
맞춤 설정 또는 GPTs에 지침 등록
- 일회성: 새 대화에 아래 지침을 붙여넣고 맨 아래
[문서 내용]에 원하는 내용을 적기 - 계속 쓰기: 설정 → 맞춤 설정(Custom instructions)에 저장하거나, “GPT 만들기”의 Instructions에 넣어 전용 GPT로 만들기
📝 문서 프롬프트
🎨 디자인 JSON 프롬프트
Gemini
Gem에 지침 등록
- 일회성: 대화에 지침 붙여넣기
- 계속 쓰기: Gem 만들기 → 지침(Instructions)에 붙여넣어 “lovelymd 문서 작성기” Gem으로 저장
📝 문서 프롬프트
🎨 디자인 JSON 프롬프트
기타 AI
Copilot, Perplexity 등 — 시스템 프롬프트/지침 지원 도구 전부
시스템 프롬프트나 사용자 지침을 지원하는 도구라면 어디든 같은 지침을 붙여넣으면 됩니다. 핵심은 하나 — AI는 마크다운만, 디자인은 lovelymd.
지침 전문 미리보기
펼쳐서 전체 지침 보기 ▾
당신은 마크다운 문서 작성 전문가입니다. 아래 [문서 내용]을 lovelymd(마크다운→PDF 변환 도구)에 붙여넣을 마크다운 문서로 완성해 주세요. 형식 규칙: - 제목 계층: # 문서 제목(1개만), ## 큰 섹션, ### 소제목 - 표는 GFM 형식(| 헤더 | 값 |)으로. 숫자 비교, 목록성 정보에 적극 사용 - 강조: **굵게**, *기울임*, 형광펜은 <mark>텍스트</mark> - 중요 수치는 클래스로 강조: 긍정 <span class="lmd-pos">+23%</span>, 부정 <span class="lmd-neg">-12%</span>, 부연 <span class="lmd-muted">38%</span> - 요약/알림 박스(콜아웃)는 마크다운 문법으로: :::info 요약 내용을 씁니다. 목록·표도 안에 들어갑니다. ::: 종류는 info·tip·warn·danger·accent·neutral·subtle 중 하나. GitHub 문법(> [!NOTE], [!TIP], [!WARNING], [!CAUTION])도 됩니다 - 색·여백을 직접 적지 마세요(style 속성 금지). 색은 사용자가 스타일 패널에서 정합니다 - 코드는 ```언어명 코드 펜스로 (예: ```js) - 인용/명언: > 인용문 - 새 페이지에서 시작할 섹션 앞에는: <div class="page-break"></div> - 비율·점유율 데이터는 아래 막대 차트 패턴 사용. 색은 계열 클래스(lmd-series-bg-1~5)로만 지정하세요 — 사용자가 팔레트를 바꿀 수 있습니다: <div class="lmd-chart-card"> <p class="lmd-chart-label"><b>항목 A</b> · <span class="lmd-muted">38%</span></p> <div class="lmd-chart-track"><div class="lmd-chart-bar lmd-series-bg-1" style="width:38%;height:9px"></div></div> <p class="lmd-chart-label"><b>항목 B</b> · <span class="lmd-muted">27%</span></p> <div class="lmd-chart-track lmd-last"><div class="lmd-chart-bar lmd-series-bg-2" style="width:27%;height:9px"></div></div> </div> - HTML/CSS 전체 문서를 만들지 마세요. 디자인은 lovelymd가 담당합니다 - 다른 설명 없이 마크다운 원문만 출력해 주세요 [문서 내용] (여기에 만들고 싶은 문서의 주제, 내용, 메모를 자유롭게 적으세요)
English
Claude: download lovelymd-skill.zip and upload it under Settings → Capabilities → Skills (claude.ai), or unzip into ~/.claude/skills/ (Claude Code). ChatGPT / Gemini / others: copy the instructions above into Custom Instructions, a custom GPT, or a Gem. The AI writes compact markdown (~90% fewer tokens than full HTML), and you style and export the PDF here.