Image To Editable Ppt
ningzimu/image-to-editable-ppt-skill
Rebuild slide images, scanned or image-based PPT/PPTX files, and PDF decks into object-level editable PowerPoint (.pptx), preserving speaker notes when supplied.
“关于演示文稿幻灯片格式、权重系统、导航和章节结构的知识”
Install Presentation Structure
$ npx skills add clxzl/claude-code-best-practice-cn --skill presentation-structure -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install clxzl/claude-code-best-practice-cn presentation-structure --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/clxzl/claude-code-best-practice-cn.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/presentation/presentation-structure .claude/skills/presentation-structure && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "presentation-structure" agent skill from https://github.com/clxzl/claude-code-best-practice-cn/tree/main/.claude/skills/presentation/presentation-structure into .claude/skills/presentation-structure/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "presentation-structure", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/clxzl/claude-code-best-practice-cn/tree/main/.claude/skills/presentation/presentation-structureType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add clxzl/claude-code-best-practice-cn --skill presentation-structure -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install clxzl/claude-code-best-practice-cn presentation-structure --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/clxzl/claude-code-best-practice-cn.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/presentation/presentation-structure .agents/skills/presentation-structure && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "presentation-structure" agent skill from https://github.com/clxzl/claude-code-best-practice-cn/tree/main/.claude/skills/presentation/presentation-structure into .agents/skills/presentation-structure/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "presentation-structure", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add clxzl/claude-code-best-practice-cn --skill presentation-structure -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install clxzl/claude-code-best-practice-cn presentation-structure --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/clxzl/claude-code-best-practice-cn.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/presentation/presentation-structure .cursor/skills/presentation-structure && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "presentation-structure" agent skill from https://github.com/clxzl/claude-code-best-practice-cn/tree/main/.claude/skills/presentation/presentation-structure into .cursor/skills/presentation-structure/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "presentation-structure", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/clxzl/claude-code-best-practice-cn.git --path .claude/skills/presentation/presentation-structure--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add clxzl/claude-code-best-practice-cn --skill presentation-structure -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install clxzl/claude-code-best-practice-cn presentation-structure --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/clxzl/claude-code-best-practice-cn.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/presentation/presentation-structure .gemini/skills/presentation-structure && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "presentation-structure" agent skill from https://github.com/clxzl/claude-code-best-practice-cn/tree/main/.claude/skills/presentation/presentation-structure into .gemini/skills/presentation-structure/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "presentation-structure", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install clxzl/claude-code-best-practice-cn presentation-structureInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add clxzl/claude-code-best-practice-cn --skill presentation-structure -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/clxzl/claude-code-best-practice-cn.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/presentation/presentation-structure .github/skills/presentation-structure && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "presentation-structure" agent skill from https://github.com/clxzl/claude-code-best-practice-cn/tree/main/.claude/skills/presentation/presentation-structure into .github/skills/presentation-structure/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "presentation-structure", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add clxzl/claude-code-best-practice-cn --skill presentation-structure -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install clxzl/claude-code-best-practice-cn presentation-structure --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/clxzl/claude-code-best-practice-cn.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/presentation/presentation-structure .opencode/skills/presentation-structure && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "presentation-structure" agent skill from https://github.com/clxzl/claude-code-best-practice-cn/tree/main/.claude/skills/presentation/presentation-structure into .opencode/skills/presentation-structure/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "presentation-structure", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
presentation-structure- GitHub stars
- 132
- Token cost
- ~563 tokens
- SKILL.md length
- 168 words
- Files
- 1
- Skills in repo
- 8
- Repo updated
- First seen
- Licence
- MIT
At a glance
- Works in 4 steps: 将所有 data-slide 属性从 1 开始顺序重新编号 → 更新目录/旅程地图幻灯片中所有的 goToSlide() 调用 → JS 的 totalSlides 会自动计算 — 无需手动更新 → …
- SKILL.md covers 文件位置, 幻灯片格式, 旅程进度条级别系统 and 导航系统, plus 2 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
About this skill
Presentation Structure is a skill in clxzl/claude-code-best-practice-cn (132 stars). Its SKILL.md is about 563 tokens. Licence: MIT.
Workflow steps
4 steps, taken from the first numbered list in SKILL.md.
- 将所有 data-slide 属性从 1 开始顺序重新编号
- 更新目录/旅程地图幻灯片中所有的 goToSlide() 调用
- JS 的 totalSlides 会自动计算 — 无需手动更新
- 验证不存在间隔或重复
What it can do on your machine
Read from SKILL.md and the folder at commit d084a34. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are html).
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Presentation Structure loads about 563 tokens when it runs. Until then it costs about 13 tokens; SKILL.md has 168 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from clxzl/claude-code-best-practice-cn at commit d084a34, republished under its MIT licence (© clxzl). 168 words, ~563 tokens.
Download SKILL.mdSave it as
.claude/skills/presentation-structure/SKILL.md (or your agent's skills folder).- name
- presentation-structure
- description
- 关于演示文稿幻灯片格式、权重系统、导航和章节结构的知识
演示文稿结构 Skill
关于 presentation/index.html 中演示文稿结构的知识。
文件位置
presentation/index.html — 一个单文件 HTML 演示文稿，包含内联 CSS 和 JS。
幻灯片格式
每张幻灯片是一个带有 data-slide（顺序编号）和可选 data-level（过渡点的旅程级别）的 div：
<!-- 普通幻灯片 — 继承上一个 data-level 幻灯片的级别 -->
<div class="slide" data-slide="12">
<h1>Slide Title</h1>
<!-- content -->
</div>
<!-- 级别过渡幻灯片 — 为此幻灯片及后续所有幻灯片设置新级别 -->
<div class="slide section-slide" data-slide="10" data-level="low">
<h1>Section Name</h1>
<p class="section-desc">Level: Low — description of this section</p>
</div>
<!-- 标题幻灯片（居中） -->
<div class="slide title-slide" data-slide="1">
<h1>Presentation Title</h1>
<p class="subtitle">Subtitle text</p>
</div>旅程进度条级别系统
演示文稿使用 4 级系统而非累积百分比：
- 级别通过关键过渡幻灯片（章节分隔符）上的
data-level属性设置 data-level幻灯片之后的所有幻灯片都继承该级别，直到下一个过渡- 进度条分别填充至 25% / 50% / 75% / 100%，对应 Low / Medium / High / Pro
- 第 1 张幻灯片（标题幻灯片）上进度条隐藏；从第 2 张开始显示
- 第一个
data-level之前的幻灯片（第 2-9 张）显示空进度条（尚未设置级别） .level-badge由 JS 在运行时注入到带有data-level的幻灯片的<h1>上 — 不要在 HTML 中硬编码
各章节的级别过渡
| 章节 | 幻灯片范围 | data-level | 进度条高度 |
|---|---|---|---|
| 第 0 部分：介绍 | 幻灯片 1-4 | （无） | 隐藏 / 空 |
| 第 1 部分：前置条件 | 幻灯片 5-9 | （无） | 空 |
| 第 2 部分：更好的提示 | 幻灯片 10-17 | low | 25% |
| 第 3 部分：项目记忆 | 幻灯片 18-24 | medium | 50% |
| 第 4 部分：结构化工作流 | 幻灯片 25-28 | （继承 medium） | 50% |
| 第 5 部分：领域知识 | 幻灯片 29-33 | high | 75% |
| 第 6 部分：Agent 工程 | 幻灯片 34-46 | high | 75% |
| 附录 | 幻灯片 47+ | （继承 high） | 75% |
导航系统
goToSlide(n)— 用于目录链接，必须与实际的data-slide编号匹配totalSlides从 DOM 自动计算（document.querySelectorAll('[data-slide]').length）- 方向键、空格键和触摸滑动用于导航
- 幻灯片计数器在左下角显示
current / total
重新编号规则
添加、删除或重新排列幻灯片后：
- 将所有
data-slide属性从 1 开始顺序重新编号 - 更新目录/旅程地图幻灯片中所有的
goToSlide()调用 - JS 的
totalSlides会自动计算 — 无需手动更新 - 验证不存在间隔或重复
章节分隔符格式
章节分隔符使用 section-slide 类。级别过渡的章节分隔符带有 data-level 并在描述中显示级别名称：
<div class="slide section-slide" data-slide="10" data-level="low">
<p class="section-number">第二部分</p>
<h1>更优提示</h1>
<p class="section-desc">级别：低——为实现真实效果的有效提示方法。</p>
</div>JS 会在级别过渡时在运行时将 .level-badge（例如 "→ Low"）注入到 <h1> 中 — 不要在 HTML 中手动添加。
© clxzl, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in .claude/skills/presentation/presentation-structure of clxzl/claude-code-best-practice-cn.
Open the folder on GitHubat commit d084a34
Compare with similar skills
Presentation Structure next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Presentation Structure this skillclxzl/claude-code-best-practice-cn | 132 | — | ~563 | Automated safety check: Pass | MIT | |
| Image To Editable Pptningzimu/image-to-editable-ppt-skill | 2.8k | — | ~4.3k | Automated safety check: Pass | MIT | |
| Slidesfcakyon/claude-codex-settings | 1.2k | 1 repos | ~1.1k | Automated safety check: Pass | MIT | |
| Ppt Image FirstNyxTides/ppt-image-first | 1.2k | — | ~1.6k | Automated safety check: Pass | Apache-2.0 | |
| Vibe to Agentic Engineering Frameworkshanraisshan/claude-code-best-practice | 67k | — | ~3.3k | Automated safety check: Pass | MIT | |
| Gpt Image2 PptJuneYaooo/gpt-image2-ppt-skills | 1.3k | — | ~8.9k | Automated safety check: Notes | Apache-2.0 |
Similar skills
Slides
fcakyon/claude-codex-settings
Create and edit presentation slide decks (.pptx) with PptxGenJS, bundled layout helpers, and render/validation utilities.
Ppt Image First
NyxTides/ppt-image-first
Build presentation plans for PPT / slides / decks through a conversation-first workflow, then propose multiple visual directions with preview images before writing deck specs.
Vibe to Agentic Engineering Framework
shanraisshan/claude-code-best-practice
Explains the conceptual model behind a presentation on moving from unstructured vibe coding to fully configured agentic engineering, including its 4-level scoring system and slide conventions.
Gpt Image2 Ppt
JuneYaooo/gpt-image2-ppt-skills
Generate visually striking PPT slides via OpenAI's gpt-image-2 -- use any style in styles/<collection/STYLEID.md or mimic a user-supplied .pptx template; outputs high-res slide PNGs and a 16:9 .pptx.
Compiledeck
scunning1975/MixtapeTools
Create and compile beautiful Beamer presentations following the Rhetoric of Decks philosophy.
More from clxzl/claude-code-best-practice-cn
All 8 skills in this repoAgent Browser
clxzl/claude-code-best-practice-cn
AI 代理的浏览器自动化 CLI 工具。当用户需要与网站交互时使用，包括导航页面、填写表单、点击按钮、截取屏幕截图、提取数据、测试 Web 应用或自动化任何浏览器任务。触发条件包括"打开网站"、"填写表单"、"点击按钮"、"截取屏幕截图"、"从页面抓取数据"、"测试此 Web 应用"、"登录网站"、"自动化浏览器操作"或任何需要编程式 Web 交互的任务。
Vibe To Agentic Framework
clxzl/claude-code-best-practice-cn
演示文稿背后的概念框架 —— "从 Vibe Coding 到 Agentic Engineering"的含义、旅程为何如此结构化，以及每张幻灯片如何契合叙事弧线
Time Skill
clxzl/claude-code-best-practice-cn
显示巴基斯坦标准时间（PKT，UTC+5）的当前时间。当用户询问当前时间、巴基斯坦时间或 PKT 时使用. An agent skill from clxzl/claude-code-best-practice-cn.
Presentation Styling
clxzl/claude-code-best-practice-cn
关于演示文稿中 CSS 类、组件模式和语法高亮的知识
Time SVG Creator
clxzl/claude-code-best-practice-cn
创建一个 SVG 时间卡片，显示迪拜的当前时间。将 SVG 写入 agent-teams/output/dubai-time.svg 并更新 agent-teams/output/output.md。
Weather SVG Creator
clxzl/claude-code-best-practice-cn
创建一个 SVG 天气卡片，显示迪拜的当前温度。将 SVG 写入 orchestration-workflow/weather.svg 并更新 orchestration-workflow/output.md。
Related
Categories
Questions about Presentation Structure
How do I install Presentation Structure in Claude Code?
Run `npx skills add clxzl/claude-code-best-practice-cn --skill presentation-structure -a claude-code`. Or copy the skill folder (.claude/skills/presentation/presentation-structure in clxzl/claude-code-best-practice-cn) into .claude/skills/presentation-structure in your project. Claude Code loads it when a task matches its description.
How do I install Presentation Structure in Codex?
Run `npx skills add clxzl/claude-code-best-practice-cn --skill presentation-structure -a codex`. Or copy the skill folder (.claude/skills/presentation/presentation-structure in clxzl/claude-code-best-practice-cn) into .agents/skills/presentation-structure in your project. Codex loads it when a task matches its description.
Can I use Presentation Structure in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add clxzl/claude-code-best-practice-cn --skill presentation-structure -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/presentation-structure, .gemini/skills/presentation-structure, .github/skills/presentation-structure and .opencode/skills/presentation-structure in your project.
What does Presentation Structure need to run?
SKILL.md names no scripts, command-line tools or credentials: Presentation Structure is instructions for the agent only.
Does Presentation Structure access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Presentation Structure safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Presentation Structure use?
Presentation Structure is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Presentation Structure use?
About 563 tokens (SKILL.md is roughly 2.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Presentation Structure?
Skills that share tags, products or a category with Presentation Structure: Image To Editable Ppt (ningzimu/image-to-editable-ppt-skill, 2.8k stars), Slides (fcakyon/claude-codex-settings, 1.2k stars), Ppt Image First (NyxTides/ppt-image-first, 1.2k stars) and Vibe to Agentic Engineering Framework (shanraisshan/claude-code-best-practice, 67k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Presentation Structure?
clxzl (a GitHub user) maintains it in clxzl/claude-code-best-practice-cn, which has 132 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on May 11, 2026.
Source: clxzl/claude-code-best-practice-cn on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.