deck-factory

作者 gongnyang已验证

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

72
Stars
23
Forks
CSS
语言
2026/8/24
添加时间

⚠️ 第三方软件声明

本 Skill 为第三方开源软件,独立托管于 GitHub。SkillTip 仅为信息目录,不控制或维护底层仓库。所显示的安全检查为自动化且范围有限,安装前请自行审查源码。

阅读服务条款

安装

添加到你的 Claude Code skills 目录:

# Add to your Claude Code skills
git clone https://github.com/gongnyang/deck-factory

快速入门

使用 deck-factory 等 Skills 的指南。

安全报告

已验证

上次扫描:—

{
  "status": "PASSED",
  "issues": []
}

README.md

English | 한국어

deck-factory

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

Stars License: MIT Claude Code Skill Made with Claude

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 — an editorial deck with giant numbers, four-corner chrome, hairline structure, and zero amateur boxes. Dark remains the keynote default; report, document, and print-oriented briefs switch to a paper-light profile.

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"

# Document-style briefs auto-select the light profile
/deck-factory "Board report, 10 slides, Q2 retention analysis"

# Explicit overrides also work
/deck-factory "Proposal deck, 8 slides, profile: light"

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 + paper-light profilesnear-black #08090A by default, paper #F7F4EC for document decks, lavender-blue accent family, 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.
Compact share PDF by defaultraw Chrome PDFs are archival; *-lite.pdf is the default shareable artifact.
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.

Gallery

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. Shareable PDFs default to a compact *-lite.pdf artifact.

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 — dark uses --bg-0: #08090A (near-black, never pure black); light uses --bg-0: #F7F4EC (paper). Both use surface ladders and hairlines 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"), force a profile (/deck-factory "… profile: light"), 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.

常见问题

What is deck-factory?

deck-factory is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by gongnyang. One line of intent → a presentation-grade, dark-editorial HTML deck. A Claude Code skill. It has 72 GitHub stars.

Is deck-factory safe to use?

Yes. deck-factory passed SkillsLLM's automated security scan — a dependency vulnerability audit plus prompt-injection heuristics — with no high-severity issues. You can read the full report in the Security Report section on this page.

How do I install deck-factory?

Clone the repository with "git clone https://github.com/gongnyang/deck-factory" and add it to your Claude Code skills directory (see the Installation section above).

What programming language is deck-factory written in?

deck-factory is primarily written in CSS. It is open-source under gongnyang on GitHub, so you can review or fork the full source.

Are there alternatives to deck-factory?

Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh deck-factory against similar tools.

评论 (0)

暂无评论,成为第一个分享想法的人!

ECC

by affaan-m

10

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

242,21936,702JavaScript
AI 智能体ai-agentsanthropicclaude-code
查看详情
15

An agentic skills framework & software development methodology that works.

234,96620,863Shell
AI 智能体ai-agentsbrainstorming
查看详情

hermes-agent

by NousResearch

10

The agent that grows with you

234,43747,175Python
AI 智能体ai-agentsagent-orchestration
查看详情

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

185,94028,768JavaScript
AI 智能体ai-agentsanthropicclaude-code
查看详情

cc-switch

by farion1231

3

A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Grok Build & Hermes Agent. Only official website: ccswitch.io

128,8688,826Rust
AI 智能体claude-codeai-tools
查看详情

claude-code

by anthropics

Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflows - all through natural language commands.

120,03119,897Shell
AI 智能体
查看详情

开发者还喜欢

基于喜欢此 Skill 的开发者投票和收藏

ECC

by affaan-m

10

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

242,21936,702JavaScript
AI 智能体ai-agentsanthropicclaude-code
查看详情
15

An agentic skills framework & software development methodology that works.

234,96620,863Shell
AI 智能体ai-agentsbrainstorming
查看详情

hermes-agent

by NousResearch

10

The agent that grows with you

234,43747,175Python
AI 智能体ai-agentsagent-orchestration
查看详情

n8n

by n8n-io

12

Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.

201,88160,308TypeScript
MCP 服务器apisai-tools
查看详情

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

185,94028,768JavaScript
AI 智能体ai-agentsanthropicclaude-code
查看详情

cc-switch

by farion1231

3

A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Grok Build & Hermes Agent. Only official website: ccswitch.io

128,8688,826Rust
AI 智能体claude-codeai-tools
查看详情