HTML Everything
テキスト、アウトライン、アイデアを、美しくデザインされた自己完結型のHTMLページに変換します。厳選された15のスタイルから選択でき、それぞれがタイポグラフィ、カラーパレット、レイアウトの流れを固定しているため、同じプロンプトから毎回視覚的に一貫したページが生成されます。スタイルカードをクリックしてプロンプトを読み込み、{{CONTENT}}にコンテンツを入力して生成しましょう。
15 Styles. Every Format You Actually Need.
Each style is a complete visual system — typography, color palette, layout, and spacing — locked into a single prompt. From minimal documentation pages to bold Brutalist layouts, your content looks intentional every time.
使い方
Three Steps to a Finished HTML Page
コンテンツを貼り付ける
素のテキスト、箇条書き、会議の要約、商品説明など、何でも貼り付けてください。特別な書式は不要です。
スタイルを選ぶ
ドキュメント、スライド、マーケティング、エディトリアルにわたる15の厳選ビジュアルスタイルから選べます。どのスタイルも、どんなコンテンツを渡しても一貫した仕上がりになります。
HTMLを受け取る
Happycapyが完全に自己完結したHTMLファイルを生成します。外部依存もなく、追加のセットアップも不要です。どのブラウザでも開け、どこにでも公開できます。
こんな方に
Built for people who communicate for a living
プロダクト・エンジニアリングチーム
社内メモや仕様書を、CSSファイルに触れることなく共有可能なドキュメントページに変えられます。
創業者・経営者
デザイナーを雇わなくても、洗練されたピッチ資料、ワンページャー、投資家向けアップデートを作れます。
ライターと研究者
エッセイ、レポート、長文記事を、プロ品質の組版で一手に公開できます。
AI生成テキストを扱う方
AIが生成したテキストを扱う人なら誰でも、素のLLM出力に整った読みやすい構造をすぐに与えられます。
成果を左右する6つのプロンプト設計のコツ
プロンプトの書き方のわずかな違いが、出力に最も大きな差を生みます。
コンテンツの構造をスタイルのレイアウト枠に合わせる
どのスタイルにも、統計の行、引用の抜き出し、コールアウトボックス、コードブロック、番号付きステップといった特定のビジュアル要素が組み込まれています。入力にそれらの要素が含まれていると、ちょうど適切な場所に配置されます。長文エッセイなら、強調したい統計を3つと独立した引用を1つ含めましょう。ターミナル/ランブックなら、番号付きステップを入れ、アラートをINFOやWARNとラベル付けします。レイアウトが期待するものを与えれば、出力はきれいに埋まります。
各セクションに明示的なラベルを付ける
情報を文章の中に埋め込んで、モデルに解釈させようとしないでください。数値を段落に織り込むのではなく、「主要指標: 継続率42%、ARR 200万ドル、18か月」と書きましょう。明示的なラベルはより良いレイアウト配置を生みます。入力が構造化されているほど、HTMLも構造化されます。
スライド系スタイルは段落ではなくスライドで考える
Keynote Modern、Minimal Pitch、Swiss Internationalは、独立したスライド単位を軸に作られています。入力をスライドの内容として構成しましょう。表紙、課題、解決策、トラクション、依頼といった形です。流れるような文章をスライド系スタイルに流し込むと弱い結果になります。箇条書きの構造と明確な区切りがシャープな仕上がりを生みます。
一番強い一文を先頭に置く
どのスタイルも、最も目立つビジュアル要素を上部に配置します。ヒーロー見出し、冒頭のディスプレイ文字、主要な統計です。コンテンツの最初に来るものが支配的なメッセージになります。文脈の段落ではなく、最もキレのある一文で始めましょう。文脈は2番目で構いません。
コンテンツ量をフォーマットに合わせる
Twitter / X Cardは4〜6の短い段落をうまく表示しますが、2,000語のエッセイはこのフォーマットに収まりません。Magazine Posterは、詳細な本文ではなく、一つの力強い見出しと短いセルコピーを必要とします。貼り付ける前にスタイルの説明を読みましょう。コンテンツ量のミスマッチは、出力が崩れて見える最も一般的な原因です。
スタイル固有の要素を明示して有効化する
コンテンツが明示的に求めたときにだけ現れる要素もあります。Meeting Notesなら、タスク、担当者、期限を含む明確な「アクション項目」セクションを入れましょう。テーブル要素はその構造から生成されます。Vintage Magazineなら、引用として抜き出したい一文を書き、はっきり印を付けます。Minimal Pitchなら「調達額」の行を含めると、依頼スライドが正しくレンダリングされます。要素を示せば、その要素が得られます。
よくある質問
このツールではどのようなコンテンツを使用できますか?
Happycapyは、議事録、アウトライン、エッセイ、商品説明、リサーチ要約など、入力または貼り付け可能なあらゆるプレーンテキストコンテンツに対応しています。選択したスタイルを入力されたコンテンツに適用し、完全なHTMLページとして出力します。入力に特別なフォーマットは必要ありません。
「自己完結型HTML」とはどういう意味ですか?
Happycapyが生成するHTMLファイルには、正しく表示するために必要なすべての要素が含まれています。スタイル、レイアウトルール、タイポグラフィはすべてファイル内に直接埋め込まれます。外部のスタイルシートやフレームワークに接続する必要はありません。ファイルはどのブラウザでも正しく開き、そのまま公開・共有できます。
生成されたHTMLを自分のウェブサイトで使用できますか?
はい、可能です。出力される標準的なHTMLは、あらゆる用途に合わせて埋め込み、公開、カスタマイズできます。Happycapyがファイルを生成し、そのファイルは完全にあなたのものになります。
スタイルのカテゴリーにはどのような違いがありますか?
スタイルは用途別にグループ分けされています。Docスタイルは、ドキュメント、エッセイ、議事録など読みやすい長文コンテンツに最適化されています。Deckスタイルは、スライドやプレゼンテーション向けにデザインされています。Marketingスタイルは、ランディングページ、編集レイアウト、ソーシャルメディア向けフォーマットをカバーします。Specialスタイルには、ターミナル風のランブックのような技術的なフォーマットや、クリエイティブなダークモードレイアウトが含まれます。
このツールを使うのにアカウントや技術的な知識は必要ですか?
技術的な知識は一切必要ありません。HTMLとCSSの生成はすべてHappycapyが処理します。コンテンツを入力してスタイルを選ぶだけで、すぐに使える完成したファイルが生成されます。
