html-ppt-zhangzara-signal について
Signal は、ネイビー、紙色、落ち着いたゴールドを用いる自己完結型の HTML プレゼンテーションスキルです。投資家向け資料、取締役会資料、政策ブリーフなど、フォーマルで情報量の多い資料を対象とします。
主な機能
- 01ネイビー、紙色、ゴールドの配色
- 02統一された書体とスライドレイアウト
- 03レイアウト複製による枚数調整
- 04同梱ナビゲーションランタイムの維持
- 05上流の MIT ライセンスの同梱
活用シーン
- 01投資家向けまたは取締役会向け資料の作成
- 02コンサルティングや政策関連の成果物の準備
- 03研究内容のフォーマルな提示
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/インストール後、Claude Code で/html-ppt-zhangzara-signalを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
example.htmlLICENSEtemplate.json詳細
Signal
骨のような色合いの紙に、深いネイビーの背景と控えめなゴールドのアクセントをひとつ。落ち着いた重厚感のある、格式高いデザインです。
ひとつの自己完結型 HTML デッキです。タイポグラフィ、配色、装飾のシステム、スライドの表現は、すべて一体となるよう調整されています。異なるテンプレートのレイアウトを混ぜるとシステムが崩れるため、このテンプレートの範囲内でご使用ください。
概要
- 配色: ミックス
- 格式: 高
- 情報密度: 高
- デモのスライド数: 18
おすすめの用途
重厚で、熟慮され、信頼に足る格式を感じさせたい場面全般に適しています。たとえば、投資家向けデッキ、取締役会向けプレゼンテーション、コンサルティングの成果物、法律・政策関連のブリーフ、アドバイザリーの提案などです。大げさな印象ではなく、静かな権威を感じさせたいテック、研究、ブランド関連の制作にも適しています。
おすすめしない用途
熱気やスピード感、意図的な遊び心を感じさせたい場面には向きません。ネイビーとゴールドを抑制的に使うデザインは、落ち着いた語り口を前提としています。
ワークフロー
- 作業ファイルとして、
example.htmlをユーザーのワークスペースに複製します。 - プレースホルダーの内容を、ユーザーの実際の見出し、本文、数値、名前、日付、セクションラベルに置き換えます。画像のプレースホルダーを差し替える際は、既存の寸法に合わせます。
- デザインシステムを維持します。フォントの置き換え、配色の変更、レイアウトグリッドの再構成、装飾要素（コーナーブラケット、紙の粒子感、幾何学模様、イラスト入り SVG）の削除は行わないでください。これらはデザインのアイデンティティを形作る要素です。
- レイアウトを複製してデッキの長さを調整します。デモに収まらないほどユーザーのコンテンツが多い場合は、最も適した既存レイアウトのスライドを複製します。少ない場合は、末尾からスライドを削除します。ページ番号のラベルも更新します。
- 不足しているレイアウトの作成： スライドにテンプレートにないレイアウトが必要な場合は、同じフォント、配色、装飾の表現、余白のリズム、コンポーネントの文法を使って一から作成します。別のテンプレートに切り替えないでください。
- 同梱されているナビゲーションの実行時コードはそのまま維持します。デッキに
assets/deck-stage.jsまたはインラインのキーボードハンドラーが含まれている場合は、変更せずに残します。
出力仕様
<artifact>タグで囲んで出力します。
<artifact identifier="zhangzara-signal" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>
ソースとライセンス
上流の MIT ライセンスのzarazhangrui/beautiful-html-templatesから取り込まれています。
原著作権表示を含む上流の MIT ライセンス全文は、このスキル内のLICENSEに含まれています。example.html、template.json、またはベンダー提供のassets/ランタイムのコピーを再配布する際は、ライセンスも併せて再配布する必要があります。上流のメタデータのスナップショットについては、template.jsonを参照してください。