跳到正文
cccskills
免费在 GitHub 公开

sketch-note-ja

sketch-note-pptの紙色・吹き出し・手描き線と固有controllerで、日本語の動く単一HTMLスライドを組む。HTMLとSVGを編集する用途に使う。

中文简介正在准备中。当前显示原文说明。

studio-yebisu/yaoyorozu-ai-toolbox-slides

实测评分 未实测

查看安装方法

包含的文件（53）

  • SKILL.md3.1 KB
  • example/index.html21.8 MB
  • example/input/MANUSCRIPT.md2.0 KB
  • example/input/PLAN.md1.1 KB
  • example/LICENSE1.0 KB
  • example/NOTICE-JA.txt431 B
  • example/PROMPT.md1.6 KB
  • example/PROVENANCE.json7.8 KB
  • example/QA.json2.0 KB
  • example/README.md2.8 KB
  • example/render/effect-page-01-after.jpg105.2 KB
  • example/render/effect-page-02-after.jpg98.5 KB
  • example/render/effect-page-03-after.jpg100.9 KB
  • example/render/effect-page-03.jpg101.8 KB
  • example/render/effect-page-04-after.jpg92.1 KB
  • example/render/effect-page-05-after.jpg97.3 KB
  • example/render/effect-page-06-after.jpg107.1 KB
  • example/render/slide-01.png387.2 KB
  • example/render/slide-02.png309.5 KB
  • example/render/slide-03.png321.5 KB
  • example/render/slide-04.png284.3 KB
  • example/render/slide-05.png311.8 KB
  • example/render/slide-06.png335.4 KB
  • example/source/adaptation.css6.3 KB
  • example/source/annotation-repair.diff6.1 KB
  • example/source/controller.js1.8 KB
  • example/source/controller.original.js1.3 KB
  • example/source/controller.patch1.1 KB
  • example/source/FONT-SOURCE.json3.4 KB
  • example/source/fonts/bizudpgothic/BIZUDPGothic-Bold.ttf4.4 MB
  • example/source/fonts/bizudpgothic/BIZUDPGothic-Regular.ttf4.5 MB
  • example/source/fonts/bizudpgothic/OFL.txt4.3 KB
  • example/source/fonts/manrope/Manrope[wght].ttf160.8 KB
  • example/source/fonts/manrope/OFL.txt4.3 KB
  • example/source/fonts/zenmarugothic/OFL.txt4.3 KB
  • example/source/fonts/zenmarugothic/ZenMaruGothic-Bold.ttf3.6 MB
  • example/source/fonts/zenmarugothic/ZenMaruGothic-Regular.ttf3.7 MB
  • example/source/rebuild.py4.1 KB
  • example/source/reveal.original.css461 B
  • example/source/slides.html6.0 KB
  • example/source/upstream/.gitignore173 B
  • example/source/upstream/CONTRIBUTING.md2.0 KB
  • example/source/upstream/demo/demo-index.html25.8 KB
  • example/source/upstream/demo/notebooklm-intro-ppt.html27.0 KB
  • example/source/upstream/LICENSE1.0 KB
  • example/source/upstream/README.md4.3 KB
  • example/source/upstream/skill/SKILL.md11.2 KB
  • example/source/upstream/style/sketch-notes-base.css11.9 KB
  • example/source/upstream/style/STYLE_GUIDE.md4.1 KB
  • example/source/zip-replay.json280 B
  • LICENSE1.0 KB
  • NOTICE-JA.txt431 B
  • SOURCE.json15.2 KB

SKILL.md（原文）

安装前可以查看交给 AI 代理的指令内容。

Sketch Notes 日本語ガイド

原典は Watermelon4000/sketch-note-ppt、固定commit 0729098c28a2105b3e2f6225b3afe125e3959fb6。MIT ©2026 Watermelon4000。原文SKILLとLICENSEを保持しています。実字体は個別のOFL-1.1です。

  1. 題材・読者・枚数・言語を原稿へ保存する。依頼文と日本語原稿を自分の題材へ置き換える。この例は実測のない観察教材6頁です。

  2. 原典default sketch-notesを選び、1頁1主題、cover→比較/図解→takeawayの順を作る。全面カード格子にせず、字形の大小・余白・視線の方向を内容に合わせる。

  3. 未変更CSSを実際に使う。.deck、.slide.active、二重墨枠、紙色、.halftone、.bubble、.sketch-underline、.decision-treeを維持。原典SKILLの.revealは見出し・主オブジェクト・吹き出しへ付け、本文段落へ直接付けない。文字サイズはclamp、各頁はスクロールなしで収める。

  4. slides.htmlに和文とSVG線を組み、adaptation.cssへ局所差分を置く。原典には必須AI画像工程がないため、この例は自作SVGとCSSで成立させる。日本語表示では原典の遠隔字体を公式固定Zen Maru/BIZ/Manropeへ置換し、TTFとOFLを保全する。OS字体は抽出配布しない。

  5. 原典demoのcontrollerを使う。←/→・↑/↓・Space・Home/End・swipeで送り、端で止まる元go()の契約を守る。局所patchはsame-originの0-based yebisu-slide/yebisu-pageだけを追加する。

  6. Python標準ライブラリで python example/source/rebuild.py を実行すると、CSS/JS/実字体を埋め込んだ単一HTMLを作る。元方式にnpm・生成CLI・外部SDKはない。このPythonは梱包補助であり、汎用スライドrendererではない。

  7. 完成HTMLの全ページを発表画面で表示する。日本語・改行・比較する字の大きさ・手描き線の指す先を確認し、線と本文の接触や空白を囲む注釈を直す。前後・先頭末尾の移動と、必要なら大小画面も確認する。実施範囲はQAへ記録し、独立評価の合格と分ける。

この6頁の作例では、字体比較の丸を実際の「雨」に固定し、説明文を横切る矢印を除いた。全6頁を1280×720で、修復箇所を1600×900でも確認した。独立再評価は未了。

編集対象はHTML/SVG/CSS/JS。PPTXを生成したとは表現しない。書体と声の関係はこの教材の選択案で、読了率や学習効果の実測を発明しません。

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。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 的全部技能

报告此技能的问题