ppt-skill

Generate single-file HTML slide decks from Skill definitions with Swiss Style templates.

35|5|Updated May 7, 2026
One-click install
npx skills add https://github.com/yokingma/weclaws --skill ppt-skill
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ppt-skill
Source: https://github.com/yokingma/weclaws/tree/main/resources/skills/managed/ppt-skill
Command: npx skills add https://github.com/yokingma/weclaws --skill ppt-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

将 Skill 定义转换为可直接部署的单文件 HTML 演示文稿,并确保输出严格遵循瑞士风格与杂志风格两套模板的一致视觉与结构,降低跨团队协作中的风格偏差和实现成本。

Core Features & Use Cases

  • 模板化渲染:从 SKILL.md 的描述生成符合模板的 HTML 演示文稿,包含 assets/references 资源。
  • 双风格支持:提供电子杂志风格和 Swiss Style 两种模板,配合主题色预设与图片提示词,适用于公开演讲与内部汇报。
  • 校验与规范执行:内置检查清单和 Swiss Layout 锁定,保证版面、槽位、SVG 文案等符合原始登记规则,减少迭代成本。
  • 典型用例:设计师快速落地一个可分享的网页 slides,团队成员可在浏览器中查看并长期维护。

Quick Start

Place SKILL.md at the workspace root and run the generator to produce index.html with the chosen templates and assets ready for preview.

Frequently Asked Questions about ppt-skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert a Skill definition into an HTML slide deck?

To convert a Skill definition into an HTML slide deck, place your SKILL.md at the workspace root and run the generator to produce a single-file index.html using the provided templates.

What is Swiss Style layout validation for HTML slides?

Swiss Style layout validation enforces specific Sxx layouts and ASCII covers on HTML slides, requiring a data-layout attribute on each slide and proper image-slot bindings to ensure structural consistency.

Can I use image prompts and theme presets with magazine-style slide templates?

Yes, you can use image prompts and theme presets with magazine-style slide templates, allowing you to apply customized visual themes for public speaking or internal reporting presentations.

Do I need any external dependencies to generate single-file HTML presentations?

No external dependencies are required to generate single-file HTML presentations, as the Skill produces a self-contained index.html file that can be directly deployed and viewed in a browser.

What's the best way to ensure my slide deck follows strict layout rules?

The best way to ensure your slide deck follows strict layout rules is to validate it with the local Swiss deck validator, which checks slide structure, data-layout attributes, and SVG copy against registered constraints.

Why does my generated slide deck fail the layout validation check?

Generated slide decks fail the layout validation check when slides lack the required data-layout attribute, have improper image-slot bindings, or do not conform to the selected Swiss Style or magazine template constraints.