claudeers.

🔓 unclaimed — this page was auto-generated from GitHub. Are you the creator?

Claim this page →
// Claude Skills

deck-factory

One line of intent → a presentation-grade, dark-editorial HTML deck. A Claude Code skill.

// install
git clone https://github.com/kimsh-1/deck-factory

English | 한국어

deck-factory

One line of intent → a presentation-grade, dark-editorial HTML deck.

deck-factory in motion

▶ 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 systemnear-black #08090A canvas, lavender-blue #6E7BF2 + cyan #43C7F4 accents, Pretendard, giant stat numbers.
no_box · giant numbers · four-corner chromeno gray filler cards — structure comes from hairlines and a surface ladder. 120px+ stat numbers with value > label > context hierarchy.
Quality gate — by design47 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 renderslides are laid out in HTML/CSS and rendered by an actual browser engine — what you see is what exports.
8 style presetsapple · linear · notion · stripe · vercel · krds · toss-principles · kr-pick.
CJK-safekeep-all line-breaking and Hangul break rules — no text shattering mid-syllable.

Twelve slides, one design system. This is the proof.

Slide 1Slide 2Slide 3
Slide 4Slide 5Slide 6
Show all 12 slides
Slide 7Slide 8Slide 9
Slide 10Slide 11Slide 12

How it works

Pipeline

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:

  1. storyline — gather sources and claims from your one-line brief.
  2. copy — write action titles (declarative, ending in a period — never noun lists).
  3. compose — deterministically assemble slides from a fixed layout vocabulary (the model writes content; code owns coordinates, color, and z-order).
  4. grade — run the quality gate; anything below the pass line is quarantined as draft, never silently promoted.
  5. render — lay out and paint via a real Chromium engine.
  6. 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 → #232427 for depth instead of drop shadows.
  • Accent — lavender-blue #6E7BF2 and 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.
  • Structureno_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.

  • FontPretendard (SIL Open Font License).
  • MotionGSAP 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

Platformsweb
Operating systems
AI compatibilityclaude
LicenseMIT
Pricingopen-source
LanguageCSS

// 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.

0 views
34 stars
unclaimed
updated 3 days ago

// embed badge

deck-factory on Claudeers
[![Claudeers](https://claudeers.com/api/badge/deck-factory.svg)](https://claudeers.com/deck-factory)

// retro hit counter

deck-factory hit counter
[![Hits](https://claudeers.com/api/counter/deck-factory.svg)](https://claudeers.com/deck-factory)

// reviews

// guestbook

0/500

// related in Claude Skills

🔓

An agentic skills framework & software development methodology that works.

// skillsobra/Shell249,840MIT[ claude ]
🔓

Public repository for Agent Skills

// skillsanthropics/Python159,495[ claude ]
🔓

💫 Toolkit to help you get started with Spec-Driven Development

// skillsgithub/Python117,790MIT[ claude ]
🔓

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,…

// skillsGraphify-Labs/Python77,228MIT[ claude ]
→ see how deck-factory connects across the ecosystem