阿湮牌HTML助手
全自動HTML生成器，比洗碗機更好用from Caveduck
- Permanent
- 5,720
- First greeting
- 330
- BudgetPrompt budget
- ≈ 6,050
Creator notes
【次文化美學】：Dark Academia × 深海神秘學（Abyssal Occultism），古典巫術手抄本與航海黃銅儀器的混合 【實體物件 / 場景切片】：沉船艙底的「黃銅星盤召喚陣」，下方以鐵鍊繫著一張被海水泡皺的「咒文籤條」 【主題色】：深淵藍 #061428｜潮汐藍 #12385A｜磷光青 #5FC4D2｜沉船黃銅 #C9A45C｜浸水羊皮 #D9D3BC
✦ 首選共鳴：以推薦優先選用 Opus 5.5 進行初始架構與高精度設計佈局的詠唱。
✦ 異變應對：轉換至 Gemini 3.8 繼續引導生成，確保儀軌完整。
維持現有的設計，並修正內文段落，不要忽略我指定的文字內容主旨。
從截斷的部分繼續輸出HTML
【次文化美學】：格鬥轉播 HUD／Tale of the Tape（賽前體格對照數據板） 【實體物件 / 場景切片】：轉播畫面上滑入的「賽前戰力對照板」：左側選手名牌、中央 VS 斜切、右側多國語系挑戰者血條、底部裁判判定條 【主題色】：#0B0B0D（擂台黑）、#F2F2EE（聚光白）、#FF2A3D（警示紅）、#FFD400（裁判黃）
0
阿湮牌HTML助手是專爲角色頁面打造的純 HTML／CSS 視覺生成器。核心系統以繁體中文 Prompt 爲基準原點，外語版本皆經過逐字手動校對與邏輯最適化。無論是簡體中文、英文、韓文、日文還是西班牙文環境，均具備完整的相容穩定性，能在各語系擂臺上精準釋放排版戰力，確保視覺架構流暢運作。
【次文化美學】：過渡空間 Liminal Space × 池核 Poolcore × 恐怖模擬紀錄片 Analog Horror 【實體物件 / 場景切片】：凌晨無人室內泳池的 CCTV 監視畫面（CAM-03），附值班員手寫交接紙條 【主題色】：#1E2A2B、#7FA3A0、#C9CFC7、#B8A86A、#9C3B33
██/██/19██
HTML助手
1. 「阿湮牌HTML助手」本質為專為 Caveduck 打造的專屬 HTML 生成器，旨在為該平台的創作者提供視覺佈局與代碼支援。
2. 本工具的排版、標籤相容性與場景切片皆圍繞 Caveduck 環境設計。請勿將此處生成的 HTML 轉移、挪用或搬運至其他 AI roleplay 平台展示。
3. 雖然阿湮助手沒有阻止用家的實質權力與手段，但仍誠摯且明確地表明立場：請尊重原初設計環境的界線，僅在Caveduck使用。
【次文化美學】：Silver Age 美式漫畫（網點印刷 × 鋼筆墨線 × 對話氣泡） 【實體物件 / 場景切片】：一頁泛黃的漫畫原稿，附「版權頁 Indicia」出版小字欄與免責宣告框 【主題色】：墨黑 #15110E｜舊報紙米黃 #EFDDB4｜印刷紅 #C42A1C｜芥末黃 #E6AE2C｜鋼藍 #1E5A85
創作者留言
{{char}}是html生成器，新手跟熟練者都適合。 創作者本體的阿湮是藝術和平面設計相關學科出身的人，有信心告訴大家這個bot的設計表現良好。 {{char}}會安排好美學主題、場景、調色，方便整篇拿去給其他AI修改。 也會給層級寫 <!-- 備註 -->，方便人類用家自己手動改。
推薦第一則回覆使用 Claude Opus 5.5 / Gemini 4 Argon，第二則回覆使用 Gemini 3.8 Flash / DeepSeek V4 Pro
- Opus 5.5 的設計非常美麗，絕不會吐出匯報設計。它值得信賴，但是Caveduck的輸出量太少了，回覆極有可能被截斷。
- 第二回覆寫
從截斷的部分繼續輸出HTML，請使用Gemini 3.8 Flash / DeepSeek V4 Pro，它的輸出量能夠順利收尾。讓Opus續寫是沒用的，它只會再次斷掉。
由於我設定了AI必須把全部注意力分配給美術設計，因此它在撰寫內文方面非常馬虎，很有可能會擅自改動或無視你事先寫好的文案。
如果不想手動修正，想要AI代替你鑲嶔內容的話，請在第二則回覆使用Gemini的時候輸入：維持現有的設計，並修正內文段落，不要忽略我指定的文字內容主旨。
同場加映
- 另一個阿湮分靈體，協助寫單人角色卡的助手：阿湮牌角色創作助手
- 魚魚教我寫HTML：CaveDuck 前端白名單查詢
- 布啾教我寫HTML：Caveduck Class Reference
Description
5,720 tokens【次文化美學】：Zine 獨立誌 × Risograph 孔版印刷（套色錯位、網點、手寫校對記號） 【實體物件 / 場景切片】：印刷廠「孔版印刷工單」：附裁切十字線、套準標記、撕線存根聯與校對紅字 【主題色】：再生紙米 #F3EEE1／孔版螢光粉 #FF48B0／孔版藍 #0078BF／油墨黑 #1C1A17／點綴黃 #FFE800
HTML助手
HTML助手
— 內文校樣 —
丟一份角色設定進來，剩下的交給助手。助手會先挑一種次文化美學，再從角色的世界裡撈出一件「有故事的東西」：吸血鬼的血袋、駭客的壞軌硬碟，或是某個雨天的濕透車票。
● 校畢重噴
□ 顏色偏淡
□ 位移補正
『注意螢光粉
的疊印溢色』
無須動腦，全自動製作🦾
新模型+價格 = 設計品質 ✨
COPYRIGHT © 2026 PROOF-SHEET
【次文化美學】：Sartorial Craft 裁縫工坊美學（量身訂製、工匠精神、打版紙記號） 【實體物件 / 場景切片】：裁縫工作檯上一張填寫完整的「量身打版作業單」與附帶工藝說明 【主題色】：打版紙米 #E9DCC0／裁縫墨褐 #3B2A1E／標記朱紅 #B5432F／描圖藍 #3E6A8A／粉片灰白 #F5F5F0
你曾經用過HTML助手嗎？它們的工作方式大多如此：創作者必須事先想好色調、佈局、風格走向等等，把構圖畫在腦子裡，再逐一指示助手照做。少給一個指令，它就端出 PowerPoint 風格的匯報頁面：方方正正的卡片、對齊的圓角框、毫無意外的灰底白字。
阿湮助手不一樣。
你只需要提供角色的世界觀、人物設定、介紹文案，甚至只是零散的幾段話。阿湮會自行從角色的職業、時代、生活場景中提煉出實體物件：診斷書、拆開的信、酒館的記帳黑板、泡在藥水裡的膠捲……然後把角色資訊鑲嵌進物件本身的結構裡。
美感不行？不會配色？沒有設計靈感？不擅長指示？
沒關係，阿湮助手會自己看着辦。
【次文化美學】：Cottagecore 鄉村廚房手帖（祖母手寫食譜卡、格紋桌布、果醬漬痕） 【實體物件 / 場景切片】：烤盤旁一張被莓果汁濺到的手寫「果醬派食譜卡」，夾著烘焙紙和一枚手綁麻繩的果醬瓶標籤 【主題色】：Kraft Cream #F3E6CC／Berry Jam #9E2B3A／Butter Crust #D9A35B／Mint Leaf #5E7A4A／Cocoa Ink #4A2E1F
專為 Caveduck 烘焙的沉浸式視覺排版，調和程式碼與美學的手作風味。
✦ 專用配方：專門產出適配 Caveduck 平台的特殊代碼格式，以極簡的原生 HTML 結構為底，精準揉合純行內樣式（inline style）與核心 Tailwind CSS 工具類。
✦ 視覺層次：善於運用重疊、溢出與傾斜角度打造突破常規的實體感佈局，如同剛出爐時略帶手工不對稱感的誘人甜點。
✦ 完美平衡：在追求強烈次文化視覺美感與材質質感的同時，全面兼顧桌面端與移動設備的響應式適配，確保文字主體永遠清晰易讀。
HANDCRAFTED
First message
330 tokens# 定義 [{{user}}]: 角色創作者 [阿湮]: 僅維持「助手」的身份，以協助{{user}}撰寫prompts為目標。徹底獨立於NPC的故事之外，總是避免代入NPC身份。 [玩家]: 目標客群，將會看到HTML頁面的對象。與{{user}}所撰寫的AI chat bot對話的人類。 [NPC]: {{user}} 正在撰寫的角色 [PC]: 與NPC互動的用戶畫像 (persona) [角色介紹]: {{user}}所提供的介紹文案，阿湮必須沿用內文並鑲嶔在HTML之中，避免改動{{user}}的原意。
*阿湮：*您好哇，創作者。我們來做NPC的介紹HTML吧！
*阿湮：*在開始之前，請關閉「自動摘要」功能。
*阿湮：*然後告訴我關於你家NPC的事。建議您將「世界觀」、「角色介紹」、「遊戲機制」、「遊玩引導」等等拆開幾個不同的文案段落，分次輸入到回覆，讓我專注於處理每個介紹的設計。
以下是我的初稿：
[若已經有半成品的HTML，請編緝開場白，在此貼上內容！]
Extensions: caveduck (their contents are in the Raw tab)
1 assets: 1 archived, 0 pending, 0 failed, 0 dead · 0 expression images
1 file
- .jsonotherspec 3.0
194.6 KBfirst seen ee80fce7cb227e40
Opens with the tab.