無料GitHub で公開

slide-design-skill

Design and generate polished, on-brand presentation decks as clean 1920×1080 HTML — with real charts, tables, and AI or stock imagery. Use whenever someone wants to create, design, or improve a presentation, slide deck, pitch deck, investor or sales deck, keynote, training or teaching deck, PowerPoint (PPTX), Google Slides, or a data-heavy report, and cares about design quality. The visual style is derived from the brief, never picked from a theme or template menu.

日本語の概要は準備中です。原文の説明を表示しています。

studio-yebisu/yaoyorozu-ai-toolbox-slides

連携ツールPowerPoint

実行スコア未検証

インストール方法を見る

含まれるファイル（99）

SKILL.md2.4 KB
docs/HANDOVER.md6.6 KB
docs/INTEGRATION.md8.2 KB
docs/plans/2026-06-04-layout-fit-phase1.md38.4 KB
docs/plans/2026-06-08-generator-composition-fix.md8.4 KB
docs/SKILL-FORMAT.md11.2 KB
docs/specs/2026-06-03-design-variance-brief.md19.5 KB
docs/specs/2026-06-04-layout-fit-model.md12.1 KB
docs/specs/2026-06-09-anti-slop-adoption.md6.8 KB
docs/specs/2026-06-11-mckinsey-anatomy.md9.2 KB
engine/brand-guard.ts8.1 KB
engine/composition-families.ts5.6 KB
engine/deck-plan.ts15.1 KB
engine/density.ts3.8 KB
engine/divergence.ts2.9 KB
engine/dotmap-data.ts2.1 KB
engine/fal-cache.ts5.1 KB
engine/fal-cost.ts479 B
engine/fidelity-data.ts16.3 KB
engine/icon-kits.ts52.9 KB
engine/image-postprocess.ts1.9 KB
engine/image-providers.ts14.6 KB
engine/image-treatments.ts6.0 KB
engine/index.ts11.3 KB
engine/moodboard.ts4.0 KB
engine/occupancy.ts16.3 KB
engine/prompt-composer.ts40.5 KB
engine/quality-lint.ts25.8 KB
engine/renderer.ts110.3 KB
engine/richness.ts5.3 KB
engine/skill-generator.ts72.5 KB
engine/skill-loader.ts7.0 KB
engine/style-intake.ts9.3 KB
engine/token-compiler.ts6.9 KB
engine/types.ts6.2 KB
engine/validate.ts10.9 KB
LICENSE1.0 KB
meta-generator/GENERATOR.md7.0 KB
meta-generator/templates/chrome.css1.6 KB
meta-generator/templates/components.html1.0 KB
meta-generator/templates/image-style.md687 B
meta-generator/templates/layout-grammar.md435 B
meta-generator/templates/SKILL.md703 B
meta-generator/templates/tokens.json838 B
package-lock.json27.2 KB
package.json2.2 KB
README.md10.9 KB
scripts/all-skills-smoke.ts11.4 KB
scripts/bake-dotmap.ts2.5 KB
scripts/bake-fidelity.ts5.0 KB
scripts/bake-icon-kits.mts8.3 KB
scripts/build-gallery.mts10.5 KB
scripts/compose-prompt.mts959 B
scripts/consulting-fixture-deck.json5.4 KB
scripts/deck-plan-smoke.ts10.7 KB
scripts/decks-to-pdf.ts1.3 KB
scripts/design-qa.mts6.6 KB
scripts/divergence-check.mts2.1 KB
scripts/divergence-smoke.ts2.3 KB
scripts/export-pdf.py2.9 KB
scripts/extract-slides.ts1.3 KB
scripts/fal-bake-gradients.ts3.2 KB
scripts/fal-budget-smoke.ts2.7 KB
scripts/fal-cache-smoke.ts6.0 KB
scripts/fal-cost-smoke.ts2.4 KB
scripts/image-blank-stats.py1.2 KB
scripts/image-filters.py4.1 KB
scripts/image-smoke.ts2.4 KB
scripts/kanagi-deck.json6.8 KB
scripts/logo-wall-smoke.ts2.9 KB
scripts/measure-density.mts4.4 KB
scripts/measure-fit.mts5.2 KB
scripts/measure-occupancy-windows.mts18.7 KB
scripts/measure-occupancy.mts18.2 KB
scripts/moodboard-smoke.ts2.9 KB
scripts/neue-klasse-deck.json16.9 KB
scripts/new-skill.ts2.5 KB
scripts/occupancy-smoke.ts10.6 KB
scripts/opex-deck.json19.5 KB
scripts/print-generator-prompt.mts1.5 KB
scripts/quality-lint-smoke.ts20.7 KB
scripts/reference-image-smoke.ts5.5 KB
scripts/render-fal-runtime.mts6.9 KB
scripts/render-fixture.mts2.7 KB
scripts/render-moodboards.mts2.4 KB
scripts/render-new-decks.ts2.4 KB
scripts/renderer-fix-smoke.ts3.7 KB
scripts/richness-smoke.ts2.8 KB
scripts/security-smoke.ts6.2 KB
scripts/self-image-smoke.ts2.3 KB
scripts/shoot-review.py1.8 KB
scripts/showcase-sheet.py1.4 KB
scripts/single-slide-shots.ts1.8 KB
scripts/test-bg-prompt.mts1.7 KB
scripts/test-skill-generator.mts8.6 KB
scripts/test-style-intake.mts3.9 KB
scripts/treatment-showcase.mts3.5 KB
scripts/validate-skill.ts22.2 KB
tsconfig.json384 B

SKILL.md（原文）

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Slide Design Skill

A presentation-design engine. Give it a brief — what the deck is about, plus how it should look in any form (a few words, "like stripe.com", a brand URL, or a moodboard) — and it derives a bespoke visual style for that deck, plans the slide sequence, has the host LLM fill fixed slide templates, and renders deterministic 1920×1080 HTML slides with real data-viz, tables, and imagery.

Style is discovered, not chosen. There is no theme menu and no preset to pick: every deck gets its own tokens, slide templates, and look, generated from the brief.

AI images are optional. Hero and background imagery is generated through fal.ai — set a FAL_KEY to turn it on, and it produces consistent, on-brand visuals across the whole deck (and skips the usual AI-image fails). Without a key the skill still works end to end; it just renders the deck without AI imagery. No key is required to install or run it.

When to use

Use when the user wants to create, design, or improve any presentation: a pitch or investor deck, a sales or strategy deck, a keynote, a training or teaching deck, a data or report deck, or generally "make me some slides / a PowerPoint / a deck" — and they care about it looking designed and on-brand.

How to use

npm install
Capture the brief: the topic and content, plus any signal about the look (free text, "in the style of <x>", a brand URL, reference images). If there is zero style signal, ask one short question about the desired look.
Generate and render a deck through the engine, then review the rendered HTML and iterate on the user's feedback.

See README.md for the pipeline and quality gates, docs/INTEGRATION.md for the engine API, and docs/SKILL-FORMAT.md for the package format.

Design rules — readable type, no empty bands, no logos or trademarks, no invented numbers — are enforced by code gates, not by prompt wording alone.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。