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

html-scrolline-ja

gongnyang/awesome-html-scrolline-deckの方式で日本語スライドを制作・再現する。原典固有の生成器・テンプレート・実装と個別条件を保ち、実制作例を参考に日本語の資料を作るときに使う。

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

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

포함된 파일(200)

  • SKILL.md4.2 KB
  • references/CURRENT-EXAMPLE.md2.4 KB
  • references/example-source/build_htmlscrolline_repository_example.py5.9 KB
  • references/licenses/bundled-runtime-notices.txt4.1 KB
  • references/licenses/gsap-package.json2.5 KB
  • references/licenses/gsap-README.md6.1 KB
  • references/licenses/gsap-standard-license.html74.7 KB
  • references/licenses/LICENSE-lenis.txt1.1 KB
  • references/licenses/README.md1.1 KB
  • references/recipe.json8.0 KB
  • references/WORKFLOW.md2.4 KB
  • SOURCE.json72.4 KB
  • upstream/.github/workflows/ci.yml313 B
  • upstream/ACQUISITION.json546 B
  • upstream/CHANGELOG.md4.3 KB
  • upstream/concepts/_smoke/concept.json790 B
  • upstream/concepts/_smoke/index.js85 B
  • upstream/concepts/_smoke/tokens.css753 B
  • upstream/concepts/canvas/concept.json2.0 KB
  • upstream/concepts/canvas/index.js84 B
  • upstream/concepts/canvas/layout.css6.9 KB
  • upstream/concepts/canvas/layout.test.js1.0 KB
  • upstream/concepts/canvas/tokens.css1.1 KB
  • upstream/concepts/data/concept.json2.5 KB
  • upstream/concepts/data/index.js84 B
  • upstream/concepts/data/layout.css8.9 KB
  • upstream/concepts/data/tokens.css1.9 KB
  • upstream/concepts/kinetic/concept.json2.0 KB
  • upstream/concepts/kinetic/index.js84 B
  • upstream/concepts/kinetic/layout.css4.8 KB
  • upstream/concepts/kinetic/tokens.css1.3 KB
  • upstream/concepts/launch/concept.json2.1 KB
  • upstream/concepts/launch/index.js84 B
  • upstream/concepts/launch/layout.css8.3 KB
  • upstream/concepts/launch/tokens.css1.4 KB
  • upstream/concepts/rail/concept.json2.0 KB
  • upstream/concepts/rail/index.js84 B
  • upstream/concepts/rail/layout.css10.1 KB
  • upstream/concepts/rail/layout.test.js1.1 KB
  • upstream/concepts/rail/tokens.css2.5 KB
  • upstream/concepts/zoom/concept.json1.8 KB
  • upstream/concepts/zoom/index.js84 B
  • upstream/concepts/zoom/layout.css8.4 KB
  • upstream/concepts/zoom/layout.test.js1004 B
  • upstream/concepts/zoom/tokens.css1.0 KB
  • upstream/CONTRIBUTING.md4.2 KB
  • upstream/decks/_smoke/assets/smoke.svg238 B
  • upstream/decks/_smoke/deck.yaml647 B
  • upstream/decks/_smoke/index.html280 B
  • upstream/decks/_smoke/main.js422 B
  • upstream/decks/canvas-pitch/assets/CREDITS.md877 B
  • upstream/decks/canvas-pitch/assets/demo/frames.json195 B
  • upstream/decks/canvas-pitch/assets/melt/frames.json195 B
  • upstream/decks/canvas-pitch/deck.test.js1.9 KB
  • upstream/decks/canvas-pitch/deck.yaml9.8 KB
  • upstream/decks/canvas-pitch/index.html704 B
  • upstream/decks/canvas-pitch/main.js583 B
  • upstream/decks/canvas-pitch/sequences/atlas.js4.4 KB
  • upstream/decks/canvas-pitch/sequences/ground.js10.5 KB
  • upstream/decks/canvas-pitch/sequences/map.js11.5 KB
  • upstream/decks/data-ev-shift/assets/CREDITS.md1.5 KB
  • upstream/decks/data-ev-shift/assets/frames/open-highway/frames.json195 B
  • upstream/decks/data-ev-shift/deck.test.js1.6 KB
  • upstream/decks/data-ev-shift/deck.yaml13.1 KB
  • upstream/decks/data-ev-shift/index.html755 B
  • upstream/decks/data-ev-shift/main.js459 B
  • upstream/decks/exhibit-ja/deck.yaml3.2 KB
  • upstream/decks/exhibit-ja/index.html337 B
  • upstream/decks/exhibit-ja/japanese.css375 B
  • upstream/decks/exhibit-ja/main.js501 B
  • upstream/decks/kinetic-next-word/assets/CREDITS.md1.3 KB
  • upstream/decks/kinetic-next-word/assets/runs/haiku-5runs.md1.3 KB
  • upstream/decks/kinetic-next-word/assets/video/five-answers/frames.json195 B
  • upstream/decks/kinetic-next-word/deck.test.js1.7 KB
  • upstream/decks/kinetic-next-word/deck.yaml8.1 KB
  • upstream/decks/kinetic-next-word/index.html782 B
  • upstream/decks/kinetic-next-word/main.js468 B
  • upstream/decks/launch-orbit-note/assets/CREDITS.md961 B
  • upstream/decks/launch-orbit-note/assets/frames/anywhere/frames.json195 B
  • upstream/decks/launch-orbit-note/assets/frames/explode/frames.json194 B
  • upstream/decks/launch-orbit-note/assets/frames/turntable/frames.json195 B
  • upstream/decks/launch-orbit-note/deck.test.js1.7 KB
  • upstream/decks/launch-orbit-note/deck.yaml7.9 KB
  • upstream/decks/launch-orbit-note/index.html705 B
  • upstream/decks/launch-orbit-note/main.js465 B
  • upstream/decks/rail-ai-decade/assets/video/v2-chat/frames.json195 B
  • upstream/decks/rail-ai-decade/assets/video/v3-agent/frames.json195 B
  • upstream/decks/rail-ai-decade/deck.test.js1.7 KB
  • upstream/decks/rail-ai-decade/deck.yaml25.3 KB
  • upstream/decks/rail-ai-decade/index.html704 B
  • upstream/decks/rail-ai-decade/main.js446 B
  • upstream/decks/zoom-root-cause/assets/mock/checkout.html5.2 KB
  • upstream/decks/zoom-root-cause/assets/video/fix-521/frames.json195 B
  • upstream/decks/zoom-root-cause/assets/video/replay-52/frames.json195 B
  • upstream/decks/zoom-root-cause/deck.test.js1.8 KB
  • upstream/decks/zoom-root-cause/deck.yaml13.8 KB
  • upstream/decks/zoom-root-cause/index.html610 B
  • upstream/decks/zoom-root-cause/main.js459 B
  • upstream/docs/architecture.md11.4 KB
  • upstream/docs/attribution.md3.1 KB
  • upstream/docs/concepts.md9.5 KB
  • upstream/docs/export.md8.8 KB
  • upstream/docs/getting-started.md5.9 KB
  • upstream/docs/media.md9.1 KB
  • upstream/docs/moves.md12.2 KB
  • upstream/docs/writing-a-deck.md12.9 KB
  • upstream/engine/__fixtures__/decks/link.json145 B
  • upstream/engine/__fixtures__/decks/simple.json129 B
  • upstream/engine/__fixtures__/decks/steps-camera-ambient.json220 B
  • upstream/engine/a11y.js2.2 KB
  • upstream/engine/a11y.test.js1.5 KB
  • upstream/engine/beats/chart.domain.test.js1.2 KB
  • upstream/engine/beats/chart.js10.4 KB
  • upstream/engine/beats/chart.test.js4.1 KB
  • upstream/engine/beats/chronology.js8.1 KB
  • upstream/engine/beats/chronology.layout.test.js1.3 KB
  • upstream/engine/beats/chronology.test.js3.2 KB
  • upstream/engine/beats/code.js1.7 KB
  • upstream/engine/beats/code.test.js668 B
  • upstream/engine/beats/compare.js2.4 KB
  • upstream/engine/beats/compare.test.js1.1 KB
  • upstream/engine/beats/helpers.js1.8 KB
  • upstream/engine/beats/helpers.test.js1.7 KB
  • upstream/engine/beats/index.js635 B
  • upstream/engine/beats/number.js2.4 KB
  • upstream/engine/beats/number.test.js937 B
  • upstream/engine/beats/photo.js2.1 KB
  • upstream/engine/beats/photo.test.js1.1 KB
  • upstream/engine/beats/prompt.js2.3 KB
  • upstream/engine/beats/prompt.test.js1.1 KB
  • upstream/engine/beats/prompt.wrap.test.js789 B
  • upstream/engine/beats/quote.js1.4 KB
  • upstream/engine/beats/quote.test.js1.0 KB
  • upstream/engine/beats/text.emphasis.test.js877 B
  • upstream/engine/beats/text.js2.5 KB
  • upstream/engine/beats/text.test.js948 B
  • upstream/engine/beats/video.js3.6 KB
  • upstream/engine/beats/video.test.js2.9 KB
  • upstream/engine/boot.js11.1 KB
  • upstream/engine/boot.test.js10.5 KB
  • upstream/engine/constants.js5.8 KB
  • upstream/engine/contract.test.js3.7 KB
  • upstream/engine/deck-schema.fixes.test.js3.3 KB
  • upstream/engine/deck-schema.js8.4 KB
  • upstream/engine/deck-schema.test.js7.2 KB
  • upstream/engine/engine-css.neutral.test.js2.1 KB
  • upstream/engine/engine-css.test.js1.9 KB
  • upstream/engine/engine.css11.1 KB
  • upstream/engine/export.js4.1 KB
  • upstream/engine/export.test.js3.4 KB
  • upstream/engine/handoff.js3.9 KB
  • upstream/engine/handoff.test.js3.0 KB
  • upstream/engine/index.js1.6 KB
  • upstream/engine/media.fixes.test.js1.1 KB
  • upstream/engine/media.js8.0 KB
  • upstream/engine/media.pending.test.js1.6 KB
  • upstream/engine/media.test.js2.2 KB
  • upstream/engine/presenter.js3.5 KB
  • upstream/engine/presenter.test.js3.0 KB
  • upstream/engine/registry.js2.3 KB
  • upstream/engine/registry.test.js1.5 KB
  • upstream/engine/scroll.js3.4 KB
  • upstream/engine/scroll.test.js3.6 KB
  • upstream/engine/stage.js4.5 KB
  • upstream/engine/stage.test.js3.9 KB
  • upstream/engine/testing.js9.4 KB
  • upstream/engine/testing.test.js5.7 KB
  • upstream/engine/timeline.js17.8 KB
  • upstream/engine/timeline.mask.test.js1.5 KB
  • upstream/engine/timeline.overlays.test.js2.7 KB
  • upstream/engine/timeline.test.js12.2 KB
  • upstream/engine/types.js9.4 KB
  • upstream/engine/util/dom.js1.9 KB
  • upstream/engine/util/dom.svg.test.js1.5 KB
  • upstream/engine/util/dom.test.js830 B
  • upstream/engine/util/rng.js822 B
  • upstream/engine/util/rng.test.js542 B
  • upstream/engine/util/schema.js3.8 KB
  • upstream/engine/util/schema.test.js936 B
  • upstream/engine/v2-integration.test.js4.1 KB
  • upstream/LICENSE1.0 KB
  • upstream/media-hf/canvas-pitch/demo/index.html10.6 KB
  • upstream/media-hf/kinetic-next-word/five-answers/index.html6.7 KB
  • upstream/media-hf/kinetic-next-word/five-answers/verify-source.mjs897 B
  • upstream/media-hf/launch-orbit-note/anywhere/index.html3.0 KB
  • upstream/media-hf/launch-orbit-note/minute/explode/index.html16.6 KB
  • upstream/media-hf/launch-orbit-note/minute/explode/scene.js11 B
  • upstream/media-hf/launch-orbit-note/minute/explode/timeline.js1.9 KB
  • upstream/media-hf/launch-orbit-note/minute/lockup/index.html1.1 KB
  • upstream/media-hf/launch-orbit-note/minute/lockup/scene.js11 B
  • upstream/media-hf/launch-orbit-note/minute/scene.js9.8 KB
  • upstream/media-hf/launch-orbit-note/minute/turntable/index.html1.6 KB
  • upstream/media-hf/launch-orbit-note/minute/turntable/scene.js11 B
  • upstream/media-hf/rail-ai-decade/v1-attention/index.html11.0 KB
  • upstream/media-hf/rail-ai-decade/v2-chat/index.html5.2 KB
  • upstream/media-hf/rail-ai-decade/v3-agent/fonts/Pretendard-Bold.woff2772.6 KB
  • upstream/media-hf/rail-ai-decade/v3-agent/fonts/Pretendard-Medium.woff2760.2 KB
  • upstream/media-hf/rail-ai-decade/v3-agent/index.html9.7 KB
  • upstream/media-hf/zoom-root-cause/fix-521/index.html6.3 KB
  • upstream/media-hf/zoom-root-cause/replay-52/index.html5.8 KB

SKILL.md(원문)

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

html-scrolline-ja

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

原典を読む

  • upstream/SKILL.md

同梱references/WORKFLOW.mdで、実作例・入力・環境・コマンドと確認範囲を読む。

スキルの選択肢

原典はrail/data/launch/zoom/canvas/kineticの6conceptを持ち、MP4はnpm run exportで出力する。今回の例はrailだけを使い、他conceptとMP4は未実施。

固有の制作方式

原典deck.yaml・plan・Vite build・Scrolline engineとrail-advance/era-shiftで6停止点を連続的につなぐ。engine/moves/conceptsは原典と一致。内部localeはen、HTMLの表示は日本語。Windows Chrome探索だけを明示adapterで補正する。原典全体CIのWindowsパス3件不合格を保持し、HTTP上のcore・smoke・操作確認と分ける。GSAP独自条件と各MITの原文通知を分けて保持。

連続する日本語の資料を作る

原典CONTRACTSとrailの例を読み、deck.yamlで停止点、時間、項目、handoffを設計する。原典plan、Vite build、smokeを使い、engine・moves・conceptsを改変せず、deck側のCSSと本文で日本語へ合わせる。内部schemaのlocaleはen、HTMLのlangはja。日本語locale機能を実装したとは呼ばない。

原典全体CIのWindowsパス3件不合格は保持する。中核424テスト・HTTP smoke・キー・ホイール・補間の確認と区別し、原典の全ゲート通過を主張しない。捕捉用Chrome探索のadapterは原文と差分を残す。直接file://の禁止を別経路で回避しない。

原典コードのMIT、LenisのMIT、GSAP独自の無償標準ライセンスを分けて読む。Viteが削除する通知は配布bundleと単一HTMLへ復元する。GSAPへMITやカタログのCC0を付け直さない。フォントは端末の日本語書体を使う当作例の条件を記し、新しい字形と全停止点を実際に確認する。

日本語で完成させる

  • 先に読み手、目的、結論、必要なページ、出力形式を決める。
  • 入力の出典と数値を確認し、万円・件・%・ポイントを区別する。架空条件と評価目標を実績に見せない。
  • 日本語の見出しは意味の区切りで改行し、数字と単位が不自然に分かれないようにする。
  • この作例は端末の游明朝・游ゴシック等を使い、Webフォントを埋め込んでいない。書体を替えたら全停止点を描画し直す。PPTXは対象外。
  • 原典の方式で実ファイルを生成し、全ページの本文、グラフ、図、ノート、移動を確認する。

再現と利用条件

完成例と再現キットはカタログの当該リポに掲載。環境と制約はreferences/WORKFLOW.mdに記載する。上流コードと書体の条件はupstream内の原文を保持し、カタログのCC0を上流へ適用しない。

現在の作例の実施範囲（Round4）

railだけを使い、5月企画→6月会場→7月案内→8月当日を連続して示す。月の間隔を広げて項目名を添え、停止画と自然な移動途中の両方で変化を確かめた。

  • 原典はrail/data/launch/zoom/canvas/kineticの6conceptとMP4 exportを持つ。今回制作したのはrailだけで、残り5conceptとMP4は未実施。
  • 内部localeはenのまま、日本語本文と端末字体を利用。日本語locale機能を実装した作例ではない。
  • 原典全体CIのWindowsパス3件不合格は旧実行記録を保持。今回のbuild/smokeと操作検査を、全CI合格へ読み替えない。印刷・縦長mobile・60fpsの定量確認も未実施。

全6頁の実描画と個別の動作証拠は制作側の確認。独立Kimi K3/Opus5.5の新しい版の評価は別に行う。過去の採点を新しい画像へ引き継がない。

리뷰

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

댓글

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

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

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

이 스킬의 문제 신고