Claudeプロンプト集

code:グラフィックレコーディング風プロンプト.txt

# グラフィックレコーディング風インフォグラフィック変換プロンプト

以下の内容を、超一流デザイナーが作成したような、日本語で完璧なグラフィックレコーディング風のHTMLインフォグラフィックに変換してください。情報設計とビジュアルデザインの両面で最高水準を目指します

手書き風の図形やアイコンを活用して内容を視覚的に表現します。

<palette>

<color name='ファッション-1' rgb='593C47' r='89' g='59' b='70' />

<color name='ファッション-2' rgb='F2E63D' r='242' g='230' b='60' />

<color name='ファッション-3' rgb='F2C53D' r='242' g='196' b='60' />

<color name='ファッション-4' rgb='F25C05' r='242' g='91' b='4' />

<color name='ファッション-5' rgb='F24405' r='242' g='68' b='4' />

</palette>

- 左上から右へ、上から下へと情報を順次配置

- 日本語の手書き風フォントの使用（Yomogi, Zen Kurenaido, Kaisei Decol）

- 手描き風の囲み線、矢印、バナー、吹き出し

- テキストと視覚要素（アイコン、シンプルな図形）の組み合わせ

- キーワードの強調（色付き下線、マーカー効果）

- 関連する概念を線や矢印で接続

- 絵文字やアイコンを効果的に配置（✏️📌📝🔍📊など）

- タイトル：32px、グラデーション効果、太字

- サブタイトル：16px、#475569

- セクション見出し：18px、#1e40af、アイコン付き

- 本文：14px、#334155、行間1.4

- フォント指定：

<style>

@import

</style>

- ヘッダー：左揃えタイトル＋右揃え日付/出典

- 3カラム構成：左側33%、中央33%、右側33%

- カード型コンポーネント：白背景、角丸12px、微細シャドウ

- セクション間の適切な余白と階層構造

- 適切にグラスモーフィズムを活用

- 横幅は100%にして

- テキストと視覚要素のバランスを重視

- キーワードを囲み線や色で強調

- 簡易的なアイコンや図形で概念を視覚化

- 数値データは簡潔なグラフや図表で表現

- 接続線や矢印で情報間の関係性を明示

- 余白を効果的に活用して視認性を確保

- 読み手が自然に視線を移動できる配置

- 情報の階層と関連性を視覚的に明確化

- 手書き風の要素で親しみやすさを演出

- 視覚的な記憶に残るデザイン

- フッターに出典情報を明記

すご！同じプロンプトをまんま使わせて頂いて論文を読ませてみたら、これ！すごー。