deck-magazine-web について
雑誌と電子ペーパーの雰囲気を組み合わせた、横スワイプ式 HTML プレゼンテーションを作るスキルです。章の幕ページ、データの大数字、画像グリッド、引用ページを備え、キーボード操作と URL の hash 同期に対応します。
主な機能
- 01横スワイプ式 HTML スライド
- 02セリフ体の表紙と WebGL 流体背景
- 03章の幕ページ
- 04大きな数字のデータページと画像グリッド
- 05キーボード操作と hash 同期
活用シーン
- 01雑誌風の横型プレゼンテーション作成
- 02大きな数字や画像グリッドによる内容提示
- 03キーボードでの閲覧と現在ページ URL の共有
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/deck-magazine-webを入力して読み込まれたか確認します。
同梱ファイルexample.html
詳細
【テンプレート：雑誌風ウェブPPT (magazine-web-ppt)】 【意図】横スワイプ式HTMLデッキ、雑誌 × 電子ペーパー調。 【レイアウト】
- カバー（セリフ体のディスプレイフォント + WebGL流体背景）
- 章の扉ページ
- 大きなデータ表示ページ（巨大な数値1つ + 説明文1文）
- 画像グリッドページ
- 名言ページ（Sunday-paper風） 【デザインの詳細】
- フォント：Playfair / Noto Serif SCのディスプレイ用 + Inter / 思源sansの本文用
- キーボードの ← / → で切り替え、ハッシュと同期
コメント
Markdown 対応