kai-slide-creator

Generate zero-dependency HTML presentations that run entirely in the browser. Zero npm, no build tools. Includes presentation mode and edit mode.

Star: 859
分类: 浏览器与测试
最近提交: 2026年8月20日

安装

将下方内容发给 Claude Code、Codex 或 Cursor。智能体先检查 Skill 内容，经你确认后安装。

读取 https://funcoding.ai/skills/wentorai/research-claw/kai-slide-creator/install.md ，按里面的步骤帮我安装这个 Skill。

Star 趋势对比

近 7 天: +1
近 30 天: +9

859

2026年3月10日2026年10月13日

Star 趋势
2026年3月10日	1
2026年6月30日	835
2026年7月19日	842
2026年7月23日	843
2026年7月27日	844
2026年7月31日	847
2026年8月4日	847
2026年8月8日	848
2026年8月12日	848
2026年8月16日	849
2026年8月20日	849
2026年8月24日	849
2026年8月28日	849
2026年9月1日	849
2026年9月5日	850
2026年9月9日	850
2026年9月13日	850
2026年9月17日	850
2026年9月21日	852
2026年9月25日	854
2026年9月29日	855
2026年10月3日	857
2026年10月7日	858
2026年10月11日	859
2026年10月13日	859

来源仓库

wentorai/Research-Claw

In the AI era, why can't everyone be a Principal Investigator?

在 GitHub 上查看

README 徽章

仓库作者可以把它放进 README。

同仓库的其他 Skill29

查看全部

skills/kai-slide-creator/SKILL.md

Slide Creator

Generate zero-dependency HTML presentations that run entirely in the browser.

Core Philosophy

Principle	Description
Zero Dependencies	Single HTML files with inline CSS/JS. No npm, no build tools.
Show, Don't Tell	Generate visual style previews; design preferences emerge from seeing options.
Distinctive Design	Avoid generic AI aesthetics (Inter font, purple gradients, predictable heroes).
Viewport Fitting	Slides fit exactly in the viewport. Overflowing content gets split, not squished.
Plan Before Generate	`--plan` creates outline; `--generate` produces HTML from it.

Generation Contract (Non-Negotiable)

Every generated HTML file MUST include:

Presentation Mode — F5 / ▶ button, fullscreen scaling, PresentMode class
Edit Mode — top-left hotzone, ✏ Edit toggle, contenteditable on all text, notes panel

Command Routing

Command	What to Load	What to Do
`--plan [prompt]`	planning-template.md	Create PLANNING.md. Stop — no HTML.
`--generate`	html-template.md + style file + base-css.md	Read PLANNING.md, generate HTML.
No flag (interactive)	workflow.md + html-template.md	Follow Phase 0–5.
Content + style given directly	html-template.md + style file + base-css.md	Generate immediately — no Phase 1/2.

Content-Type → Style Hints

Content Type	Suggested Styles
Data report / KPI dashboard	Data Story, Enterprise Dark, Swiss Modern
Business pitch / VC deck	Bold Signal, Aurora Mesh, Enterprise Dark
Developer tool / API docs	Terminal Green, Neon Cyber, Neo-Retro Dev Deck
Research / thought leadership	Modern Newspaper, Paper & Ink, Swiss Modern
Creative / personal brand	Vintage Editorial, Split Pastel, Neo-Brutalism
Product launch / SaaS	Aurora Mesh, Glassmorphism, Electric Studio
Education / tutorial	Notebook Tabs, Paper & Ink, Pastel Geometry
Chinese content	Chinese Chan, Aurora Mesh, Blue Sky
Hackathon / indie dev	Neo-Retro Dev Deck, Neo-Brutalism, Terminal Green

Style Reference Files

Style	File
Blue Sky	blue-sky-starter.html (full base)
Aurora Mesh	aurora-mesh.md
Chinese Chan	chinese-chan.md
Data Story	data-story.md
Enterprise Dark	enterprise-dark.md
Glassmorphism	glassmorphism.md
Neo-Brutalism	neo-brutalism.md
All other styles	STYLE-DESC.md

For AI Agents

# From a topic or notes
/slide-creator Make a pitch deck for [topic]

# From a plan file (skip interactive phases)
/slide-creator --generate  # reads PLANNING.md automatically

# Two-step (review the plan before generating)
/slide-creator --plan "Product launch deck for Acme v2"
# (edit PLANNING.md if needed)
/slide-creator --generate

# Export to PPTX after generation
/kai-html-export presentation.html  # image mode (pixel-perfect)
/kai-html-export --mode native presentation.html  # native mode

Phase 0: Detect Mode

Before starting:

PLANNING.md exists → read it, skip to Phase 3
User provides source content + style directly → skip Phase 1/2, generate immediately
User has a .ppt/.pptx file → Phase 4 (PPT conversion)
User wants to enhance existing HTML → read and enhance
Everything else → Phase 1 (Content Discovery)