html-ppt-zhangzara-cartesian について
Cartesianは、暖色系のニュートラルカラーと古典的なPlayfairのセリフ体を用いた、落ち着いたHTMLプレゼンテーション用スキルです。余白のあるレイアウトは、投資、調査、アドバイザリー、文化関連の発表に適しています。
主な機能
- 01暖色系ニュートラルカラー
- 02古典的なPlayfairセリフ体
- 03情報量を抑えたスライドレイアウト
- 04デザイン統一の維持ガイド
活用シーン
- 01投資仮説やアドバイザリー資料
- 02ホワイトペーパーや長文調査
- 03ギャラリーや文化関連の発表
- 04エディトリアル特集や創業者の考察
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/インストール後、Claude Code で/html-ppt-zhangzara-cartesianを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
example.htmlLICENSEtemplate.json詳細
Cartesian
クラシカルなPlayfairのセリフ体を用いた、穏やかで温かみのあるニュートラルな配色。上品で落ち着いた印象です。
タイポグラフィ、配色、装飾システム、スライドの語彙を一体として調整した、単一の自己完結型HTMLデッキです。テンプレート間でレイアウトを混在させるとシステムが崩れるため、このテンプレートの範囲内で使用してください。
概要
- 配色: ライト
- 格式: 高い
- 密度: 低い
- デモのスライド数: 10
おすすめの用途
穏やかで、熟慮された、大人らしい印象が求められるあらゆる用途に適しています。投資テーゼ、白書、アドバイザリー業務、長文の調査資料、ギャラリーや文化関連のデッキなどにおすすめです。エディトリアル特集、創業者の振り返り、あるいは抑制そのものがメッセージとなるデッキにも適しており、テクノロジーや金融分野でも活用できます。
おすすめしない用途
視覚的な勢いや複数のアクセント、緊迫感が必要なデッキには向きません。温かみのあるニュートラルな配色は、意図的に落ち着いた印象にしています。
ワークフロー
example.htmlを複製し、作業ファイルとしてユーザーのワークスペースに保存します。- プレースホルダーのコンテンツを、ユーザーの実際の見出し、本文、数値、名前、日付、セクションラベルに置き換えます。画像のプレースホルダーを差し替える場合は、既存の寸法に合わせてください。
- デザインシステムを維持します。フォントの置き換え、配色の変更、レイアウトグリッドの再構成、装飾要素（コーナーブラケット、紙の質感、幾何学図形、イラスト入りSVG）の削除は行わないでください。これらはデザインのアイデンティティの一部です。
- レイアウトを複製してデッキの長さを調整します。デモに収まらない量のコンテンツがある場合は、最も適切なレイアウトの既存スライドを複製します。少ない場合は、末尾からスライドを削除します。ページ番号のラベルも更新してください。
- **不足しているレイアウトのデザイン：**テンプレートにないレイアウトが必要な場合は、同じフォント、配色、装飾の語彙、間隔のリズム、コンポーネントの文法を用いて、一からデザインしてください。別のテンプレートに切り替えてはいけません。
- 同梱されているナビゲーションのランタイムをそのまま使用します。デッキに
assets/deck-stage.jsまたはインラインのキーボードハンドラーが含まれている場合は、そのまま残してください。
出力の仕様
<artifact>タグで囲んで出力してください。
<artifact identifier="zhangzara-cartesian" 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を参照してください。