본문으로 건너뛰기
cccskills
무료GitHub에 공개

ppt-design-system-ja

原典ppt-design-systemのテンプレート・配色・レイアウトで日本語HTML資料を制作する。Forest Inkの実作例と再現入力を参考に、参加案内や説明資料を作るときに使う。

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

studio-yebisu/yaoyorozu-ai-toolbox-slides
설치 방법 보기

포함된 파일(70)

  • SKILL.md3.2 KB
  • example/deck.html16.3 KB
  • example/index.html16.3 KB
  • example/input/BRIEF.md323 B
  • example/input/data.json5.4 KB
  • example/licenses/LICENSE-upstream.txt1.0 KB
  • example/NOTES.md1.0 KB
  • example/PROMPT.txt594 B
  • example/PROVENANCE.json5.6 KB
  • example/QA.json2.4 KB
  • example/README.md1.4 KB
  • example/render/contact-1.jpg210.4 KB
  • example/render/report.json2.0 KB
  • example/render/slide-01.png266.9 KB
  • example/render/slide-02.png79.6 KB
  • example/render/slide-03.png91.6 KB
  • example/render/slide-04.png224.6 KB
  • example/render/slide-05.png94.6 KB
  • example/render/slide-06.png245.9 KB
  • example/REPRODUCE.md1.7 KB
  • example/review/bridge-harness.html390 B
  • example/review/portable-proof.json806 B
  • example/review/portable-rebuild.log260 B
  • example/review/render-command.log1.3 KB
  • example/review/render-receipt.json572 B
  • example/review/template-proof.json276 B
  • example/source/browser-repair.json11.6 KB
  • example/source/capture_repair.cjs3.1 KB
  • example/source/render.mjs5.1 KB
  • example/source/repaired-artifact-manifest.json539 B
  • example/source/reproduce.py6.5 KB
  • example/source/upstream/ACQUISITION.json506 B
  • example/source/upstream/assets/template.html12.1 KB
  • example/source/upstream/LICENSE1.0 KB
  • example/source/upstream/README.md5.1 KB
  • example/source/upstream/references/layouts.md10.3 KB
  • example/source/upstream/references/presets.md3.7 KB
  • example/source/upstream/references/themes.md3.6 KB
  • example/source/upstream/SKILL.md5.7 KB
  • example/source/zip-replay-1.txt258 B
  • example/source/zip-replay.json1.2 KB
  • references/example-source/browser-repair.json11.6 KB
  • references/example-source/capture_repair.cjs3.1 KB
  • references/example-source/render.mjs5.1 KB
  • references/example-source/repaired-artifact-manifest.json539 B
  • references/example-source/reproduce.py6.5 KB
  • references/example-source/upstream/ACQUISITION.json506 B
  • references/example-source/upstream/assets/template.html12.1 KB
  • references/example-source/upstream/LICENSE1.0 KB
  • references/example-source/upstream/README.md5.1 KB
  • references/example-source/upstream/references/layouts.md10.3 KB
  • references/example-source/upstream/references/presets.md3.7 KB
  • references/example-source/upstream/references/themes.md3.6 KB
  • references/example-source/upstream/SKILL.md5.7 KB
  • references/example-source/zip-replay-1.txt258 B
  • references/example-source/zip-replay.json1.2 KB
  • references/recipe.json704 B
  • references/WORKFLOW.md1.4 KB
  • SOURCE.json10.6 KB
  • upstream/ACQUISITION.json506 B
  • upstream/assets/template.html12.1 KB
  • upstream/examples/create_demo_pptx.js14.1 KB
  • upstream/examples/demo-design.html25.3 KB
  • upstream/LICENSE1.0 KB
  • upstream/README.en.md3.1 KB
  • upstream/README.md5.1 KB
  • upstream/references/layouts.md10.3 KB
  • upstream/references/presets.md3.7 KB
  • upstream/references/themes.md3.6 KB
  • upstream/SKILL.md5.7 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

原典デザインシステムで日本語資料を作る

Studio Yebisuの日本語派生版。原作者の公式日本語版ではありません。

まずupstream/SKILL.md、upstream/references/themes.md、upstream/references/layouts.mdを読む。原典assets/template.htmlとナビゲーションを使い、目的に合う配色とレイアウトを選ぶ。共通のカタログ用rendererへ置き換えない。

読み手に役立つ原稿へ

  • 図書館の参加案内なら、日時・受付・会場・持ち物と、案内が変更されたときの次の行動を示す。実在の情報は主催者の情報で確認する。
  • 図書館イベントの実例は架空の設定。時刻・会場をそのまま実際の案内に転用しない。
  • 原典のcover、cards、body、question、comparison、closingを使い分ける。比較する行動が同じ重要度なら、片側だけを薄くして読みにくくしない。
  • 日本語の見出しを意味の区切りで改行し、単位と数字を保つ。游明朝・游ゴシック等の端末書体を確認する。OSのフォントファイルを取り出して配布しない。

実例から制作する

references/WORKFLOW.mdの入力・原典・制作条件を読む。配布キットのinput/data.jsonと本文HTMLを自分の内容へ替え、原典テンプレートで全ページを作る。再現入口はsource/reproduce.pyで、原典のHTML生成CLIではなく、この派生版の原稿配置用プログラムである。

今回確認したのは6ページ・Forest InkのHTML経路。原典のキー・dot・横スクロールを保持する。localhost HTTPで全ページの文字、切れ、ナビゲーションを確認し、再生成は新たにレビューする。他テーマ・PPTX・印刷・縦画面を対応確認済みと表示しない。

個別条件を保持する

原典MITの通知をupstream/LICENSEに保持する。カタログのCC0を上流へ適用しない。自動検査を人による正式採用や外部公開へ読み替えない。

原典の検査を省かない

  • 原典themes.mdから5配色の一つを選ぶ

  • input/data.jsonに日時・会場・持ち物と頁の役割を書く

  • layoutの数値カード・大きな問い・並列比較を内容で選ぶ

  • python source/reproduce.pyで原典templateへ差し込む

  • 全頁のP0/P1項目と元ナビゲーションを実画面で確認する

  • 作例はHTMLのみでPPTX laneは未実施

  • 原典テンプレートのJavaScriptを無改変で保持

  • 游明朝・游ゴシック等の端末書体に依存。OS書体は配布しない

  • 10種の全レイアウトや他4配色を実演した例ではない

原典の必須工程と、実施できなかった対人確認・実機条件を分けて記録する。再生成後に古いQA合格を引き継がない。作例の現在の検査記録はexample/QA.json。

리뷰

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

댓글

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

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

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. 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의 스킬 모두 보기

이 스킬의 문제 신고