# Deck Factory

> >-

- **Type:** Skill
- **Install:** `agentstack add skill-kimsh-1-deck-factory-deck-factory`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [kimsh-1](https://agentstack.voostack.com/s/kimsh-1)
- **Installs:** 0
- **Category:** [AI & ML](https://agentstack.voostack.com/c/ai-and-ml)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [kimsh-1](https://github.com/kimsh-1)
- **Source:** https://github.com/kimsh-1/deck-factory/tree/master/skills/deck-factory
- **Website:** https://github.com/kimsh-1/deck-factory

## Install

```sh
agentstack add skill-kimsh-1-deck-factory-deck-factory
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# deck-factory — 발표급 다크 에디토리얼 HTML 덱

브리프/원고를 받아 **상용 발표자료처럼 보이는 HTML 슬라이드**를 짓는 디자인 시스템이다.
슬라이드 = 1920×1080 `` 하나. 손으로 짜되 검증된 토큰/컴포넌트를 쓴다.

이건 실제로 검증한 방법이다(12장 프리미엄 덱을 렌더까지 뽑음). 자동 파이프라인이 아니라,
**Claude가 이 디자인 계약을 따라 슬라이드를 직접 조립**하는 것까지가 이 스킬의 약속이다.
storyline→copy→compose→grade→export 6단계 자동 파이프라인은 지향하는 로드맵으로 reference.md에서만 다룬다.

## 이 8가지 규칙이 발표급과 아마추어를 가른다

1. **near-black 캔버스** `#08090A` — 순흑(#000) 금지. surface는 래더로 올린다(bg-1/2/3).
2. **no_box** — 채운 회색 카드 금지. 배경은 surface 래더, 구분은 **알파화이트 hairline** `rgba(255,255,255,.07)`. 그림자·스포트라이트·대기그라디언트 금지.
3. **슬라이드당 accent 1곳** — 시그널 색을 eyebrow·metric·rule 중 딱 한 곳에만. 다색 칩 남발이 제일 촌스럽다.
4. **거대숫자 3단 위계** — Label(11px mute) > Value(140~172px, weight 600, tnum) > context(한 문장). 스탯 슬라이드 숫자 렌더높이 ≥120px. **출처각주 금지**.
5. **4모서리 헤더/푸터** — 좌상 브랜드칩, 우상 파트/날짜, 좌하 저자, 우하 페이지(`05 / 12`). 전 슬라이드 공통.
6. **에디토리얼 골격** — eyebrow(대문자, accent) → **마침표로 끝나는 액션타이틀**("두 달 만에 1억 명.") → 지배 오브젝트 1개 → tail(hairline 위 단서 1줄). 명사 나열 제목 금지.
7. **CJK 안전** — `word-break: keep-all; overflow-wrap: normal; line-break: strict;` 없으면 한글이 음절로 깨진다.
8. **크기·트래킹으로 위계** — 굵기 남발 금지. 한 슬라이드 폰트 크기 종류 ≤3. display 음수 트래킹 `-0.03em`.

## 슬라이드 짓는 절차

1. **셋업** — `assets/styles.css`를 복사해 쓴다. 슬라이드마다 `` + 폰트(fonts.css). `` 안에 `.bg`(배경/이미지) → `.deck-brand/.deck-meta/.deck-author/.deck-page`(4모서리) → `.frame`(콘텐츠) 순서.
2. **마스터 크롬** — 4모서리 헤더/푸터를 먼저 박는다. 이게 매 슬라이드 뼈대다. slide-01(커버)·slide-05(스탯) 예시가 `work/premium/slides/`에 있다.
3. **레이아웃 고르기** — 13-슬롯 어휘 중 하나로만: cover · chapter · statement · bullets · two-col · cards-3 · data-split · image-full · image-split · flow · chart-bar · kpi-3 · closing. 새 레이아웃 발명 금지.
4. **골격 채우기** — `.eyebrow` → `.action-title`(마침표) → `.subhead`(선택) → 지배 오브젝트 → `.tail`(선택). 슬라이드 1장 = 지배 오브젝트 1개(한 문장/한 비교/한 스탯/한 다이어그램).
5. **거대숫자** — 스탯이면 `.stat-row > .stat`(`.k` 라벨 / `.v` 숫자 + ``단위/`.mult`배수 / `.c` 캡션). 3열 `repeat(3,1fr)`.
6. **이미지 깊이** — 커버·챕터는 풀블리드 히어로 + 텍스트측 `linear-gradient(90deg,#08090A,transparent 60%)` 스크림. 데이터 슬라이드는 히어로를 우측 세로 슬롯에 격리 + 저조도 글로우. **생성 이미지 위 코드로 글자 합성 금지**(프롬프트로만).
7. **렌더** — 헤드리스 크로미움으로 각 slide-NN.html을 1920×1080 PNG로 캡처. WSL/폰트 임베드 팁은 reference.md.

## 합격 체크리스트 (전부 YES여야 발표급)

- [ ] 캔버스 `#08090A` near-black, 채운 회색 박스 0개
- [ ] 스탯 슬라이드 ≥120px 거대숫자 + value>label>context 3단 (출처각주 없음)
- [ ] 4모서리 헤더/푸터 전 슬라이드 존재
- [ ] eyebrow(accent) → 액션타이틀(마침표) → 지배 오브젝트 → tail 골격
- [ ] accent 슬라이드당 1곳, 다색 칩 0개
- [ ] 깨진 텍스트(`출처:조회` 같은 바인딩 잔재) 0개
- [ ] 커버/데이터에 히어로 이미지 + 스크림/글로우 깊이
- [ ] 한글 줄바꿈 깨짐 0개(keep-all)

한 항목이라도 NO면 발표급 아님 — 고쳐서 다시.

## 더 볼 곳 (reference.md)

- 전체 색 토큰표 · 타이포 스케일(11~172px) · 폰트 스택
- 컴포넌트별 CSS와 언제 쓰는지: 빅넘버 · flow · bento · 타임라인 · 코드블록 · 번호 스텝 · before/after 목업 · 반원 게이지
- 13-슬롯 레이아웃 어휘 상세
- 다크 → 라이트/문서 프로파일 전환법
- WSL/헤드리스 크로미움 렌더 팁(폰트 base64 임베드 이슈)
- 이미지 생성 프롬프트 원칙(글자 합성 금지)
- 지향 파이프라인(storyline→export) 로드맵

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [kimsh-1](https://github.com/kimsh-1)
- **Source:** [kimsh-1/deck-factory](https://github.com/kimsh-1/deck-factory)
- **License:** MIT
- **Homepage:** https://github.com/kimsh-1/deck-factory

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-kimsh-1-deck-factory-deck-factory
- Seller: https://agentstack.voostack.com/s/kimsh-1
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.