skills.rest
tomohiro-owada
tomohiro-owadaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

スライド生成スキル

Generate slide templates from seven predefined layout patterns using the Wolsey design system.

Updated Aug 23, 2026
Search Tags:#automation#markdown#html#layout#presentation#slides#chart
One-click install
npx skills add https://github.com/tomohiro-owada/slide-generator-skill --skill -tomohiro-owada
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: スライド生成スキル
Source: https://github.com/tomohiro-owada/slide-generator-skill/tree/main/.claude/skills/slide-generator
Command: npx skills add https://github.com/tomohiro-owada/slide-generator-skill --skill -tomohiro-owada

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

Manual slide creation is time-consuming and requires design expertise. This Skill automates the entire process, from content analysis to layout selection and HTML generation, allowing you to focus on your message, not design.

Core Features & Use Cases

  • Intelligent Content Analysis: Automatically understands your text, data, or code to suggest optimal slide layouts.
  • 15+ Dynamic Layouts: Choose from title, bullet, two-column, image, quote, table, code, and various chart layouts (powered by Chart.js).
  • Automated Presentation Generation: Simply paste your content, and the Skill generates a complete, styled HTML presentation.
  • Use Case: Quickly transform a detailed project report or a set of sales figures into a professional, visually appealing presentation without touching design software.

Quick Start

Generate a presentation from the attached Markdown file 'my-report.md'.

Frequently Asked Questions about スライド生成スキル

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

FAQPage Schema
How do I convert markdown or text content into HTML slides automatically?▼

This Skill transforms markdown, text, or structured content into professionally designed HTML slides by analyzing your content and applying the Wolsey design system. It automatically selects optimal layouts from predefined patterns and generates complete slide markup with styling, eliminating manual design work.

What slide layouts does this Skill support?▼

The Skill provides 15+ dynamic layouts including title, bullet points, two-column, image, quote, table, and code layouts, plus chart variants powered by Chart.js. You select the layout pattern that best fits your content, and the Skill generates conforming HTML markup.

Can I apply a custom design system to my presentation slides?▼

Yes. The Skill loads and applies the Wolsey design system from your project root, enforcing its color palette, typography rules, and decorative elements across all generated slides to ensure visual consistency.

How do I modify existing slides to match a design system?▼

The Skill revises existing slides to conform to the Wolsey design system, restructuring layouts and reapplying color palettes and typography tokens so your presentation adheres to defined standards without manual editing.

Does this Skill work with chart data in presentations?▼

Yes. The Skill includes chart layouts powered by Chart.js, allowing you to embed data visualizations directly into your generated slides alongside other content types.

What dependencies does this Skill require?▼

The Skill uses Puppeteer to handle presentation rendering and HTML generation. You need Puppeteer installed in your environment to generate slide output.

Related Skills

Explore More Content & Communication Skills→
flowKKoflowKKo
2

web-ppt

Generate web-based presentations from markdown scripts with ECharts visualizations.

Community
Advanced
shekerkammashekerkamma

presentation-exporter

Export HTML presentations to PDF, PNG, and markdown speaker notes.

Community
Intermediate
qqrusqqrus

ckm:slides

Create strategic HTML presentations with embedded Chart.js data visualizations.

Community
Intermediate
Maccio-huangMaccio-huang

html-ppt-zhangzara-monochrome

Generate monochrome HTML presentations with predefined slide layouts.

Community
Intermediate