L
에디터로 · Editor
템플릿 · Templates

AI 스킬 설치

AI에게는 내용(마크다운)만 맡기고, 디자인은 lovelymd가 담당합니다. 문서 요청 한마디면 표·차트·페이지 나눔까지 갖춘 마크다운이 나옵니다.

AI가 HTML/CSS 디자인까지 통째로 생성~15,000 tokens
lovelymd 스킬 — 마크다운만 생성~1,500 tokens

같은 문서, 약 90% 적은 토큰 — 디자인은 lovelymd가 담당하니까요

* A4 2쪽 분량 보고서를 두 방식으로 생성했을 때의 추정 예시입니다.

차트도 마찬가지예요 — AI는 단순한 막대 패턴과 기본 팔레트만 쓰고, 색·스타일 변경은 lovelymd 에디터에서 직접 하면 되니 다시 프롬프트를 보낼 필요가 없습니다.

📝 문서 만들기 (마크다운)

“주간보고 만들어줘” → 표·차트·페이지 나눔까지 갖춘 마크다운. 에디터에 붙여넣고 스타일만 고르면 끝.

🎨 스타일 만들기 (디자인 JSON)

“네이비 톤 격식 보고서 스타일” → 디자인 JSON. 사이드바 스타일 가져오기로 불러오면 나만의 프리셋이 됩니다.

AI별 설치 방법

C

Claude

스킬(Skill) 정식 지원 — 한 번 설치하면 계속 적용

추천
lovelymd-skill.zip 다운로드 (2KB)

claude.ai (웹/앱)

  1. 1

    설정 열기

    claude.ai → 설정(Settings) → 기능(Capabilities) → 스킬(Skills)
  2. 2

    업로드

    업로드(Upload skill)에서 다운로드한 zip 선택
  3. 3

    끝!

    이후 “주간보고 만들어줘”처럼 요청하면 스킬이 자동 적용됩니다

Claude Code (CLI/데스크톱)

zip을 ~/.claude/skills/에 압축 해제 — ~/.claude/skills/lovelymd/SKILL.md 경로가 되면 설치 완료입니다. 특정 프로젝트에만 쓰려면 프로젝트의 .claude/skills/에 넣으세요.

스킬은 SKILL.md + reference/(문서·디자인 규칙) + examples/로 구성됩니다. Claude가 필요한 문서만 그때그때 읽어 토큰을 아낍니다.

G

ChatGPT

맞춤 설정 또는 GPTs에 지침 등록

  • 일회성: 새 대화에 아래 지침을 붙여넣고 맨 아래 [문서 내용]에 원하는 내용을 적기
  • 계속 쓰기: 설정 → 맞춤 설정(Custom instructions)에 저장하거나, “GPT 만들기”의 Instructions에 넣어 전용 GPT로 만들기

📝 문서 프롬프트

🎨 디자인 JSON 프롬프트

G

Gemini

Gem에 지침 등록

  • 일회성: 대화에 지침 붙여넣기
  • 계속 쓰기: Gem 만들기 → 지침(Instructions)에 붙여넣어 “lovelymd 문서 작성기” Gem으로 저장

📝 문서 프롬프트

🎨 디자인 JSON 프롬프트

+

기타 AI

Copilot, Perplexity 등 — 시스템 프롬프트/지침 지원 도구 전부

시스템 프롬프트나 사용자 지침을 지원하는 도구라면 어디든 같은 지침을 붙여넣으면 됩니다. 핵심은 하나 — AI는 마크다운만, 디자인은 lovelymd.

지침 전문 미리보기

펼쳐서 전체 지침 보기 ▾
당신은 마크다운 문서 작성 전문가입니다. 아래 [문서 내용]을 lovelymd(마크다운→PDF 변환 도구)에 붙여넣을 마크다운 문서로 완성해 주세요.

형식 규칙:
- 제목 계층: # 문서 제목(1개만), ## 큰 섹션, ### 소제목
- 표는 GFM 형식(| 헤더 | 값 |)으로. 숫자 비교, 목록성 정보에 적극 사용
- 강조: **굵게**, *기울임*, 형광펜은 <mark>텍스트</mark>
- 중요 수치는 색으로 강조: 긍정 <span style="color:#16a34a;font-weight:bold">+23%</span>, 부정 <span style="color:#e11d48">-12%</span>
- 요약/알림 박스: <div style="background-color:#eef2ff;padding:14px;border-radius:8px;margin-bottom:12px">내용</div>
- 코드는 ```언어명 코드 펜스로 (예: ```js)
- 인용/명언: > 인용문
- 새 페이지에서 시작할 섹션 앞에는: <div class="page-break"></div>
- 비율·점유율 데이터는 아래 막대 차트 패턴 사용. 반드시 테두리 카드로 감싸고, 색상은 이 팔레트 순서만 사용: #3b82f6, #8b5cf6, #f59e0b, #10b981, #ec4899 (라벨은 #64748b):
<div style="border-width:1px;border-style:solid;border-color:rgba(128,128,128,0.28);border-radius:10px;padding:18px;margin-bottom:14px">
<p style="margin-bottom:4px"><b>항목 A</b> · <span style="color:#64748b">38%</span></p>
<div style="background-color:rgba(128,128,128,0.18);border-radius:5px;margin-bottom:10px"><div style="background-color:#3b82f6;width:38%;height:9px;border-radius:5px"></div></div>
<p style="margin-bottom:4px"><b>항목 B</b> · <span style="color:#64748b">27%</span></p>
<div style="background-color:rgba(128,128,128,0.18);border-radius:5px;margin-bottom:0"><div style="background-color:#8b5cf6;width:27%;height:9px;border-radius:5px"></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.