🔓 unclaimed — this page was auto-generated from GitHub. Are you the creator?
Claim this page →
deck-factory
One line of intent → a presentation-grade, dark-editorial HTML deck. A Claude Code skill.
git clone https://github.com/kimsh-1/deck-factory
English | 한국어
deck-factory
One line of intent → a presentation-grade, dark-editorial HTML deck.

▶ Watch the full films: Hook · 30s · Making-of · 40s · Usage · 30s
What is this?
You know the pain: it's midnight before the review, and you're still nudging text boxes, fighting gray cards, and shrinking fonts nobody in the back row will read. deck-factory replaces that grind with a design system. Give it one sentence about what you want to say, and it builds the front-of-house — a dark-editorial deck with giant numbers, four-corner chrome, hairline structure, and zero amateur boxes — the way Apple, Linear, and Stripe keynotes actually look.
The verified deliverable today: 12 premium slides + 3 motion-graphics films, all built from this design system. The full generation pipeline (below) is the roadmap that automates it end to end.
Quick start
# 1. Add the plugin marketplace
/plugin marketplace add kimsh-1/deck-factory
# 2. Install the skill
/plugin install deck-factory@deck-factory
# 3. Call it with one sentence
/deck-factory "Series A IR deck, 12 slides, why our retention curve wins"
Installation via the plugin marketplace is the intended path. The design system and skill are real and ready to use; the fully-automated one-command pipeline is being wired up (see How it works).
Features
| Dark-editorial design system | near-black #08090A canvas, lavender-blue #6E7BF2 + cyan #43C7F4 accents, Pretendard, giant stat numbers. |
no_box · giant numbers · four-corner chrome | no gray filler cards — structure comes from hairlines and a surface ladder. 120px+ stat numbers with value > label > context hierarchy. |
| Quality gate — by design | 47 deterministic checks across 6 weighted categories (typography, structure, trust, data-viz, color, alignment), a 90-point pass line, and 7 hard-fail thresholds. Autoscoring is calibration-pending; the gate is designed so a sub-grade deck can't quietly reach final. |
| Real Chromium render | slides are laid out in HTML/CSS and rendered by an actual browser engine — what you see is what exports. |
| 8 style presets | apple · linear · notion · stripe · vercel · krds · toss-principles · kr-pick. |
| CJK-safe | keep-all line-breaking and Hangul break rules — no text shattering mid-syllable. |
Gallery
Twelve slides, one design system. This is the proof.
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
Show all 12 slides
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
How it works

The design system is here today. The pipeline below is the vision that turns one sentence into a finished deck automatically — a six-stage chain where each stage hands off a file the next one verifies:
- storyline — gather sources and claims from your one-line brief.
- copy — write action titles (declarative, ending in a period — never noun lists).
- compose — deterministically assemble slides from a fixed layout vocabulary (the model writes content; code owns coordinates, color, and z-order).
- grade — run the quality gate; anything below the pass line is quarantined as
draft, never silently promoted. - render — lay out and paint via a real Chromium engine.
- export — emit PNG / PDF / PPTX.
Stages storyline through render/export exist as working code in the incubator; end-to-end autoscoring and the final polish pass are the remaining calibration work.
Design system
The whole look reduces to a few enforced tokens — the skill is the source of truth:
- Canvas —
--bg-0: #08090A(near-black, never pure black), with a surface ladder#101113 → #1A1B1E → #232427for depth instead of drop shadows. - Accent — lavender-blue
#6E7BF2and cyan#43C7F4, one accent moment per slide. - Ink —
#FFFFFF/#A1A1A6/#6B6B70, a three-step foreground hierarchy. - Type — Pretendard, aggressive negative tracking on display, ≤ 3 font sizes per slide.
- Structure —
no_box, alpha-white hairlines, four-corner chrome (brand chip · section · author · page), one dominant object per slide.
→ Full contract: skills/deck-factory/SKILL.md
Repository layout
deck-factory/
├── skills/deck-factory/ # the skill — SKILL.md + assets/styles.css
├── docs/
│ ├── media/ # hero.gif, pipeline.png
│ └── gallery/ # slide-01.jpg … slide-12.jpg
├── videos/ # the three motion-graphics films
├── design/ # DECK-STANDARD.md — the quality contract (SSOT)
└── incubator/ # pipeline code: deck-grader, deck-tokens, deck-editor
Customizing: pick a preset (/deck-factory "… preset: linear"), or edit the token values in the skill's stylesheet to retune the palette. Presets change structure and signature devices; color always resolves through token variables.
Credits & license
Released under the MIT License.
- Font — Pretendard (SIL Open Font License).
- Motion — GSAP and HyperFrames for the showcase films.
Built with Claude Code — powered by the deck-factory skill.
One line in. A deck worth presenting out.
// compatibility
| Platforms | web |
|---|---|
| Operating systems | — |
| AI compatibility | claude |
| License | MIT |
| Pricing | open-source |
| Language | CSS |
// faq
What is deck-factory?
One line of intent → a presentation-grade, dark-editorial HTML deck. A Claude Code skill.. It is open-source on GitHub.
Is deck-factory free to use?
deck-factory is open-source under the MIT license, so it is free to use.
What category does deck-factory belong to?
deck-factory is listed under skills in the Claudeers registry of Claude-compatible tools.
// embed badge
[](https://claudeers.com/deck-factory)
// retro hit counter
[](https://claudeers.com/deck-factory)
// reviews
// guestbook
// related in Claude Skills
An agentic skills framework & software development methodology that works.
💫 Toolkit to help you get started with Spec-Driven Development
AI coding assistant skill (Claude Code, Codex, OpenCode, Cursor, Gemini CLI, and more). Turn any folder of code, SQL schemas, R scripts, shell scripts, docs,…











