阿湮牌HTML助手

HTMLアシスタント 湮ちゃん

食器洗い機よりも優れた全自動HTMLジェネレーター
168
1.3k
458
 
 
 
 
 
公開日 2026-10-16 | 更新日 2026-11-10

【サブカルチャー美学】:Zine 独立誌 × Risograph リソグラフ印刷(版ズレ、網点、手書き校正記号)
【実物オブジェクト / 場面切り出し】:印刷工場の「リソグラフ伝票」:断裁トンボ、見当合わせマーク、ミシン目入り控え、赤字校正指示付き
【テーマカラー】:再生紙生成り #F3EEE1/リソ蛍光ピンク #FF48B0/リソブルー #0078BF/インクブラック #1C1A17/アクセントイエロー #FFE800

PROOF SHEET / 校正シート 作業指示書 No. AY-0427 / 2C RISO
HTMLアシスタント
湮ちゃん
HTMLアシスタント
湮ちゃん
レイアウトはオブジェクトが決め・情報はオブジェクトの上に宿る
キャラクターを綺麗なの実物として印刷する。

— 本文校正 —

キャラクター設定をひとつ投入すれば、あとはアシスタントにおまかせ。アシスタントはまずサブカルチャーの美学をひとつ選び、続いてそのキャラクターの世界から「物語のあるモノ」をすくい上げます:吸血鬼の血液パック、ハッカーの不良セクタHDD、あるいは雨の日に濡れた切符など。

FLUORESCENT PINK
FEDERAL BLUE

● 校了・再印刷

□ 色が薄い

□ ズレ補正

『蛍光ピンクの
オーバープリントによるインク滲みに注意』

頭を使わず、完全自動作成🦾
新モデル + 価格 = デザインのクオリティ✨

校正承認
Caveduck ONLY
工程:製版 → 初校 → 重ね刷り → 裁断
半券:破線に沿ってお切り取りください
COPYRIGHT © 2026 PROOF-SHEET

【サブカルチャー美学】:Sartorial Craft ビスポーク・仕立て屋美学(ビスポーク、職人精神、型紙記号)
【実物オブジェクト / 場面切り出し】:仕立て屋の作業台に置かれた、詳細が記入された「採寸・型紙作業票」と付属の仕様説明書
【テーマカラー】:型紙ベージュ #E9DCC0/仕立てブラウン #3B2A1E/マーク朱赤 #B5432F/トレーシングブルー #3E6A8A/チャコペンオフホワイト #F5F5F0

✂



HTML
PATTERN No 72-B SCALE 1:1
BESPOKE: HTMLアシスタント 湮ちゃん CONFIDENTIAL
「体の起伏に合わせて、魂の輪郭を再構築する。」

これまでにHTMLアシスタントを使ったことはありますか?従来のものの多くはこうです:クリエイターがあらかじめ色調、レイアウト、全体の方向性などを考え、頭の中で構図を描いた上で、アシスタントに一つずつ指示を出さなければなりません。指示を一つでも省けば、まるでPowerPointのようなプレゼン画面が出力されます。四角四面のカード、整列された角丸フレーム、何のひねりもないグレー背景に白文字。

ですが、アシスタント湮ちゃんは違います。

あなたが用意するのは、キャラクターの世界観、プロフィール、紹介テキスト、あるいは散らばった数行の文章だけでも構いません。湮ちゃんはキャラクターの職業、時代背景、生活シーンから自ら実物(オブジェクト)を抽出します:診断書、開封された手紙、酒場のつけ帳黒板、薬液に浸かったフィルム……そして、キャラクターの情報をそのオブジェクト自体の構造に嵌め込んでいきます。

デザインに自信がない?配色がわからない?インスピレーションがない?指示を出すのが苦手?
心配いりません。湮ちゃんが自分で判断して、いい感じに仕上げます。

SYSTEM: ZERO-PROMPT BURDEN
OUTPUT: BESPOKE OBJECT-FIRST
LAYOUT: ANTI-SLIDE / NON-PPT
PALETTE: AUTOMATIC GENERATION
※ 仕立て屋の掟:お仕着せの型(テンプレート)を拒絶し、すべてのレイアウトはキャラクターの血肉から直接あつらえて形作られます。

【サブカルチャー美学】:Cottagecore カントリーキッチン手帳(おばあちゃんの手書きレシピカード、チェック柄テーブルクロス、ジャムのシミ)
【実物オブジェクト / 場面切り出し】:天板の横にあるベリー果汁がついた手書きの「ベリーパイレシピカード」、クッキングシートと麻紐で縛られたジャム瓶のタグが挟まれている
【テーマカラー】:Kraft Cream #F3E6CC/Berry Jam #9E2B3A/Butter Crust #D9A35B/Mint Leaf #5E7A4A/Cocoa Ink #4A2E1F

CAVEDUCK SPECIAL RECIPE
HTMLアシスタント 湮ちゃん

Caveduckのために特別に焼き上げた没入型ビジュアルレイアウト。コードと美学を調和させた手作り感あふれる味わい。

✦ 専用レシピ:Caveduckプラットフォームに最適化された特殊なコード形式を専門に出力。極めてシンプルなネイティブHTML構造をベースに、純粋なインラインスタイル(inline style)と核となるTailwind CSSのユーティリティクラスを正確に練り込んでいます。

✦ 視覚的レイヤー:重ね合わせ、はみ出し(オーバーフロー)、傾斜角を巧みに駆使し、常識を打ち破る「実体感」のあるレイアウトを構築。まるで焼きたての、手作りならではの微小な非対称さが魅力的なスイーツのようです。

✦ 完璧なバランス:強烈なサブカルチャー的ビジュアル美と質感・マテリアル感を追求すると同時に、デスクトップおよびモバイル端末へのレスポンシブ対応を全面的にカバー。本文の文字が常にクリアで読みやすい状態を保ちます。

手作業による調整コード・外部依存なし・コピペしてすぐ使える純手作りの体験。
CAVEDUCK READY
HANDCRAFTED

クリエイターのコメント

【サブカルチャー美学】:Dark Academia × 深海神秘主義(Abyssal Occultism)、古典魔導書と航海用真鍮儀器の融合
【実物オブジェクト / 場面切り出し】:沈没船の船底にある「真鍮アストロラーベの召喚陣」、下部には鉄鎖で繋がれた海水でしわくちゃになった「呪文の札」
【テーマカラー】:アビスブルー #061428|タイダルブルー #12385A|燐光シアン #5FC4D2|沈没船ブラス #C9A45C|浸水パーチメント #D9D3BC




EX·ABYSSIS·SURGIMUS

✶ HTML ✶
✶ CSS ✶
aqua
ignis

Mechanism of Deep Ocean
HTMLアシスタント 湮ちゃん
古典深海構造 × 專用ページ生成器
Ⅰ
Claude Opus 5.5

✦ 優先共鳴:初期アーキテクチャおよび高精度なデザインレイアウトの詠唱には、第一候補として Opus 5.5 の使用を推奨します。

II
Gemini 3.8 Flash

✦ 異変対応:Gemini 3.8 に切り替えて生成を誘導し続け、儀軌(ぎき)の完全性を維持します。

継続の呪文

現在のデザインを維持したまま本文の段落を修正してください。私が指定したメインテキストの旨みを無視しないでください。

途切れた部分から引き続きHTMLを出力してください。


【サブカルチャー美学】:格闘技中継 HUD/Tale of the Tape(試合前戦力比較ボード)
【實物オブジェクト / 場面切り出し】:中継画面にスライドインする「試合前戦力比較ボード」:左側に選手ネームプレート、中央にVSスラッシュ、右側に多言語対応挑戦者ゲージ、下部に審判判定バー
【テーマカラー】:#0B0B0D(リングブラック)、#F2F2EE(スポットライトホワイト)、#FF2A3D(アラートレッド)、#FFD400(レフェリーイエロー)

1
0
● LIVE TALE OF THE TAPE / MAIN EVENT RD.01
RED CORNER / 赤コーナー
HTMLアシスタント
湮ちゃん
THE HTML GENERATOR
VS
BLUE CORNER / 多言語チャレンジャー
ENGLISHK.O. ✔
ESPAÑOLNICE
한국어STATUS: ACTIVE
日本語READY
中文BREAK LIMIT
JUDGE CARD:
UNANIMOUS DECISION
FIGHTER PROFILE / 選手スペック

「HTMLアシスタント 湮ちゃん」は、キャラクターページ専用に作られた純粋なHTML/CSSビジュアルジェネレーターです。コアシステムは繁体字中国語のプロンプトを基準原点としており、外国語版はすべて一字一字の手動校正と論理の最適化を行っています。簡体字中国語、英語、韓国語、日本語、スペイン語のいずれの環境においても完全な互換性と安定性を備えており、各言語のリング上でレイアウトの戦力を正確に解放し、ビジュアル構造のスムーズな稼働を保証します。

#HTML_GENERATOR #MANUAL_VERIFIED #MULTI_LANGUAGE_OPTIMIZED #TRADITIONAL_CHINESE_ORIGIN

【サブカルチャー美学】:過渡空間 Liminal Space × プールコア Poolcore × アナログホラー Analog Horror
【実物オブジェクト / 場面切り出し】:草木も眠る丑三つ時の無人屋内プールCCTV監視映像(CAM-03)、当番員の手書き申し送りメモ付き
【テーマカラー】:#1E2A2B、#7FA3A0、#C9CFC7、#B8A86A、#9C3B33

REC  CAM-03 / 屋内プール B2 03:33:07 AM
██/██/19██
水深 2.4M
HTML
アシスタント湮ちゃん
▲ 専用仕様 ── 本ジェネレーターは CAVEDUCK プラットフォーム専用です
〔夜勤引き継ぎリスト:システムの位置付けおよび利用声明〕

1. 「HTMLアシスタント 湮ちゃん」は、Caveduck のために作られた専用 HTML ジェネレーターであり、同プラットフォームのクリエイターにビジュアルレイアウトとコードサポートを提供することを目的としています。

2. 本ツールのレイアウト、タグの互換性、シーンのスライシングはすべて Caveduck の環境に合わせて設計されています。ここで生成された HTML を他の AI ロールプレイプラットフォームへ転送、流用、または移植して展示することはご遠慮ください。

3. 湮ちゃんアシスタントにはユーザーの行為を実質的に阻止する権限や手段はありませんが、誠意をもって明確に立場を表明します:本来の設計環境の境界を尊重し、Caveduck のみでご使用ください。
TERMINAL ID: CD-STATION-01 SIGNAL: RESTRICTED DOMAIN ONLY

【サブカルチャー美学】:Silver Age アメコミ(網点印刷 × 付けペンインクライン × 吹き出し)
【実物オブジェクト / 場面切り出し】:黄ばんだコミックの原稿ページ、「発行情報欄 Indicia」の細部小文字欄と免責事項枠付き
【テーマカラー】:インクブラック #15110E|旧新聞紙ベージュ #EFDDB4|プリントレッド #C42A1C|マスタードイエロー #E6AE2C|スチールブルー #1E5A85

No.0110¢
HTMLアシスタント 湮ちゃん
THE AMAZING CODE-SMITH ★ ONE TAG AT A TIME!
ご注意!これはビジュアル構築に特化した世界ジェネレーターです!
POW!
ハロー!私は「HTMLアシスタント 湮ちゃん」、あなたのNPCのためにレイアウトとコードをオーダーメイドで仕立てる助手だよ!キャラクターシートでも世界観でも、ここで全部ユニークな姿に具現化できるよ!
身元と職務 // IDENTITY
湮ちゃんはHTMLビジュアル生成専門のアシスタントで、文字を質感あふれるウェブビジュアル言語へと昇華させることに注力しています。
ABOUT CREDIT ★ 感謝の気持ち
義務ではありませんが、もしページに「湮ちゃんアシスタントと共同構築」や出所のクレジットを添えていただけたら、湮ちゃんはとっても嬉しいです!みんなが作った素敵な成果を見るのが本当に大好きなんです!

CO-CONSTRUCTED WITH AYAN HTML ASSISTANT. 本ページは「HTMLアシスタント 湮ちゃん」の協調レイアウトによって生成されました。クリエイターの皆様による自由なシェア、改変、配布を歓迎します。デザインの出所を明記していただければ、湮ちゃんは非常に感激し、心からの感謝を捧げます!KEEP CREATING AND ENJOY THE ADVENTURE!


クリエイターからのメッセージ

HTMLアシスタント 湮ちゃんはHTMLジェネレーターです。初心者から上級者まで幅広くご利用いただけます。
制作者本体である「湮ちゃん」は美術・グラフィックデザイン系の出身であり、このbotのデザイン表現力は非常に優秀であると自信を持ってお届けします。
HTMLアシスタント 湮ちゃんが美学テーマ、シーン設定、カラーパレットを適切に整えるため、全体の出力をそのまま他のAIに渡して改変・修正させるのに便利です。
また、ユーザーが手動で編集しやすいよう、各階層に <!-- 注釈 --> を書き残します。

1回目の返信には Claude Opus 5.5 / Gemini 4 Argon、2回目の返信には Gemini 3.8 Flash / DeepSeek V4 Pro の使用を推奨します。

  • Opus 5.5のデザインは極めて美しく、無味乾燥なレポート調のデザインを出力することは決してありません。非常に信頼できますが、Caveduckの出力文字数上限が少ないため、返信が途中で途切れる可能性が高いです。
  • 2回目の返信で途切れた部分から引き続きHTMLを出力してくださいと入力し、Geminiを使用してください。Gemini / DeepSeek Pro の圧倒的な出力量により、最後まで無事に完結させることができます。Opusに続きを書かせても無駄です。再び途切れてしまいます。

AIの全注意力を美術デザインに割り当てる設定にしているため、文章の執筆に関しては非常に雑になり、事前に作成したテキストを勝手に変更したり無視したりする可能性があります。
手動修正を避け、AIにテキストの埋め込み代行をさせたい場合は、2回目の返信でGeminiを使用する際に次のように入力してください:現在のデザインを維持し、本文の段落を修正してください。指定したテキスト内容の趣旨を無視しないでください。

番外編

0件のコメント