본문으로 건너뛰기
cccskills
무료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

  1. npm install
  2. 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.
  3. 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.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

academic-image-ppt-ja

무료

原稿の主張と図の役割を頁ごとに整理し、選んだ書式を全頁へ引き継ぐ画像スライドと話者ノートを作る。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

studio-yebisu/yaoyorozu-ai-toolbox-slides102026년 10월 22일 업데이트

academic-review-decksmith

무료

Convert literature reviews, paper folders, thesis drafts, journal-style reports, or research outlines into rigorous academic slide decks and review artifacts. Use when Codex must create, rebuild, or polish PPTX presentations from scholarly sources while preserving academic logic, citation-aware image/formula handling, editable layouts, figure explanations, template fidelity, and export-based visual QA.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

studio-yebisu/yaoyorozu-ai-toolbox-slides102026년 10월 22일 업데이트

agent-slides-ja

무료

既存PPTXの書式・配置を抽出し、planとnative編集操作からPowerPointを生成・検査する。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

studio-yebisu/yaoyorozu-ai-toolbox-slides102026년 10월 22일 업데이트

aham-ja

무료

読者と目的から構成・版式を決め、確認を挟みながら、編集できる図形と文字のPPTXにする。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

studio-yebisu/yaoyorozu-ai-toolbox-slides102026년 10월 22일 업데이트

aham-ppt

무료

全流程AI制作PPT演示文稿技能，克制专业、风格可选 A/B/C 三档（Aham UI v6.1 · Office 轨 · PPT）。 当用户说"帮我做PPT""做演示文稿""做一个汇报""根据这份资料做PPT" "做客户方案PPT""制作幻灯片"时立即触发。即使只有一句话需求也触发。 八阶段模块化流程：规范加载→材料解析→论点提炼→叙事骨架→大纲版式→样稿确认→逐页设计→质检交付。 内置能力自适应教练机制，无论用户专业水平高低，均引导至及格以上输出。 注意：本技能用于 PowerPoint / pptx 输出；SVG/HTML 版本见 ppt-svg 技能。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

studio-yebisu/yaoyorozu-ai-toolbox-slides102026년 10월 22일 업데이트

and-scene-ja

무료

原典のReact scene kitを実scaffoldし、安定layoutIdの共通canvasでentityが移動・morphする日本語ブラウザ資料を作る。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

studio-yebisu/yaoyorozu-ai-toolbox-slides102026년 10월 22일 업데이트

studio-yebisu의 스킬 모두 보기

이 스킬의 문제 신고