本文へ移動
cccskills
無料GitHub で公開

learndeck-ja

LearnDeck原典のHTML-to-PPT DOM実測converterで、日本語HTMLからnative文字と図形・個別SVG画像を持つPPTXを作る。

studio-yebisu/yaoyorozu-ai-toolbox-slides
連携ツールPowerPoint
インストール方法を見る

含まれるファイル（97）

  • SKILL.md2.8 KB
  • example/conversion.json327 B
  • example/deck-assets/png/slide-01-icon-01.png11.1 KB
  • example/deck-assets/png/slide-02-icon-01.png9.9 KB
  • example/deck-assets/png/slide-03-icon-01.png1.6 KB
  • example/deck-assets/png/slide-03-icon-02.png1.6 KB
  • example/deck-assets/png/slide-03-icon-03.png1.6 KB
  • example/deck-assets/png/slide-04-icon-01.png14.5 KB
  • example/deck-assets/svg/slide-01-icon-01.svg1.5 KB
  • example/deck-assets/svg/slide-02-icon-01.svg1.5 KB
  • example/deck-assets/svg/slide-03-icon-01.svg1.3 KB
  • example/deck-assets/svg/slide-03-icon-02.svg1.3 KB
  • example/deck-assets/svg/slide-03-icon-03.svg1.3 KB
  • example/deck-assets/svg/slide-04-icon-01.svg3.9 KB
  • example/deck-editable.pptx67.0 KB
  • example/deck.pptx67.0 KB
  • example/fonts/BIZUDPGothic-Bold.ttf4.4 MB
  • example/fonts/bizudpgothic-OFL.txt4.3 KB
  • example/fonts/BIZUDPGothic-Regular.ttf4.5 MB
  • example/fonts/delagothicone-OFL.txt4.3 KB
  • example/fonts/DelaGothicOne-Regular.ttf2.4 MB
  • example/fonts/manrope-OFL.txt4.3 KB
  • example/fonts/Manrope[wght].ttf160.8 KB
  • example/fonts/ShipporiMincho-Bold.ttf8.2 MB
  • example/fonts/shipporimincho-OFL.txt4.3 KB
  • example/index.html1.9 KB
  • example/input/BRIEF.md1.1 KB
  • example/input/data.json1.2 KB
  • example/LICENSE.txt1.0 KB
  • example/PROMPT.md1.1 KB
  • example/PROVENANCE.json5.8 KB
  • example/QA.json3.4 KB
  • example/README.md3.9 KB
  • example/render/deck.pdf228.2 KB
  • example/render/html-pptx-compare-01.png192.2 KB
  • example/render/html-pptx-compare-03.png262.9 KB
  • example/render/html/slide-01.png72.0 KB
  • example/render/html/slide-02.png90.8 KB
  • example/render/html/slide-03.png111.4 KB
  • example/render/html/slide-04.png106.6 KB
  • example/render/html/slide-05.png113.4 KB
  • example/render/powerpoint-render.json20.4 KB
  • example/render/repair-html-contact.jpg219.3 KB
  • example/render/repair-pptx-contact.jpg215.9 KB
  • example/render/slide-01.png61.0 KB
  • example/render/slide-02.png68.8 KB
  • example/render/slide-03.png71.8 KB
  • example/render/slide-04.png84.6 KB
  • example/render/slide-05.png41.3 KB
  • example/REPRODUCE.md176 B
  • example/runtime/DEPENDENCIES.json505 B
  • example/runtime/scripts/generate_ppt.js20.0 KB
  • example/runtime/scripts/html_to_editable_pptx.js30.6 KB
  • example/runtime/scripts/html_to_ppt.js1023 B
  • example/source.html17.5 KB
  • example/SOURCE.json5.1 KB
  • example/source/build_learndeck_showcase.py27.2 KB
  • example/source/capture_source.cjs3.2 KB
  • example/source/catalog-repair-proposal.json2.5 KB
  • example/source/footer-conversion-receipt.json704 B
  • example/source/footer-conversion.txt606 B
  • example/source/footer-powerpoint.txt51 B
  • example/source/footer-repair.json651 B
  • example/source/generator-repair.diff24.2 KB
  • example/source/html_to_editable_pptx.js.diff2.4 KB
  • example/source/html_to_ppt.js.diff0 B
  • example/source/html-dom-metrics.json15.5 KB
  • example/source/html-pptx-compare-01.html958 B
  • example/source/html-pptx-compare-03.html959 B
  • example/source/layout-conversion-audit.json1.5 KB
  • example/source/native-object-inventory.json15.9 KB
  • example/source/pdf-fonts.json237 B
  • example/source/refresh_existing_fonts.ps11.3 KB
  • example/source/render_powerpoint.ps12.8 KB
  • example/source/repaired-artifact-manifest.json495 B
  • example/source/round3-zip-replay.json1.7 KB
  • example/source/round3-zip-replay.txt768 B
  • example/upstream/LICENSE.txt1.0 KB
  • example/upstream/package.json941 B
  • example/upstream/scripts/generate_ppt.js20.0 KB
  • example/upstream/scripts/html_to_editable_pptx.js29.5 KB
  • example/upstream/scripts/html_to_ppt.js1023 B
  • example/upstream/SKILL.md6.2 KB
  • LICENSE.txt1.0 KB
  • README.md270 B
  • references/WORKFLOW.md3.9 KB
  • runtime/DEPENDENCIES.json505 B
  • runtime/scripts/generate_ppt.js20.0 KB
  • runtime/scripts/html_to_editable_pptx.js30.6 KB
  • runtime/scripts/html_to_ppt.js1023 B
  • SOURCE.json19.3 KB
  • upstream/LICENSE.txt1.0 KB
  • upstream/package.json941 B
  • upstream/scripts/generate_ppt.js20.0 KB
  • upstream/scripts/html_to_editable_pptx.js29.5 KB
  • upstream/scripts/html_to_ppt.js1023 B
  • upstream/SKILL.md6.2 KB

SKILL.md（原文）

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

LearnDeck 日本語版（非公式）

  1. 題材、枚数、確定事項と提供案を短く整理。style指定があれば再質問せず従う。各ページに一つの主張を置き、巨大見出しと役割のある図をHTML .slideで作る。
  2. 同梱upstream/SKILL.mdを必要範囲で読む。新規計画は原典generate_ppt.jsも使える。本作例は柔軟な日本語bold構図のためHTML-to-PPT modeを使う。
  3. local runtime/scripts/html_to_ppt.jsで変換する。ChromiumのDOM位置が正本。playwright/pptxgenjs/sharp/jszipを用意し、Codexではload_workspace_dependenciesのNode/NODE_PATHを使う。
  4. 原典は既定で追加検査を省略するが、明示された修正・検証依頼では元HTMLを直して同じconverterを再実行する。HTMLとPowerPointを全頁描画して字間・改行・余白を目視し、native要素とSVG由来PNGの分離を記録する。
  5. Native text/background/rect/ellipseと、SVG由来の個別PNG imageを区別して伝える。SVG元と実TTF/OFL、原MIT、source.htmlを保全。PPTXフォント未埋込時は別端末への導入が必要と説明する。

本forkのruntimeだけ、原典converterの単一font-face固定をcomputed fontFamilyで置換し、roleごとの日本語書体を保存。languageはja-JP。未変更原本はupstream/scripts。SVG書き出し時は実DOMのviewport幅・高さを保存し、SVGのpreserveAspectRatioをPNGへ反映する局所補正も適用。その他のDOM/native object/gradient pipelineは原典のまま。

具体例と入力はexample/に同梱。node runtime/scripts/html_to_ppt.js --input example/source.html --out-dir output --name deck --no-preview --font-face "BIZ UDPGothic" --viewport-width 1280 --viewport-height 720。画像をnative shapeと称さず、提供案を実績と称さない。

原作者LearnAIHubC。https://github.com/LearnAIHubC/LearnDeck 。MIT帰属はLICENSE.txt、使用pinはSOURCE.json。書体は各OFL。公式・原作者の公認ではありません。

元Generate PPT（slides.jsonから5styleへ生成）はこの作例では未実施。radial背景・影は近似、CSS filterは無視されます。元HTMLとPPTXの完全一致は保証せず、花の内部はnative図形ではありません。修正時はsource.htmlが正本で、元DOM変換→全頁の実描画→要素照合の順で確認し、source/*.diffとQAへ結果を残します。

小さいラベル・脚注・頁番号は背景と4.5:1以上のコントラストを確保する。今回の3頁はクリーム色の文字と少し暗くした朱赤で4.561:1。原典DOM変換後のHTMLとPowerPointの両方を実描画して確認する。

レビュー

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

コメント

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

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

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは 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 のスキルをすべて見る

このスキルの問題を報告する