메모로 발표자료를 만들고, Figma에서 편집하거나 발표 순서대로 PDF를 준비하는 일을 돕는 Claude Code·Codex용 플러그인입니다.
처음 사용하시나요? 시작 안내를 따라가세요.
- 전체 사용 안내: 필요한 작업의 설명서 찾기
- AI 플러그인 설치: Claude Code 또는 Codex에 설치하기
- Figma 도구 설치: Figma Desktop에 도구 등록하기
AI 플러그인과 Figma 도구는 각각 설치합니다. HTML 발표자료만 만들 때는 Figma 도구가 필요하지 않습니다.
설치한 AI의 대화창에서 다음처럼 사용법을 물어볼 수 있습니다.
navigate-guide로 안내해줘. 처음 사용하는데 메모로 발표자료를 만들고 싶어.
.
├── .agents/plugins/marketplace.json # Codex 마켓플레이스
├── .claude-plugin/marketplace.json # Claude Code 마켓플레이스
├── plugins/
│ └── depromeet-plugin/
│ ├── .claude-plugin/plugin.json
│ ├── .codex-plugin/plugin.json
│ └── skills/
│ ├── navigate-guide/ # 사용법과 온보딩 안내
│ ├── setup-figma-plugins/ # Figma 도구 설치·업데이트 안내
│ ├── ask-depromeet/ # 발표 작업 계획 제안과 승인 후 실행
│ ├── create-slides/
│ │ ├── SKILL.md
│ │ ├── agents/openai.yaml
│ │ ├── profiles/depromeet_19/
│ │ └── references/
│ ├── convert-html-to-figma/
│ │ └── SKILL.md
│ └── extract-figma-slides/ # Figma 연결 검사와 PDF 순서 조립
├── tools/figma-plugins/
│ ├── README.md # 공통 설치·업데이트 안내
│ ├── html-to-figma/ # HTML 변환 소스·빌드 결과
│ └── flow-inspector/ # 장표 정보 추출 도구
├── CLAUDE.md
└── CONTRIBUTING.md
질문에 맞는 사용 안내를 찾아 처음 시작하는 방법이나 막힌 단계의 다음 행동을 설명합니다. 문서는 docs/에서 관리하며, 설치된 스킬은 배포 버전의 GitHub 문서를 참조합니다. 사용법 설명은 실제 작업을 시작하지 않습니다. 작업 계획과 실행은 ask-depromeet 또는 해당 작업 스킬에 요청하세요.
두 로컬 Figma 플러그인의 최초 설치, 기존 설치 업데이트, 설치 위치 확인과 이전 버전 복구를 안내합니다. 실제 절차는 AI 없이도 읽을 수 있는 공통 설치 안내에 있습니다. Release ZIP이 없으면 해당 버전의 저장소 tools/figma-plugins/에서 실행 파일을 준비합니다. 도구는 설치된 스킬 패키지와 별도로 배포합니다.
Use setup-figma-plugins to update my installed HTML to Figma plugin.
어떤 작업부터 시작할지 모르거나 실행 계획을 먼저 검토하고 싶을 때 사용합니다. HTML 발표자료 제작, HTML의 Figma 변환, Figma 장표 PDF 조립, 로컬 Figma 플러그인 설치·업데이트 중 필요한 작업을 골라 목표, 작업 순서, 결과물, 전달 위치, 사용자 확인 시점을 제안합니다. 계획을 승인하면 각 작업으로 이어갑니다. 메뉴 선택은 계획 승인이 아니며, 각 작업 스킬을 직접 요청하는 기존 사용법도 유지합니다.
Use ask-depromeet to plan an HTML presentation from these notes and import it into Figma after review.
ask-depromeet만 호출하면 다음 네 가지 선택지를 안내합니다.
- 메모나 자료로 HTML 발표자료 만들기
- 기존 HTML을 Figma 프레임으로 가져오기
- Figma 장표를 발표 순서에 맞춰 PDF로 묶기
- Figma 플러그인 설치·업데이트·복구
4번을 선택하면 대상 플러그인과 필요한 작업을 확인하고 계획을 제안합니다. 승인 후 setup-figma-plugins로 이어지며, 같은 계획 승인을 반복하거나 사용자가 스킬을 다시 호출할 필요는 없습니다. 변환·추출 요청에서는 설치가 필요한 경우에만 준비 단계를 거칩니다. 설치 안내만 요청했다면 실제 변환·추출은 진행하지 않습니다.
예를 들어 “이 메모로 HTML 발표자료를 만들고 Figma로 옮겨줘”라고 요청하면, HTML 제작 → 내용·레이아웃 확인 → Figma 가져오기 순서를 제안하고 계획 승인을 기다립니다. “진행해”라고 승인하면 실행하며, 완성된 HTML 확인과 Figma 변경 전 승인 단계는 따로 지킵니다.
디프만 19기 프로필은 발표자료를 만들 때 필요한 공식 폰트를 받아 결과물에 라이선스 고지와 함께 보관합니다. 폰트 로딩에 실패하면 대체 폰트 사용 사실을 알립니다. 플러그인 자체에는 폰트 파일을 넣지 않습니다.
발표 목적과 자료를 바탕으로 선택한 프로필의 HTML 슬라이드를 만듭니다. 기본 프로필 depromeet_19는 중앙 오브젝트의 짙은 남색 표지와 챕터, 흰색 본문, 어두운 핵심 문장 페이지를 사용합니다. 19기 디자인 가이드의 색상·서체와 12가지 공통 레이아웃 구조를 적용합니다. 개요 PNG에는 3D 표지 예시가 있지만 재사용 가능한 원본 이미지 파일은 포함되지 않습니다. 실제 덱에는 사용자가 이미지를 제공하고 사용 범위를 확인한 경우에만 적용하며, 이미지가 없으면 CSS 궤도 장식을 사용한다고 알립니다. 필요한 레이아웃 스켈레톤과 모든 페이지의 실제 문구·배치를 차례로 확인한 뒤 최종 index.html을 생성합니다.
Use create-slides to turn these notes into a Depromeet-style HTML presentation.
이미 만든 HTML 파일이나 ZIP을 Figma Design의 편집 가능한 프레임으로 옮깁니다. convert-html-to-figma는 create-slides와 독립적이며, 빌드된 HTML → Figma 도구를 안내합니다. 사용자는 로컬 플러그인을 등록한 뒤 페이지 썸네일을 확인하고, 새 가로 행과 독립 Flow로 가져올 수 있습니다.
Figma 개발 플러그인으로 섹션의 장표 문구와 프로토타입 연결을 JSON으로 추출합니다. Figma에서 내보낸 원본 PDF의 페이지와 대조해 발표 순서를 정한 뒤, 포함된 Python 스크립트로 구간별 PDF와 통합본을 만듭니다. 플러그인은 Figma 문서를 변경하거나 데이터를 외부로 전송하지 않습니다.
최초 설치와 업데이트는 공통 설치 안내를 따르세요. 사용 절차와 PDF 조립 명령은 SKILL.md에 있습니다. PDF 조립에는 Poppler의 pdfinfo, pdfseparate, pdfunite가 필요합니다.
plugins/<plugin-name>/디렉터리를 만듭니다..claude-plugin/plugin.json과.codex-plugin/plugin.json을 모두 추가합니다.skills/<skill-name>/SKILL.md에 스킬 frontmatter와 지침을 작성합니다.- 두 루트 마켓플레이스 파일에 같은 순서로 플러그인을 등록합니다.
- 설명, 이름, 버전, 문서를 검토한 뒤 PR을 만듭니다.
플러그인의 버전을 올릴 때는 Claude 매니페스트, Codex 매니페스트, Claude 마켓플레이스 항목의 version을 같은 값으로 함께 변경해야 합니다.
GitHub 마켓플레이스 등록 및 예시 플러그인 설치:
# Claude Code
claude plugin marketplace add depromeet/depromeet-plugin
claude plugin install depromeet-plugin@depromeet-plugins
# Codex
codex plugin marketplace add depromeet/depromeet-plugin
codex plugin add depromeet-plugin@depromeet-plugins현재 저장소를 로컬에서 개발할 때는 저장소 루트에서 .을 마켓플레이스 경로로 사용합니다.
# Claude Code
claude plugin marketplace add .
claude plugin install depromeet-plugin@depromeet-plugins
# Codex
codex plugin marketplace add .
codex plugin add depromeet-plugin@depromeet-plugins플러그인과 스킬을 추가하거나 로컬에서 실행하려면 CONTRIBUTING.md를 참고하세요.
라이선스는 아직 팀에서 결정하지 않았습니다. 배포 또는 외부 기여를 받기 전에 라이선스 정책을 정하고 별도 파일을 추가하세요.