Editorial-magazine presentation

概覽使用案例技能提示詞定價部落格更新

Editorial-magazine presentation

madeBy

YYouMind Official

installedBy

categoryLabelwebpage

fromYouMind

Editor's Pick

淡

Featured by

淡苍

Why we love this skill

這款技能能將你的內容轉化為獨特風格的「電子雜誌×電子墨水」網頁PPT，融合WebGL流體背景與精緻排版，讓演示充滿藝術感與高級質感，告別傳統PPT的沉悶。

指令

記住一定要使用Webpage 來生成，必須詢問使用者用什麼語言輸出。

產生"電子雜誌× 電子墨水"風格的橫向翻頁網頁PPT（單HTML 檔案），含WebGL 流體背景、襯線標題+ 非襯線正文、章節幕封、資料大字報、圖片網格等範本。當使用者需要製作分享/ 演講/ 發表會風格的網頁PPT，或提到"雜誌風PPT"、"horizontal swipe deck"、"editorial magazine"、"e-ink presentation"時使用

# Magazine Web Ppt

## 這個Skill 做什麼

產生一份**單一檔案HTML**的橫向翻頁PPT，視覺基調是：

- **電子雜誌+ 電子墨水**混合風格

- **WebGL 流體/ 等高線/ 色散背景**（hero 頁可見）

- **襯線標題（Noto Serif SC + Playfair Display）+ 非襯線正文（Noto Sans SC + Inter）+ 等寬元素資料（IBM Plex Mono）**

- **Lucide 線性圖示**（不用emoji）

- **橫向左右翻頁**（鍵盤← →、滾輪、觸控螢幕滑動、底部圓點、ESC 索引）

- **主題平滑插值**：翻到hero 頁時顏色和shader 柔順過渡

這個skill 的美學不是"商務PPT"，也不是"消費互聯網UI"——它像*Monocle* 雜誌貼上了代碼後的樣子。

## 何時使用

**合適的場景**：

- 線下分享/ 業界內部演講/ 私享會

- AI 新產品發布/ demo day

- 帶有強烈個人風格的演講

- 需要"一次做完，不用翻頁工具"的網頁版slides

**不合適的場景**：

- 大段表格資料、圖表疊加（用常規PPT）

- 訓練課件（資訊密度不夠）

- 需要多人協作編輯（這是靜態HTML）

### Step 1 · 需求澄清(**動手前必做**)

**如果使用者已經給了完整的大綱+ 圖片**,可以跳過直接進Step 2。

**如果使用者只給了主題或一個模糊想法**,用這6 個問題逐個對齊後再動手。不要基於猜測就開始寫slide－一旦結構定錯,後期翻修代價很高: 提問時你可以用askUserQuestion tool

#### 6 問澄清清單

| # | 問題| 為什麼要問|

|---|------|-----------|

| 1 | **受眾是誰?分享場景?**(行業內部/ 商業發布/ demo day / 私享會) | 決定語言風格和深度|

| 2 | **分享長度?** | 15 分鐘≈ 10 頁,30 分鐘≈ 20 頁,45 分鐘≈ 25-30 頁|

| 3 | **有沒有原始素材?**(文檔/ 資料/ 舊PPT / 文章連結) | 有素材就基於素材,沒有就幫他搭|

| 4 | **有沒有圖片?放在哪裡?** | 詳見下方"圖片約定" |

| 5 | **想要哪套主題色?** | 見@themes.md ,5 套預設挑一|

| 6 | **有沒有硬約束?**(必須包含XX 資料/ 不能出現YY) | 避免返工|

#### 大綱協助(如果使用者沒有大綱)

用"敘事弧"模板搭骨架,再填內容:

```

鉤子(Hook) → 1 頁: 拋出一個反差/ 問題/ 硬數據讓人停下來

定調(Context) → 1-2 頁: 說明背景/ 你是誰/ 為什麼要講這個

主體(Core) → 3-5 頁: 核心內容,用Layout 4/5/6/9/10 穿插

轉折(Shift) → 1 頁: 打破預期/ 提出新觀點

收束(Takeaway) → 1-2 頁: 金句/ 懸念問題/ 行動建議

```

敘事弧+ 頁數規劃+ 主題節奏表(見@layouts.md ),**三張表對齊後**再進Step 2。

大綱建議儲存為`項目記錄` 或`大綱-v1`,便於後續迭代。

#### 圖片約定(告知使用者)

在動手之前向用戶說清:

- **圖片位置**: 是board 中的哪張圖片，或是上傳的哪張圖片

- **沒圖怎麼辦**:和使用者對齊,可以先用佔位色塊生成結構,等圖片後期補;但要告知layout 4/5/10 等圖文混排頁沒圖就沒法驗證視覺效果

### Step 2 · 參考模板

@template.txt是一個**完整可運行**的html 檔案－CSS、WebGL shader、翻頁JS、字體/圖示CDN 全已預設好，只有`

` 裡面是3 個範例slide（封面、章節幕封、空白填頁）

#### 2.1 · 必改佔位符（**容易漏**）

拷貝後立刻改掉以下佔位符，否則瀏覽器Tab 會顯示"[必填] 替換為PPT 標題"這種尷尬文字：

| 位置| 原| 需改為|

|------|------|--------|

| `` | `[必填] 替換為PPT 標題· Deck Title` | 實際deck 標題(如`一種新的工作方式· Luke Wroblewski`) |</p><p></p><p> #### 2.2 · 選取主題色(5 套預設· 不允許自訂)</p><p></p><p>本skill **只允許從5 套精心調配的預設裡選一套**,不接受用戶自訂hex 值－顏色搭配錯了畫面瞬間變醜,保護美學比給自由更重要。</p><p></p><p> | # | 主題| 適合|</p><p> |---|------|------|</p><p> | 1 | 🖋 墨水經典| 通用/ 商業發布/ 不知道選啥的預設|</p><p> | 2 | 🌊 靛藍瓷| 科技/ 研究/ 數據/ 技術發布會|</p><p> | 3 | 🌿 森林墨| 自然/ 永續/ 文化/ 非虛構|</p><p> | 4 | 🍂 牛皮紙| 懷舊/ 人文/ 文學/ 獨立雜誌|</p><p> | 5 | 🌙 沙丘| 藝術/ 設計/ 創意/ 畫廊|</p><p></p><p> **操作**:</p><p> 1. 基於內容主題推薦一套,或直接問用戶選哪一套</p><p>2. 開啟<span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57" data-mention-type="oss_file" class="mention-file">@themes.md</span> ,找到對應主題的`:root` 區塊</p><p>3. **整體替換** <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span>開頭`:root{` 區塊裡標示"主題色"註解的那幾行(`--ink` / `--ink-rgb` / `--paper` / `--paper-rgb` / `--paper-tint` / `--ink-tint)</p><p> 4. 其他CSS 都走`var(--...)`,無需任何其他改動</p><p></p><p>**硬規則**:</p><p> - 一份deck 只用一套主題,不要中途換色</p><p>- 不要接受用戶給的任意hex 值－委婉拒絕並展示5 套讓選</p><p>- 不要混搭(例如ink 取墨水經典、paper 取沙丘)——會徹底違和</p><p></p><p>### Step 3 · 填充內容</p><p></p><p>#### 3.0 · 預檢:類別名稱必須在<span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span>裡有定義（**最重要**）</p><p></p><p> **這是所有生成問題的源頭**。 <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span>的骨架使用了許多類別名稱(`h-hero` / `h-xl` / `stat-card` / `pipeline` / `grid-2-7-5` 等),如果`assets/template.html` 的`<style>` 裡沒有對應定義,瀏覽器會變成大字頭樣式一檔標題、下段式資料框糊成一行、圖片堆到頁面底部。</p><p></p><p> **在寫任何slide 程式碼之前:**</p><p></p><p> 1. **先Read <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span> **(至少讀到`<style>` 區塊結尾)</p><p> 2. **對照<span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span>的Pre-flight 列表**,確認你要用的每個類別都在`<style>` 裡存在</p><p>3. 如果某個類別缺失:**在<span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span>的`<style>` 裡補上**,不要在每個slide 裡inline 重寫</p><p>4. ** <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span>是唯一的類別名稱來源**—不要發明新類別名稱,如需自訂用`style="..."` inline</p><p></p><p>常見容易遺漏的類別(必須預先確認存在):</p><p> `h-hero` / `h-xl` / `h-sub` / `h-md` / `lead` / `kicker` / `meta-row` / `stat-card` / `stat-label` / `stat-nb` / `stat-unp-`p. `pipeline-label` / `pipeline` / `step` / `step-nb` / `step-title` / `step-desc` / `grid-2-7-5` / `grid-2-6-6` / `grid-2-7-5` / `grid-2-6-6` / `grid-2-8-4` /( `grid-3` / `grid-4` / `frame` / `frame-img` / `img-cap` / `callout` / `callout-src` / `chrome` / `foot`chrome</p><p></p><p> #### 3.0.5 · 規劃主題節奏（**和類別預檢同等重要**)</p><p></p><p> **在挑選佈局之前**,必須先列出每一頁的主題class(`hero dark` / `hero light` / `light` / `dark`)並寫到文檔或草稿裡對齊。詳細規則看<span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span>開頭的"主題節奏規劃"一節。</p><p></p><p> **強制規則**:</p><p></p><p> - 每頁section 必須帶`light` / `dark` / `hero light` / `hero dark` 之一,不要只寫`hero`</p><p> - 連續3 頁以上同主題= 視覺疲勞,不允許</p><p>- 8 頁以上必有≥1 個`hero dark` + ≥1 個`hero light`</p><p> - 整個deck 不能只有`light` 正文頁,必須有`dark` 正文頁製造呼吸</p><p>- 每3-4 頁插入1 個hero 頁(封面/幕封/問題/大引用)</p><p></p><p> **產生後自檢**:`grep 'class="slide' index.html` 列出所有主題,人工確認節奏合理再交付。</p><p></p><p> #### 3.1 · 挑佈局</p><p></p><p>**不要從零寫slide**。打開<span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span> ,裡面有10 種現成佈局骨架,每種都是完整可貼上的`<section>` 程式碼區塊:</p><p></p><p> | Layout | 用途|</p><p> |---|---|</p><p> | 1. 開場封面| 第1 頁|</p><p> | 2. 章節幕封| 每幕開場|</p><p> | 3. 資料大字報| 拋硬資料|</p><p> | 4. 左文右圖(Quote + Image) | 認同反差/ 故事|</p><p> | 5. 圖片網格| 多圖對比/ 截圖實證|</p><p> | 6. 兩列管線(Pipeline) | 工作流程|</p><p> | 7. 懸念收束/ 問題頁| 幕末/ 收尾|</p><p> | 8. 大引用頁(Big Quote) | 襯線金句/ takeaway |</p><p> | 9. 並列比較(Before / After) | 舊模式vs 新模式|</p><p> | 10. 圖文混排(Lead Image + Side Text) | 資訊密集的圖文頁|</p><p></p><p>選對應layout,黏過去,改文案和圖片路徑即可。 **務必先完成3.0 預檢**。</p><p></p><p> #### 3.2 · 圖片比例規範</p><p></p><p>永遠用**標準比例**,不要用原圖奇葩比例(如`2592/1798`):</p><p></p><p> | 場景| 推薦比例|</p><p> |------|---------|</p><p> | 左文右圖主圖| 16:10 或4:3 + `max-height:56vh` |</p><p> | 圖片格(多圖對比) | **固定`height:26vh`**,不用aspect-ratio |</p><p> | 左小圖+ 右文| 1:1 或3:2 |</p><p> | 全螢幕主視覺| 16:9 + `max-height:64vh` |</p><p> | 圖文混排小插畫| 3:2 或3:4 |</p><p></p><p> **圖片絕不使用`align-self:end`**——會滑到cell 底被瀏覽器工具列遮擋。用grid 容器+ `align-items:start`(template 已預設)讓圖片貼頂即可;左列若想貼底,用flex column + `justify-content:space-between`。</p><p></p><p>組件細節(字體、顏色、網格、圖示、callout、stat-card 等)在<span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/4f7f35827a112958ef908f63e4f5855d0942412363edb67c59beb6454b50fdae" data-mention-type="oss_file" class="mention-file">@components.md</span> 。</p><p></p><p> ### Step 4 · 對照檢查清單自我檢測</p><p></p><p>生成完一定要打開<span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/3f743391166df56f2fcb22be06f6c91f56786633f205773623b1d2b71321e71f" data-mention-type="oss_file" class="mention-file">@checklist.md</span> ，逐項對照。裡面總結了**真實迭代過程中踩過的所有坑**，P0 等級的問題（emoji、圖片撐破、標題換行、字體分工）必須全部通過。</p><p></p><p>特別要注意的幾條：</p><p></p><p> 1. **大標題必須是襯線字體**——如果顯示成非襯線,99% 是Step 3.0 預檢沒做,`h-hero` 類別在template.html 裡缺失</p><p>2. **圖片格裡只用`height:Nvh`,不用`aspect-ratio`**(會撐破)</p><p> 3. **圖片不能堆在頁面底部**——不要用`align-self:end`,用grid + `align-items:start`(見Step 3.2)</p><p> 4. **圖片只能用標準比例**(16:10 / 4:3 / 3:2 / 1:1 / 16:9),不要複製原圖的奇葩比例</p><p>5. **中文大標題≤ 5 字且`nowrap`**(避免1 字1 行)</p><p> 6. **用Lucide,不用emoji**</p><p> 7. **標題用襯線,正文用非襯線,元資料用等寬**</p><p></p><p> ### Step 5 · 迭代</p><p></p><p>根據使用者回饋修改－模板的CSS 已高度參數化，90% 的調整都是改inline style（字號`font-size:Xvw` / 高度`height:Yvh` / 間距`gap:Zvh`）。</p></div><div class="flex flex-row flex-wrap gap-2 pb-3"><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">template.txt</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">themes.md</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">layouts.md</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">components.md</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">checklist.md</div></div></div><div class="flex flex-row items-center gap-2 flex-1 min-w-0"><div class="relative flex h-[32px] items-center rounded-full px-2 text-xs text-foreground gap-[4px]"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 4H6C4.34315 4 3 5.34315 3 7V17C3 18.6569 4.34315 20 6 20H18C19.6569 20 21 18.6569 21 17V7C21 5.34315 19.6569 4 18 4Z" stroke="currentColor" stroke-width="2"></path><path d="M3.5 8H20" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path><path d="M7 4.5V7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path><path d="M10.5 4.5V7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg>網頁</div><div class="flex h-[32px] items-center gap-1 px-2 rounded-[20px] min-w-0 max-md:w-[32px] max-md:justify-center max-md:px-0" style="--bg-color:rgba(2, 4, 26, 0.04)" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_5qc9inpfivabtkqivb_" data-state="closed" disabled=""><div class="flex-shrink-0"><div class="overflow-hidden bg-cover bg-center bg-no-repeat" style="background-image:url(https://cdn.gooo.ai/assets/select_model_claude.png);width:16px;height:16px;border-radius:8px" role="img" aria-label="Claude Sonnet 4.6"></div></div><span class="text-sm font-normal px-[1px] truncate min-w-0 text-foreground max-md:hidden">Claude Sonnet 4.6</span></div></div></div><div class="flex flex-col rounded-[16px] bg-card p-3"><div class="skill-detail-content h-auto text-sm font-normal break-words whitespace-pre-wrap bg-transparent border-none rounded-xl instruction-content-container pb-4"><p>## 核心設計原則（哲學）</p><p></p><p> > 這些原則是"一人公司"分享PPT 的5 輪迭代總結出來的。違反其中任何一條，視覺感都會垮。</p><p></p><p> 1. **克制優於炫技** — WebGL 背景只在hero 頁透出，普通頁幾乎看不見</p><p>2. **結構優於裝飾** — 不用陰影、不用浮動卡片、不用padding box，一切資訊都靠著**大字號+ 字體比較+ 網格留白**</p><p> 3. **內容層級由字號和字體共同定義** — 最大襯線= 主標題，中襯線= 副標，大非襯線= lead，小非襯線= body，等寬= 元數據</p><p>4. **圖片是第一公民** — 圖片只裁底部，保證頂部和左右完整；網格用`height:Nvh` 固定，不要用`aspect-ratio` 撐</p><p>5. **節奏靠hero 頁** — hero 和non-hero 交替，才不累眼睛</p><p>6. **術語統一** — Skills 就是Skills，不要中英混合翻譯</p><p></p><p>## 參考作品</p><p></p><p>本skill 的視覺基調參考了：</p><p></p><p> - 歸藏"一人公司：被AI 折疊的組織" 分享（2026-04-22，27 頁）</p><p> - *Monocle* 雜誌的版式</p><p>- YC 總裁Garry Tan "Thin Harness, Fat Skills" 那篇部落格的demo</p><p></p><p>可以把它們當作風格錨點。</p></div></div></div></div><div class="flex flex-col gap-4 w-full"><p class="text-xl font-semibold leading-7 text-primary">description</p><p class="text-sm leading-5 text-secondary-fg whitespace-pre-wrap break-words">【原創@歸藏】生成"電子雜誌× 電子墨水"風格的橫向翻頁網頁PPT（單HTML 文件），含WebGL 流體背景、襯線標題+ 非襯線正文、章節幕封、數據大字報、圖片網格等模板。當使用者需要製作分享/ 演講/ 發表會風格的網頁PPT，或提到"雜誌風PPT"、"horizontal swipe deck"、"editorial magazine"、"e-ink presentation"時使用</p></div></div><div class="flex flex-col gap-5 px-[168px]"><div class="flex items-center justify-between gap-3"><h3 class="font-semibold text-primary text-2xl">Related Skills</h3><a class="inline-flex items-center gap-1 text-sm font-semibold text-secondary-fg transition-colors hover:text-primary" href="/skills?category=webpage">View all<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 gap-5 md:grid-cols-2 xl:grid-cols-3"><div role="link" tabindex="0" class="cursor-pointer"><div class="group relative flex flex-col gap-4 p-5 rounded-3xl bg-board-card overflow-hidden transition-shadow hover:shadow-md h-[336px]"><div class="flex items-center shrink-0"><div class="relative size-8 overflow-hidden rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg09.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.20))"><path d="M12 2.85999C6.96271 2.85999 2.87999 6.94271 2.87999 11.98V14.7647C2.87999 15.7869 3.32535 16.7637 4.11499 17.4143C5.58711 18.6272 8.31779 20.34 12 20.34C15.6822 20.34 18.4129 18.6272 19.885 17.4143C20.6746 16.7637 21.12 15.7869 21.12 14.7647V11.98C21.12 6.94271 17.0373 2.85999 12 2.85999ZM10.48 8.93999H12H13.52C16.4316 8.93999 18.84 11.22 18.84 13.5V15.02C18.84 15.02 17.5867 11.98 15.5818 11.98C14.6409 11.98 14.28 12.4923 14.28 13.0517V13.5C15.6396 13.5 17.364 14.7125 17.5441 14.8493C18.2487 15.3843 18.2541 16.4536 17.5382 16.9734C16.3754 17.8178 14.4746 18.82 12 18.82C9.52543 18.82 7.62459 17.8178 6.46179 16.9734C5.74587 16.4536 5.75133 15.3843 6.45585 14.8493C6.63597 14.7125 8.36035 13.5 9.71999 13.5V13.0517C9.71999 12.4923 9.35908 11.98 8.4182 11.98C6.41332 11.98 5.15999 15.02 5.15999 15.02V13.5C5.15999 11.22 7.56843 8.93999 10.48 8.93999ZM11.62 12.74C10.9907 12.74 10.48 13.2507 10.48 13.88C10.48 13.88 10.5261 14.0449 10.618 14.26H10.86C11.069 14.26 11.24 14.431 11.24 14.64V15.0215C8.71644 15.2527 7.43999 16.54 7.43999 16.54C7.43999 16.54 10.48 16.5875 12 16.5875C13.52 16.5875 16.56 16.54 16.56 16.54C16.56 16.54 15.2836 15.2527 12.76 15.0215V14.64C12.76 14.431 12.931 14.26 13.14 14.26H13.3819C13.4739 14.0449 13.52 13.88 13.52 13.88C13.52 13.2507 13.0093 12.74 12.38 12.74H11.62Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-col gap-2 shrink-0"><h3 class="text-xl font-semibold leading-7 text-primary line-clamp-1">HTML 網頁評審系統</h3><p class="text-sm leading-5 text-caption-fg line-clamp-3 h-[60px]">讓團隊在瀏覽器中直接標註網頁元素，零配置自動識別，AI 智能生成修改建議，匯出可供AI 程式設計助理直接理解的評審報告。 🔥 核心能力： ⚡ 30秒啟動- 丟個主題，自動生成帶評審系統的網頁🤖 AI 智能- 輸入"字體太小"，AI 自動生成"建議改為18px PingFang SC" 💾 永不丟失- 評論自動保存彩色精確定位- 點選標題、按鈕、圖示、背景，精確到每個子元素</p></div><div class="flex-1 rounded-xl overflow-hidden relative bg-[#f5f5f5]"><img src="https://cdn.gooo.ai/web-images/13ac5686ab7e78240282d4649a6653a7d7c43b60f911e8ee69dfaedcee6a51bb@small" alt="HTML 網頁評審系統" class="object-cover absolute inset-0 w-full h-full"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-200 opacity-0"><button type="button" class="px-6 py-2 text-sm font-medium text-primary bg-white rounded-full hover:bg-gray-100 transition-colors">在 YouMind 中試用</button></div></div></div></div><div role="link" tabindex="0" class="cursor-pointer"><div class="group relative flex flex-col gap-4 p-5 rounded-3xl bg-board-card overflow-hidden transition-shadow hover:shadow-md h-[336px]"><div class="flex items-center shrink-0"><div class="relative size-8 overflow-hidden rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg08.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.20))"><path d="M14.26 2.12C8.93999 2.12 8.17999 5.92 8.17999 6.68C8.17999 8.96 8.93999 10.48 8.93999 10.48L6.65999 8.96C6.65999 8.96 5.13999 9.88948 5.13999 12.38C5.13999 14.8705 6.65999 15.8 6.65999 15.8L8.93999 14.28C8.93999 14.3016 8.94415 14.3264 8.94444 14.3483C8.9636 16.1354 9.42813 17.9345 10.3442 19.3566C11.2798 20.8089 12.7616 21.88 14.6058 21.88C15.3566 21.88 16.1853 21.6511 16.8725 21.0933C17.5597 20.5355 18.06 19.6127 18.06 18.46C18.06 17.4165 17.1937 16.56 16.16 16.56C15.3461 16.56 14.6408 17.0787 14.3743 17.8098C14.3387 17.9039 14.3222 18.0041 14.3256 18.1046C14.329 18.2051 14.3524 18.3039 14.3943 18.3953C14.4362 18.4867 14.4958 18.5689 14.5697 18.6371C14.6436 18.7053 14.7303 18.7582 14.8247 18.7927C14.9192 18.8271 15.0196 18.8425 15.12 18.8379C15.2205 18.8333 15.319 18.8088 15.4099 18.7659C15.5008 18.7229 15.5823 18.6623 15.6497 18.5877C15.717 18.513 15.7689 18.4257 15.8023 18.3309C15.8549 18.1865 15.9889 18.08 16.16 18.08C16.3848 18.08 16.54 18.2282 16.54 18.46C16.54 19.2073 16.2812 19.6145 15.9151 19.9117C15.5547 20.2042 15.0456 20.3538 14.6266 20.3585C13.8948 20.3498 12.74 19.5913 12.74 18.08C12.74 15.6769 15.78 15.8935 15.78 12.76C15.78 10.48 12.74 9.72 12.74 8.2C12.74 8.2 14.26 8.96 15.02 8.96C16.54 8.96 18.06 7.44 18.06 7.44V6.68C16.5446 5.92231 15.7847 5.1651 15.3094 4.40742L16.0991 3.9725C16.2511 3.89116 16.371 3.76056 16.439 3.60214C16.507 3.44372 16.5191 3.26688 16.4734 3.10066C16.4276 2.93444 16.3267 2.7887 16.1873 2.68738C16.0478 2.58605 15.878 2.53515 15.7058 2.54304C15.5863 2.54851 15.4699 2.58207 15.3658 2.64101L14.6548 3.03289C14.5331 2.72863 14.4121 2.42425 14.26 2.12Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-col gap-2 shrink-0"><h3 class="text-xl font-semibold leading-7 text-primary line-clamp-1">StoryCanvas</h3><p class="text-sm leading-5 text-caption-fg line-clamp-3 h-[60px]">幫助創作者透過多輪確認，將已有美學參考轉化為可重複使用的頁面化敘事JSON 風格規範。</p></div><div class="flex-1 rounded-xl overflow-hidden relative bg-[#f5f5f5]"><img src="https://cdn.gooo.ai/web-images/4731443b0df74b2e2be165546001fb3ca6fcbf6dd7abc931000bbe2760c38ad8@small" alt="StoryCanvas" class="object-cover absolute inset-0 w-full h-full"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-200 opacity-0"><button type="button" class="px-6 py-2 text-sm font-medium text-primary bg-white rounded-full hover:bg-gray-100 transition-colors">在 YouMind 中試用</button></div></div></div></div><div role="link" tabindex="0" class="cursor-pointer"><div class="group relative flex flex-col gap-4 p-5 rounded-3xl bg-board-card overflow-hidden transition-shadow hover:shadow-md h-[336px]"><div class="flex items-center shrink-0"><div class="relative size-8 overflow-hidden rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg03.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.20))"><path d="M12 2.85889C6.50595 2.85889 2.87999 6.71209 2.87999 11.2189C2.87999 16.2501 6.00815 18.8189 9.33999 18.8189C10.974 18.8189 12.1756 18.2443 12.8611 17.8012C13.748 17.1416 15.04 15.7416 15.04 13.1797C15.04 10.9605 13.2289 8.93889 11.24 8.93889C9.07323 8.93889 7.43999 10.3274 7.43999 12.1689C7.43999 13.5414 8.33831 14.2589 9.22523 14.2589C10.2132 14.2589 10.5081 13.2944 10.5112 13.2846C10.629 12.8818 11.0515 12.65 11.4543 12.7693C11.8571 12.8878 12.0874 13.3096 11.9696 13.7124C11.7598 14.4276 10.9155 15.7789 9.22523 15.7789C7.62315 15.7789 5.91999 14.5135 5.91999 12.1689C5.91999 9.46101 8.20683 7.41889 11.24 7.41889C14.074 7.41889 16.56 10.1108 16.56 13.1797C16.56 15.617 15.607 17.2282 14.6463 18.2382L16.6444 19.9034C17.453 20.5775 18.666 20.351 19.1904 19.4383C20.059 17.9251 21.12 15.5106 21.12 12.7389C21.12 8.04741 17.2744 2.85889 12 2.85889Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-col gap-2 shrink-0"><h3 class="text-xl font-semibold leading-7 text-primary line-clamp-1">To be PDF</h3><p class="text-sm leading-5 text-caption-fg line-clamp-3 h-[60px]">將文章、報告、筆記、Markdown、PDF 提取文本等參考內容轉化為A4 印刷級單文件HTML,根據內容主題自適應選擇強調色,內嵌語義化極簡手繪線稿SVG,自動修復PDF 導出時的空白頁、孤行、元素截斷等打印問題,並在最後一步直接用canvas 面板導出時的空白頁、孤行、元素截斷等打印問題,並在最後一步直接用canvas 面板導出</p></div><div class="flex-1 rounded-xl overflow-hidden relative bg-[#f5f5f5]"><img src="https://cdn.gooo.ai/web-images/2001d59579dc38a5dc632880bc66facfc832512ea32e4b7ef04b96fbd4ac9ba5@small" alt="To be PDF" class="object-cover absolute inset-0 w-full h-full"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-200 opacity-0"><button type="button" class="px-6 py-2 text-sm font-medium text-primary bg-white rounded-full hover:bg-gray-100 transition-colors">在 YouMind 中試用</button></div></div></div></div></div></div></div><div class="flex md:hidden flex-col gap-5 w-full"><div class="flex items-center gap-4 px-5"><div class="relative size-14 shrink-0"><div class="relative size-full overflow-hidden bg-gray5 shadow-[0_1.658px_6.632px_0_rgba(2,4,26,0.07)] rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg05.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="28" height="28" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 8.4px rgba(0, 0, 0, 0.20))"><path d="M12 3C8.29687 3 6.08203 4.9043 6.08203 8.08594C6.08203 9.84668 6.69287 11.124 7.27734 12.3633C7.47656 12.7852 7.65527 13.1821 7.81641 13.5938C8.44629 15.1992 8.03906 16.9644 7.27734 17.7422C6.61963 18.4116 5.65576 18.9492 5.29687 18.9492C4.28906 18.9492 3.97119 18.3604 3.76172 17.9648C3.65039 17.7554 3.52734 17.5195 3.24609 17.5195C3.104 17.5195 2.64844 17.5767 2.64844 18.3047C2.64844 19.9746 3.60205 20.8726 5.48437 20.9883C5.59424 20.9941 5.7041 21 5.8125 21C7.96289 21 9.89062 19.6978 10.8516 18.4102C11.3042 17.8052 11.5854 17.5342 12 17.4961C12.4292 17.5342 12.7178 17.811 13.1484 18.3867C14.168 19.7505 16.2466 21.126 18.5156 20.9883C20.3979 20.8726 21.3516 19.9629 21.3516 18.293C21.3516 17.5649 20.896 17.5195 20.7539 17.5195C20.4727 17.5195 20.3496 17.7554 20.2383 17.9648C20.0288 18.3604 19.7109 18.9492 18.7031 18.9492C18.3047 18.9492 17.4536 18.6343 16.7461 17.7656C16.1089 16.9819 15.9507 15.5054 16.2891 13.3828C16.4253 12.5288 16.7461 11.9238 17.0742 11.2734C17.4902 10.4487 17.918 9.59473 17.918 8.29688C17.9165 4.98193 15.7031 3 12 3ZM10.6172 8.20313C10.9995 8.20313 11.3086 8.66309 11.3086 9.23438C11.3086 9.80566 10.9995 10.2773 10.6172 10.2773C10.2349 10.2773 9.92578 9.80566 9.92578 9.23438C9.92578 8.66309 10.2349 8.20313 10.6172 8.20313ZM13.3828 8.20313C13.7651 8.20313 14.0742 8.66309 14.0742 9.23438C14.0742 9.80566 13.7651 10.2773 13.3828 10.2773C13.0005 10.2773 12.6914 9.80566 12.6914 9.23438C12.6914 8.66309 13.0005 8.20313 13.3828 8.20313ZM4.69922 10.5C4.44141 10.5 4.18652 10.5762 3.9375 10.7109C3.11426 11.1563 2.625 12.0029 2.625 12.9727C2.625 14.8345 3.69727 16.9731 6.63281 17.3203C6.66797 17.2866 6.70312 17.25 6.73828 17.2148C7.28174 16.6597 7.58789 15.3662 7.20703 14.1328C6.81738 14.4434 6.2417 14.4492 6.15234 14.4492C6.09668 14.4492 6.03662 14.4536 5.98828 14.4492C5.17676 14.3687 4.48828 13.6699 4.48828 12.9258C4.48828 12.4058 4.67725 12.082 4.96875 12.082C5.09473 12.082 5.21924 12.1465 5.29687 12.2461C5.39941 12.375 5.61621 12.5024 5.77734 12.5273C5.79639 12.5303 5.84033 12.5273 5.85937 12.5273C6.13477 12.5273 6.35156 12.3149 6.375 12.0234C6.39404 11.7759 6.26221 11.5444 6.16406 11.3906C6.03076 11.1826 5.53418 10.5 4.69922 10.5ZM19.4297 10.5117C18.8774 10.5117 18.3633 10.7856 18.082 11.2266C18.0029 11.3525 17.8828 11.5928 17.918 11.8242C17.9619 12.1069 18.1948 12.3281 18.4687 12.3281C18.4878 12.3281 18.5332 12.3193 18.5508 12.3164C18.7148 12.293 18.8159 12.2007 18.9023 12.1289C18.9888 12.0586 19.1484 11.9883 19.2656 11.9883C19.459 11.9883 19.4883 12.3604 19.4883 12.5859C19.4883 13.5015 18.8437 14.25 18.0469 14.25C17.8975 14.25 17.3789 14.231 16.9687 13.9922C16.7124 15.999 17.0186 16.8633 17.2734 17.2266C18.7061 17.127 19.7988 16.6304 20.5078 15.7266C21.2637 14.7627 21.375 13.5879 21.375 12.9727C21.375 12.0938 21.0176 11.0098 20.0156 10.6172C19.8325 10.5454 19.6318 10.5117 19.4297 10.5117Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-1 min-w-0 flex-col gap-1 justify-center"><div class="flex items-center gap-2 min-w-0"><h2 class="min-w-0 text-2xl font-semibold leading-8 text-primary truncate">Editorial-magazine presentation</h2></div></div><div class="flex gap-2 items-center"><button data-slot="button" class="inline-flex items-center justify-center font-normal transition-all [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none aria-invalid:border-destructive disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed border border-new-border hover:bg-snip-card active:bg-muted hover:text-accent-foreground disabled:bg-snip-card disabled:text-muted-foreground disabled:border-bg-border h-8 text-sm gap-1 [&_svg]:size-[16px] has-[>svg]:px-3 leading-5 rounded-[40px] px-4 py-1.5 whitespace-nowrap">複製連結</button><button data-slot="button" class="inline-flex items-center justify-center font-normal transition-all [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none aria-invalid:border-destructive disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed bg-primary text-primary-fg hover:opacity-80 active:bg-primary h-8 text-sm gap-1 [&_svg]:size-[16px] has-[>svg]:px-3 leading-5 rounded-[40px] px-4 py-1.5 whitespace-nowrap">在 YouMind 中試用</button></div></div><div class="flex flex-col gap-3 px-5"><div class="flex flex-wrap items-center gap-x-10 gap-y-2 w-full"><div class="flex items-center gap-2 min-w-0"><span class="text-sm leading-5 text-caption-fg whitespace-nowrap">madeBy</span><a class="hover:opacity-80 transition-opacity" href="/skills/bio/aef143ec-15ab-4046-abe6-7ff9836d43c1"><div class="flex items-center gap-1.5 min-w-0"><span class="relative flex overflow-hidden rounded-full size-5 shrink-0"><span class="flex h-full w-full items-center justify-center rounded-full bg-muted text-[10px] font-medium">Y</span></span><span class="text-sm leading-5 font-medium text-foreground whitespace-nowrap truncate">YouMind Official</span></div></a></div><div class="flex items-center gap-2"><span class="text-sm leading-5 text-caption-fg whitespace-nowrap">installedBy</span><div class="flex items-center gap-[3.75px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-round shrink-0 text-foreground" aria-hidden="true"><circle cx="12" cy="8" r="5"></circle><path d="M20 21a8 8 0 0 0-16 0"></path></svg><span class="text-sm leading-5 font-medium text-foreground whitespace-nowrap">52</span></div></div><div class="flex items-center gap-2"><span class="text-sm leading-5 text-caption-fg whitespace-nowrap">categoryLabel</span><a class="hover:opacity-80 transition-opacity" href="/skills?category=webpage"><span class="text-sm leading-5 font-medium text-foreground whitespace-nowrap">webpage</span></a></div><div class="flex items-center gap-2"><span class="text-sm leading-5 text-caption-fg whitespace-nowrap">from</span><span class="text-sm leading-5 font-medium text-foreground whitespace-nowrap">YouMind</span></div></div></div><div class="flex flex-col gap-4 px-4"><div><button type="button" class="relative shrink-0 overflow-hidden rounded-xl border border-new-border bg-muted h-60 w-full cursor-pointer"><img src="https://cdn.gooo.ai/web-images/a788cce45475d2ab9f2eadb9fdf729f674429b18025752fa0e40305d90019599" alt="" class="absolute inset-0 size-full object-cover"/></button></div></div><div class="px-5"><div class="relative overflow-hidden rounded-[28px] border border-black/[0.06] bg-card px-5 py-5"><div class="pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_top_left,rgba(191,219,254,0.1),transparent_28%),radial-gradient(circle_at_right_center,rgba(254,240,138,0.1),transparent_24%)] opacity-70"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote pointer-events-none absolute bottom-5 right-5 size-12 text-black/[0.045] md:bottom-6 md:right-6 md:size-14" aria-hidden="true"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><div class="relative flex flex-col gap-4"><div class="flex justify-between gap-3 flex-col items-start"><div class="inline-flex w-fit items-center gap-2 rounded-full border border-sky-100 bg-sky-50 px-3 py-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check size-3.5 text-sky-600" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg><span class="text-xs font-semibold text-sky-700">Editor's Pick</span></div><a class="flex items-center gap-2.5 transition-opacity hover:opacity-80" href="/skills/bio/7668851c-2313-4ee8-8942-470fa47ad53f"><span class="relative flex shrink-0 overflow-hidden rounded-full size-9 border border-white shadow-sm"><span class="flex h-full w-full items-center justify-center rounded-full bg-muted text-xs font-medium">淡</span></span><div class="min-w-0"><p class="text-[11px] font-semibold uppercase tracking-[0.08em] text-caption-fg">Featured by</p><p class="truncate text-sm font-semibold text-primary">淡苍</p></div></a></div><div class="flex flex-col gap-2"><p class="text-base font-semibold leading-6 text-primary">Why we love this skill</p><p class="text-sm italic leading-7 text-secondary-fg">這款技能能將你的內容轉化為獨特風格的「電子雜誌×電子墨水」網頁PPT，融合WebGL流體背景與精緻排版，讓演示充滿藝術感與高級質感，告別傳統PPT的沉悶。</p></div></div></div></div><div class="flex flex-col gap-10 px-5"><div class="flex flex-col gap-4"><div class="flex items-center justify-between"><p class="text-xl font-semibold leading-7 text-primary">指令 </p><button class="flex items-center gap-1 rounded-[20px] px-2.5 py-px "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" class="shrink-0 text-caption-fg" viewBox="0 0 20 20" aria-hidden="true" fill="currentColor"><use xlink:href="#icon-translate"></use></svg><span class="text-xs leading-[18px] whitespace-nowrap text-caption-fg">showOriginal</span></button></div><div class="bg-snip-card rounded-3xl p-3 flex flex-col gap-2.5"><div class="flex flex-col rounded-[16px] bg-card p-3"><div class="skill-detail-content h-auto text-sm font-normal break-words whitespace-pre-wrap bg-transparent border-none rounded-xl instruction-content-container pb-4"><p>記住一定要使用Webpage 來生成，必須詢問使用者用什麼語言輸出。</p><p></p><p>產生"電子雜誌× 電子墨水"風格的橫向翻頁網頁PPT（單HTML 檔案），含WebGL 流體背景、襯線標題+ 非襯線正文、章節幕封、資料大字報、圖片網格等範本。當使用者需要製作分享/ 演講/ 發表會風格的網頁PPT，或提到"雜誌風PPT"、"horizontal swipe deck"、"editorial magazine"、"e-ink presentation"時使用</p><p></p><p># Magazine Web Ppt</p><p></p><p> ## 這個Skill 做什麼</p><p></p><p>產生一份**單一檔案HTML**的橫向翻頁PPT，視覺基調是：</p><p></p><p> - **電子雜誌+ 電子墨水**混合風格</p><p>- **WebGL 流體/ 等高線/ 色散背景**（hero 頁可見）</p><p> - **襯線標題（Noto Serif SC + Playfair Display）+ 非襯線正文（Noto Sans SC + Inter）+ 等寬元素資料（IBM Plex Mono）**</p><p> - **Lucide 線性圖示**（不用emoji）</p><p> - **橫向左右翻頁**（鍵盤← →、滾輪、觸控螢幕滑動、底部圓點、ESC 索引）</p><p> - **主題平滑插值**：翻到hero 頁時顏色和shader 柔順過渡</p><p></p><p>這個skill 的美學不是"商務PPT"，也不是"消費互聯網UI"——它像*Monocle* 雜誌貼上了代碼後的樣子。</p><p></p><p> ## 何時使用</p><p></p><p>**合適的場景**：</p><p> - 線下分享/ 業界內部演講/ 私享會</p><p>- AI 新產品發布/ demo day</p><p> - 帶有強烈個人風格的演講</p><p>- 需要"一次做完，不用翻頁工具"的網頁版slides</p><p></p><p> **不合適的場景**：</p><p> - 大段表格資料、圖表疊加（用常規PPT）</p><p> - 訓練課件（資訊密度不夠）</p><p> - 需要多人協作編輯（這是靜態HTML）</p></div></div><div class="flex flex-col rounded-[16px] bg-card p-3"><div class="skill-detail-content h-auto text-sm font-normal break-words whitespace-pre-wrap bg-transparent border-none rounded-xl instruction-content-container pb-4"><p>### Step 1 · 需求澄清(**動手前必做**)</p><p></p><p> **如果使用者已經給了完整的大綱+ 圖片**,可以跳過直接進Step 2。</p><p></p><p> **如果使用者只給了主題或一個模糊想法**,用這6 個問題逐個對齊後再動手。不要基於猜測就開始寫slide－一旦結構定錯,後期翻修代價很高: 提問時你可以用askUserQuestion tool</p><p></p><p> #### 6 問澄清清單</p><p></p><p>| # | 問題| 為什麼要問|</p><p> |---|------|-----------|</p><p> | 1 | **受眾是誰?分享場景?**(行業內部/ 商業發布/ demo day / 私享會) | 決定語言風格和深度|</p><p> | 2 | **分享長度?** | 15 分鐘≈ 10 頁,30 分鐘≈ 20 頁,45 分鐘≈ 25-30 頁|</p><p> | 3 | **有沒有原始素材?**(文檔/ 資料/ 舊PPT / 文章連結) | 有素材就基於素材,沒有就幫他搭|</p><p> | 4 | **有沒有圖片?放在哪裡?** | 詳見下方"圖片約定" |</p><p> | 5 | **想要哪套主題色?** | 見<span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57" data-mention-type="oss_file" class="mention-file">@themes.md</span> ,5 套預設挑一|</p><p> | 6 | **有沒有硬約束?**(必須包含XX 資料/ 不能出現YY) | 避免返工|</p><p></p><p> #### 大綱協助(如果使用者沒有大綱)</p><p></p><p>用"敘事弧"模板搭骨架,再填內容:</p><p></p><p> ```</p><p>鉤子(Hook) → 1 頁: 拋出一個反差/ 問題/ 硬數據讓人停下來</p><p>定調(Context) → 1-2 頁: 說明背景/ 你是誰/ 為什麼要講這個</p><p>主體(Core) → 3-5 頁: 核心內容,用Layout 4/5/6/9/10 穿插</p><p>轉折(Shift) → 1 頁: 打破預期/ 提出新觀點</p><p>收束(Takeaway) → 1-2 頁: 金句/ 懸念問題/ 行動建議</p><p>```</p><p></p><p>敘事弧+ 頁數規劃+ 主題節奏表(見<span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span> ),**三張表對齊後**再進Step 2。</p><p></p><p>大綱建議儲存為`項目記錄` 或`大綱-v1`,便於後續迭代。</p><p></p><p> #### 圖片約定(告知使用者)</p><p></p><p>在動手之前向用戶說清:</p><p></p><p> - **圖片位置**: 是board 中的哪張圖片，或是上傳的哪張圖片</p><p>- **沒圖怎麼辦**:和使用者對齊,可以先用佔位色塊生成結構,等圖片後期補;但要告知layout 4/5/10 等圖文混排頁沒圖就沒法驗證視覺效果</p><p></p><p>### Step 2 · 參考模板</p><p></p><p><span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span>是一個**完整可運行**的html 檔案－CSS、WebGL shader、翻頁JS、字體/圖示CDN 全已預設好，只有`<main id="deck">` 裡面是3 個範例slide（封面、章節幕封、空白填頁）</p><p></p><p> #### 2.1 · 必改佔位符（**容易漏**）</p><p></p><p>拷貝後立刻改掉以下佔位符，否則瀏覽器Tab 會顯示"[必填] 替換為PPT 標題"這種尷尬文字：</p><p></p><p> | 位置| 原| 需改為|</p><p> |------|------|--------|</p><p> | `<title>` | `[必填] 替換為PPT 標題· Deck Title` | 實際deck 標題(如`一種新的工作方式· Luke Wroblewski`) |</p><p></p><p> #### 2.2 · 選取主題色(5 套預設· 不允許自訂)</p><p></p><p>本skill **只允許從5 套精心調配的預設裡選一套**,不接受用戶自訂hex 值－顏色搭配錯了畫面瞬間變醜,保護美學比給自由更重要。</p><p></p><p> | # | 主題| 適合|</p><p> |---|------|------|</p><p> | 1 | 🖋 墨水經典| 通用/ 商業發布/ 不知道選啥的預設|</p><p> | 2 | 🌊 靛藍瓷| 科技/ 研究/ 數據/ 技術發布會|</p><p> | 3 | 🌿 森林墨| 自然/ 永續/ 文化/ 非虛構|</p><p> | 4 | 🍂 牛皮紙| 懷舊/ 人文/ 文學/ 獨立雜誌|</p><p> | 5 | 🌙 沙丘| 藝術/ 設計/ 創意/ 畫廊|</p><p></p><p> **操作**:</p><p> 1. 基於內容主題推薦一套,或直接問用戶選哪一套</p><p>2. 開啟<span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57" data-mention-type="oss_file" class="mention-file">@themes.md</span> ,找到對應主題的`:root` 區塊</p><p>3. **整體替換** <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span>開頭`:root{` 區塊裡標示"主題色"註解的那幾行(`--ink` / `--ink-rgb` / `--paper` / `--paper-rgb` / `--paper-tint` / `--ink-tint)</p><p> 4. 其他CSS 都走`var(--...)`,無需任何其他改動</p><p></p><p>**硬規則**:</p><p> - 一份deck 只用一套主題,不要中途換色</p><p>- 不要接受用戶給的任意hex 值－委婉拒絕並展示5 套讓選</p><p>- 不要混搭(例如ink 取墨水經典、paper 取沙丘)——會徹底違和</p><p></p><p>### Step 3 · 填充內容</p><p></p><p>#### 3.0 · 預檢:類別名稱必須在<span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span>裡有定義（**最重要**）</p><p></p><p> **這是所有生成問題的源頭**。 <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span>的骨架使用了許多類別名稱(`h-hero` / `h-xl` / `stat-card` / `pipeline` / `grid-2-7-5` 等),如果`assets/template.html` 的`<style>` 裡沒有對應定義,瀏覽器會變成大字頭樣式一檔標題、下段式資料框糊成一行、圖片堆到頁面底部。</p><p></p><p> **在寫任何slide 程式碼之前:**</p><p></p><p> 1. **先Read <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span> **(至少讀到`<style>` 區塊結尾)</p><p> 2. **對照<span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span>的Pre-flight 列表**,確認你要用的每個類別都在`<style>` 裡存在</p><p>3. 如果某個類別缺失:**在<span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span>的`<style>` 裡補上**,不要在每個slide 裡inline 重寫</p><p>4. ** <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span>是唯一的類別名稱來源**—不要發明新類別名稱,如需自訂用`style="..."` inline</p><p></p><p>常見容易遺漏的類別(必須預先確認存在):</p><p> `h-hero` / `h-xl` / `h-sub` / `h-md` / `lead` / `kicker` / `meta-row` / `stat-card` / `stat-label` / `stat-nb` / `stat-unp-`p. `pipeline-label` / `pipeline` / `step` / `step-nb` / `step-title` / `step-desc` / `grid-2-7-5` / `grid-2-6-6` / `grid-2-7-5` / `grid-2-6-6` / `grid-2-8-4` /( `grid-3` / `grid-4` / `frame` / `frame-img` / `img-cap` / `callout` / `callout-src` / `chrome` / `foot`chrome</p><p></p><p> #### 3.0.5 · 規劃主題節奏（**和類別預檢同等重要**)</p><p></p><p> **在挑選佈局之前**,必須先列出每一頁的主題class(`hero dark` / `hero light` / `light` / `dark`)並寫到文檔或草稿裡對齊。詳細規則看<span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span>開頭的"主題節奏規劃"一節。</p><p></p><p> **強制規則**:</p><p></p><p> - 每頁section 必須帶`light` / `dark` / `hero light` / `hero dark` 之一,不要只寫`hero`</p><p> - 連續3 頁以上同主題= 視覺疲勞,不允許</p><p>- 8 頁以上必有≥1 個`hero dark` + ≥1 個`hero light`</p><p> - 整個deck 不能只有`light` 正文頁,必須有`dark` 正文頁製造呼吸</p><p>- 每3-4 頁插入1 個hero 頁(封面/幕封/問題/大引用)</p><p></p><p> **產生後自檢**:`grep 'class="slide' index.html` 列出所有主題,人工確認節奏合理再交付。</p><p></p><p> #### 3.1 · 挑佈局</p><p></p><p>**不要從零寫slide**。打開<span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span> ,裡面有10 種現成佈局骨架,每種都是完整可貼上的`<section>` 程式碼區塊:</p><p></p><p> | Layout | 用途|</p><p> |---|---|</p><p> | 1. 開場封面| 第1 頁|</p><p> | 2. 章節幕封| 每幕開場|</p><p> | 3. 資料大字報| 拋硬資料|</p><p> | 4. 左文右圖(Quote + Image) | 認同反差/ 故事|</p><p> | 5. 圖片網格| 多圖對比/ 截圖實證|</p><p> | 6. 兩列管線(Pipeline) | 工作流程|</p><p> | 7. 懸念收束/ 問題頁| 幕末/ 收尾|</p><p> | 8. 大引用頁(Big Quote) | 襯線金句/ takeaway |</p><p> | 9. 並列比較(Before / After) | 舊模式vs 新模式|</p><p> | 10. 圖文混排(Lead Image + Side Text) | 資訊密集的圖文頁|</p><p></p><p>選對應layout,黏過去,改文案和圖片路徑即可。 **務必先完成3.0 預檢**。</p><p></p><p> #### 3.2 · 圖片比例規範</p><p></p><p>永遠用**標準比例**,不要用原圖奇葩比例(如`2592/1798`):</p><p></p><p> | 場景| 推薦比例|</p><p> |------|---------|</p><p> | 左文右圖主圖| 16:10 或4:3 + `max-height:56vh` |</p><p> | 圖片格(多圖對比) | **固定`height:26vh`**,不用aspect-ratio |</p><p> | 左小圖+ 右文| 1:1 或3:2 |</p><p> | 全螢幕主視覺| 16:9 + `max-height:64vh` |</p><p> | 圖文混排小插畫| 3:2 或3:4 |</p><p></p><p> **圖片絕不使用`align-self:end`**——會滑到cell 底被瀏覽器工具列遮擋。用grid 容器+ `align-items:start`(template 已預設)讓圖片貼頂即可;左列若想貼底,用flex column + `justify-content:space-between`。</p><p></p><p>組件細節(字體、顏色、網格、圖示、callout、stat-card 等)在<span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/4f7f35827a112958ef908f63e4f5855d0942412363edb67c59beb6454b50fdae" data-mention-type="oss_file" class="mention-file">@components.md</span> 。</p><p></p><p> ### Step 4 · 對照檢查清單自我檢測</p><p></p><p>生成完一定要打開<span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/3f743391166df56f2fcb22be06f6c91f56786633f205773623b1d2b71321e71f" data-mention-type="oss_file" class="mention-file">@checklist.md</span> ，逐項對照。裡面總結了**真實迭代過程中踩過的所有坑**，P0 等級的問題（emoji、圖片撐破、標題換行、字體分工）必須全部通過。</p><p></p><p>特別要注意的幾條：</p><p></p><p> 1. **大標題必須是襯線字體**——如果顯示成非襯線,99% 是Step 3.0 預檢沒做,`h-hero` 類別在template.html 裡缺失</p><p>2. **圖片格裡只用`height:Nvh`,不用`aspect-ratio`**(會撐破)</p><p> 3. **圖片不能堆在頁面底部**——不要用`align-self:end`,用grid + `align-items:start`(見Step 3.2)</p><p> 4. **圖片只能用標準比例**(16:10 / 4:3 / 3:2 / 1:1 / 16:9),不要複製原圖的奇葩比例</p><p>5. **中文大標題≤ 5 字且`nowrap`**(避免1 字1 行)</p><p> 6. **用Lucide,不用emoji**</p><p> 7. **標題用襯線,正文用非襯線,元資料用等寬**</p><p></p><p> ### Step 5 · 迭代</p><p></p><p>根據使用者回饋修改－模板的CSS 已高度參數化，90% 的調整都是改inline style（字號`font-size:Xvw` / 高度`height:Yvh` / 間距`gap:Zvh`）。</p></div><div class="flex flex-row flex-wrap gap-2 pb-3"><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">template.txt</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">themes.md</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">layouts.md</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">components.md</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">checklist.md</div></div></div><div class="flex flex-row items-center gap-2 flex-1 min-w-0"><div class="relative flex h-[32px] items-center rounded-full px-2 text-xs text-foreground gap-[4px]"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 4H6C4.34315 4 3 5.34315 3 7V17C3 18.6569 4.34315 20 6 20H18C19.6569 20 21 18.6569 21 17V7C21 5.34315 19.6569 4 18 4Z" stroke="currentColor" stroke-width="2"></path><path d="M3.5 8H20" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path><path d="M7 4.5V7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path><path d="M10.5 4.5V7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg>網頁</div><div class="flex h-[32px] items-center gap-1 px-2 rounded-[20px] min-w-0 max-md:w-[32px] max-md:justify-center max-md:px-0" style="--bg-color:rgba(2, 4, 26, 0.04)" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_5qdhinpfivabtkqivb_" data-state="closed" disabled=""><div class="flex-shrink-0"><div class="overflow-hidden bg-cover bg-center bg-no-repeat" style="background-image:url(https://cdn.gooo.ai/assets/select_model_claude.png);width:16px;height:16px;border-radius:8px" role="img" aria-label="Claude Sonnet 4.6"></div></div><span class="text-sm font-normal px-[1px] truncate min-w-0 text-foreground max-md:hidden">Claude Sonnet 4.6</span></div></div></div><div class="flex flex-col rounded-[16px] bg-card p-3"><div class="skill-detail-content h-auto text-sm font-normal break-words whitespace-pre-wrap bg-transparent border-none rounded-xl instruction-content-container pb-4"><p>## 核心設計原則（哲學）</p><p></p><p> > 這些原則是"一人公司"分享PPT 的5 輪迭代總結出來的。違反其中任何一條，視覺感都會垮。</p><p></p><p> 1. **克制優於炫技** — WebGL 背景只在hero 頁透出，普通頁幾乎看不見</p><p>2. **結構優於裝飾** — 不用陰影、不用浮動卡片、不用padding box，一切資訊都靠著**大字號+ 字體比較+ 網格留白**</p><p> 3. **內容層級由字號和字體共同定義** — 最大襯線= 主標題，中襯線= 副標，大非襯線= lead，小非襯線= body，等寬= 元數據</p><p>4. **圖片是第一公民** — 圖片只裁底部，保證頂部和左右完整；網格用`height:Nvh` 固定，不要用`aspect-ratio` 撐</p><p>5. **節奏靠hero 頁** — hero 和non-hero 交替，才不累眼睛</p><p>6. **術語統一** — Skills 就是Skills，不要中英混合翻譯</p><p></p><p>## 參考作品</p><p></p><p>本skill 的視覺基調參考了：</p><p></p><p> - 歸藏"一人公司：被AI 折疊的組織" 分享（2026-04-22，27 頁）</p><p> - *Monocle* 雜誌的版式</p><p>- YC 總裁Garry Tan "Thin Harness, Fat Skills" 那篇部落格的demo</p><p></p><p>可以把它們當作風格錨點。</p></div></div></div></div><div class="flex flex-col gap-4"><p class="text-xl font-semibold leading-7 text-primary">description</p><p class="text-sm leading-5 text-secondary-fg whitespace-pre-wrap break-words">【原創@歸藏】生成"電子雜誌× 電子墨水"風格的橫向翻頁網頁PPT（單HTML 文件），含WebGL 流體背景、襯線標題+ 非襯線正文、章節幕封、數據大字報、圖片網格等模板。當使用者需要製作分享/ 演講/ 發表會風格的網頁PPT，或提到"雜誌風PPT"、"horizontal swipe deck"、"editorial magazine"、"e-ink presentation"時使用</p></div></div><div class="flex flex-col gap-5 px-5"><div class="flex items-center justify-between gap-3"><h3 class="font-semibold text-primary text-lg">Related Skills</h3><a class="inline-flex items-center gap-1 text-sm font-semibold text-secondary-fg transition-colors hover:text-primary" href="/skills?category=webpage">View all<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="relative -mx-5" role="region" aria-roledescription="carousel"><div class="overflow-hidden"><div class="flex -ml-4 pb-1 pl-5 pr-5"><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-[85%] sm:basis-[70%]"><div role="link" tabindex="0" class="cursor-pointer"><div class="group relative flex flex-col gap-4 p-5 rounded-3xl bg-board-card overflow-hidden transition-shadow hover:shadow-md h-[320px]"><div class="flex items-center shrink-0"><div class="relative size-8 overflow-hidden rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg09.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.20))"><path d="M12 2.85999C6.96271 2.85999 2.87999 6.94271 2.87999 11.98V14.7647C2.87999 15.7869 3.32535 16.7637 4.11499 17.4143C5.58711 18.6272 8.31779 20.34 12 20.34C15.6822 20.34 18.4129 18.6272 19.885 17.4143C20.6746 16.7637 21.12 15.7869 21.12 14.7647V11.98C21.12 6.94271 17.0373 2.85999 12 2.85999ZM10.48 8.93999H12H13.52C16.4316 8.93999 18.84 11.22 18.84 13.5V15.02C18.84 15.02 17.5867 11.98 15.5818 11.98C14.6409 11.98 14.28 12.4923 14.28 13.0517V13.5C15.6396 13.5 17.364 14.7125 17.5441 14.8493C18.2487 15.3843 18.2541 16.4536 17.5382 16.9734C16.3754 17.8178 14.4746 18.82 12 18.82C9.52543 18.82 7.62459 17.8178 6.46179 16.9734C5.74587 16.4536 5.75133 15.3843 6.45585 14.8493C6.63597 14.7125 8.36035 13.5 9.71999 13.5V13.0517C9.71999 12.4923 9.35908 11.98 8.4182 11.98C6.41332 11.98 5.15999 15.02 5.15999 15.02V13.5C5.15999 11.22 7.56843 8.93999 10.48 8.93999ZM11.62 12.74C10.9907 12.74 10.48 13.2507 10.48 13.88C10.48 13.88 10.5261 14.0449 10.618 14.26H10.86C11.069 14.26 11.24 14.431 11.24 14.64V15.0215C8.71644 15.2527 7.43999 16.54 7.43999 16.54C7.43999 16.54 10.48 16.5875 12 16.5875C13.52 16.5875 16.56 16.54 16.56 16.54C16.56 16.54 15.2836 15.2527 12.76 15.0215V14.64C12.76 14.431 12.931 14.26 13.14 14.26H13.3819C13.4739 14.0449 13.52 13.88 13.52 13.88C13.52 13.2507 13.0093 12.74 12.38 12.74H11.62Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-col gap-2 shrink-0"><h3 class="text-xl font-semibold leading-7 text-primary line-clamp-1">HTML 網頁評審系統</h3><p class="text-sm leading-5 text-caption-fg line-clamp-3 h-[60px]">讓團隊在瀏覽器中直接標註網頁元素，零配置自動識別，AI 智能生成修改建議，匯出可供AI 程式設計助理直接理解的評審報告。 🔥 核心能力： ⚡ 30秒啟動- 丟個主題，自動生成帶評審系統的網頁🤖 AI 智能- 輸入"字體太小"，AI 自動生成"建議改為18px PingFang SC" 💾 永不丟失- 評論自動保存彩色精確定位- 點選標題、按鈕、圖示、背景，精確到每個子元素</p></div><div class="flex-1 rounded-xl overflow-hidden relative bg-[#f5f5f5]"><img src="https://cdn.gooo.ai/web-images/13ac5686ab7e78240282d4649a6653a7d7c43b60f911e8ee69dfaedcee6a51bb@small" alt="HTML 網頁評審系統" class="object-cover absolute inset-0 w-full h-full"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-200 opacity-0"><button type="button" class="px-6 py-2 text-sm font-medium text-primary bg-white rounded-full hover:bg-gray-100 transition-colors">在 YouMind 中試用</button></div></div></div></div></div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-[85%] sm:basis-[70%]"><div role="link" tabindex="0" class="cursor-pointer"><div class="group relative flex flex-col gap-4 p-5 rounded-3xl bg-board-card overflow-hidden transition-shadow hover:shadow-md h-[320px]"><div class="flex items-center shrink-0"><div class="relative size-8 overflow-hidden rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg08.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.20))"><path d="M14.26 2.12C8.93999 2.12 8.17999 5.92 8.17999 6.68C8.17999 8.96 8.93999 10.48 8.93999 10.48L6.65999 8.96C6.65999 8.96 5.13999 9.88948 5.13999 12.38C5.13999 14.8705 6.65999 15.8 6.65999 15.8L8.93999 14.28C8.93999 14.3016 8.94415 14.3264 8.94444 14.3483C8.9636 16.1354 9.42813 17.9345 10.3442 19.3566C11.2798 20.8089 12.7616 21.88 14.6058 21.88C15.3566 21.88 16.1853 21.6511 16.8725 21.0933C17.5597 20.5355 18.06 19.6127 18.06 18.46C18.06 17.4165 17.1937 16.56 16.16 16.56C15.3461 16.56 14.6408 17.0787 14.3743 17.8098C14.3387 17.9039 14.3222 18.0041 14.3256 18.1046C14.329 18.2051 14.3524 18.3039 14.3943 18.3953C14.4362 18.4867 14.4958 18.5689 14.5697 18.6371C14.6436 18.7053 14.7303 18.7582 14.8247 18.7927C14.9192 18.8271 15.0196 18.8425 15.12 18.8379C15.2205 18.8333 15.319 18.8088 15.4099 18.7659C15.5008 18.7229 15.5823 18.6623 15.6497 18.5877C15.717 18.513 15.7689 18.4257 15.8023 18.3309C15.8549 18.1865 15.9889 18.08 16.16 18.08C16.3848 18.08 16.54 18.2282 16.54 18.46C16.54 19.2073 16.2812 19.6145 15.9151 19.9117C15.5547 20.2042 15.0456 20.3538 14.6266 20.3585C13.8948 20.3498 12.74 19.5913 12.74 18.08C12.74 15.6769 15.78 15.8935 15.78 12.76C15.78 10.48 12.74 9.72 12.74 8.2C12.74 8.2 14.26 8.96 15.02 8.96C16.54 8.96 18.06 7.44 18.06 7.44V6.68C16.5446 5.92231 15.7847 5.1651 15.3094 4.40742L16.0991 3.9725C16.2511 3.89116 16.371 3.76056 16.439 3.60214C16.507 3.44372 16.5191 3.26688 16.4734 3.10066C16.4276 2.93444 16.3267 2.7887 16.1873 2.68738C16.0478 2.58605 15.878 2.53515 15.7058 2.54304C15.5863 2.54851 15.4699 2.58207 15.3658 2.64101L14.6548 3.03289C14.5331 2.72863 14.4121 2.42425 14.26 2.12Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-col gap-2 shrink-0"><h3 class="text-xl font-semibold leading-7 text-primary line-clamp-1">StoryCanvas</h3><p class="text-sm leading-5 text-caption-fg line-clamp-3 h-[60px]">幫助創作者透過多輪確認，將已有美學參考轉化為可重複使用的頁面化敘事JSON 風格規範。</p></div><div class="flex-1 rounded-xl overflow-hidden relative bg-[#f5f5f5]"><img src="https://cdn.gooo.ai/web-images/4731443b0df74b2e2be165546001fb3ca6fcbf6dd7abc931000bbe2760c38ad8@small" alt="StoryCanvas" class="object-cover absolute inset-0 w-full h-full"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-200 opacity-0"><button type="button" class="px-6 py-2 text-sm font-medium text-primary bg-white rounded-full hover:bg-gray-100 transition-colors">在 YouMind 中試用</button></div></div></div></div></div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-[85%] sm:basis-[70%]"><div role="link" tabindex="0" class="cursor-pointer"><div class="group relative flex flex-col gap-4 p-5 rounded-3xl bg-board-card overflow-hidden transition-shadow hover:shadow-md h-[320px]"><div class="flex items-center shrink-0"><div class="relative size-8 overflow-hidden rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg03.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.20))"><path d="M12 2.85889C6.50595 2.85889 2.87999 6.71209 2.87999 11.2189C2.87999 16.2501 6.00815 18.8189 9.33999 18.8189C10.974 18.8189 12.1756 18.2443 12.8611 17.8012C13.748 17.1416 15.04 15.7416 15.04 13.1797C15.04 10.9605 13.2289 8.93889 11.24 8.93889C9.07323 8.93889 7.43999 10.3274 7.43999 12.1689C7.43999 13.5414 8.33831 14.2589 9.22523 14.2589C10.2132 14.2589 10.5081 13.2944 10.5112 13.2846C10.629 12.8818 11.0515 12.65 11.4543 12.7693C11.8571 12.8878 12.0874 13.3096 11.9696 13.7124C11.7598 14.4276 10.9155 15.7789 9.22523 15.7789C7.62315 15.7789 5.91999 14.5135 5.91999 12.1689C5.91999 9.46101 8.20683 7.41889 11.24 7.41889C14.074 7.41889 16.56 10.1108 16.56 13.1797C16.56 15.617 15.607 17.2282 14.6463 18.2382L16.6444 19.9034C17.453 20.5775 18.666 20.351 19.1904 19.4383C20.059 17.9251 21.12 15.5106 21.12 12.7389C21.12 8.04741 17.2744 2.85889 12 2.85889Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-col gap-2 shrink-0"><h3 class="text-xl font-semibold leading-7 text-primary line-clamp-1">To be PDF</h3><p class="text-sm leading-5 text-caption-fg line-clamp-3 h-[60px]">將文章、報告、筆記、Markdown、PDF 提取文本等參考內容轉化為A4 印刷級單文件HTML,根據內容主題自適應選擇強調色,內嵌語義化極簡手繪線稿SVG,自動修復PDF 導出時的空白頁、孤行、元素截斷等打印問題,並在最後一步直接用canvas 面板導出時的空白頁、孤行、元素截斷等打印問題,並在最後一步直接用canvas 面板導出</p></div><div class="flex-1 rounded-xl overflow-hidden relative bg-[#f5f5f5]"><img src="https://cdn.gooo.ai/web-images/2001d59579dc38a5dc632880bc66facfc832512ea32e4b7ef04b96fbd4ac9ba5@small" alt="To be PDF" class="object-cover absolute inset-0 w-full h-full"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-200 opacity-0"><button type="button" class="px-6 py-2 text-sm font-medium text-primary bg-white rounded-full hover:bg-gray-100 transition-colors">在 YouMind 中試用</button></div></div></div></div></div></div></div></div></div></div></div><div class="px-5 md:px-[168px]"><div class="relative overflow-hidden rounded-[36px] border border-black/[0.06] bg-card px-6 py-10 md:rounded-[40px] md:px-10 md:py-14"><div class="pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_left_center,rgba(191,219,254,0.12),transparent_34%),radial-gradient(circle_at_right_center,rgba(254,240,138,0.14),transparent_36%)] opacity-75"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap absolute left-6 top-6 size-5 text-[#F5D36A] md:left-8 md:top-8" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles absolute bottom-6 right-6 size-5 rotate-180 text-[#D9C2FF] md:bottom-8 md:right-8" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg><div class="relative mx-auto flex max-w-[640px] flex-col items-center gap-5 text-center"><div class="flex flex-col gap-3"><h3 class="text-[32px] font-semibold tracking-tight text-primary md:text-[48px] md:leading-[1.05]">Find your next favorite skill</h3><p class="text-base leading-7 text-secondary-fg md:text-lg">Explore more curated AI skills for research, creation, and everyday work.</p></div><a class="inline-flex items-center justify-center gap-2 rounded-full bg-primary px-7 py-3.5 text-base font-semibold text-primary-fg transition-opacity hover:opacity-90 md:px-8" href="/skills">Explore all skills<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></div></div></div><div class="footer flex flex-col px-[8%] pb-[90px] pt-[64px] md:pt-[80px] font-sans-title text-sm md:text-base bg-card"><div class="flex flex-col w-full mt-4 md:flex-row gap-8"><div class="mb-8 flex-1 md:mb-0 text-[rgba(0,0,0,0.88)]"><svg width="118" height="20" viewBox="0 0 118 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M117.78 16.4587H115.608V14.8788C115.261 15.3695 114.824 15.7884 114.297 16.1355C113.783 16.4826 113.142 16.6562 112.376 16.6562C111.814 16.6562 111.269 16.5485 110.743 16.333C110.216 16.1176 109.749 15.8004 109.342 15.3815C108.935 14.9506 108.606 14.43 108.355 13.8196C108.103 13.2091 107.978 12.509 107.978 11.719C107.978 10.9291 108.097 10.2289 108.337 9.61849C108.588 9.00808 108.917 8.49341 109.324 8.0745C109.731 7.64362 110.198 7.32046 110.725 7.10502C111.263 6.88958 111.814 6.78186 112.376 6.78186C113.154 6.78186 113.801 6.94943 114.315 7.28456C114.83 7.61969 115.261 8.00868 115.608 8.45152V4.54967C115.608 3.88865 116.144 3.35278 116.805 3.35278H117.78V16.4587ZM115.644 11.719C115.644 11.2522 115.566 10.8333 115.41 10.4623C115.267 10.0913 115.069 9.77408 114.818 9.51077C114.567 9.23548 114.273 9.02603 113.938 8.8824C113.603 8.73878 113.256 8.66696 112.897 8.66696C112.526 8.66696 112.173 8.73878 111.838 8.8824C111.515 9.01406 111.227 9.21155 110.976 9.47486C110.725 9.73818 110.527 10.0613 110.384 10.4443C110.24 10.8154 110.168 11.2403 110.168 11.719C110.168 12.1858 110.24 12.6107 110.384 12.9937C110.527 13.3647 110.725 13.6819 110.976 13.9452C111.227 14.2086 111.515 14.412 111.838 14.5556C112.173 14.6993 112.526 14.7711 112.897 14.7711C113.256 14.7711 113.603 14.6993 113.938 14.5556C114.273 14.412 114.567 14.2086 114.818 13.9452C115.069 13.67 115.267 13.3468 115.41 12.9758C115.566 12.6047 115.644 12.1858 115.644 11.719Z" fill="currentColor"></path><path d="M99.7368 11.109V16.5787H97.5645V6.97971H99.7368V8.45188C99.8924 8.22448 100.06 8.01502 100.239 7.82352C100.431 7.62005 100.646 7.44051 100.886 7.28492C101.137 7.12932 101.406 7.00964 101.694 6.92585C101.993 6.8301 102.328 6.78223 102.699 6.78223C103.776 6.78223 104.608 7.11137 105.195 7.76966C105.781 8.42795 106.074 9.31364 106.074 10.4267V16.5787H105.099C104.438 16.5787 103.902 16.0429 103.902 15.3819V11.0731C103.902 10.331 103.722 9.76248 103.363 9.3675C103.016 8.96056 102.52 8.75709 101.873 8.75709C101.239 8.75709 100.724 8.96655 100.329 9.38546C99.9343 9.7924 99.7368 10.3669 99.7368 11.109Z" fill="currentColor"></path><path d="M95.1706 16.578H92.8965V7.00293H95.1706V16.578Z" fill="currentColor"></path><path d="M84.5204 12.7484C84.6002 12.7484 84.6748 12.7086 84.7193 12.6422L88.199 7.44617V16.5784H90.4073V3.77173H88.0554L84.2314 9.83396L80.4073 3.77173H78.0554V16.5784H80.2278V7.48208L83.6729 12.6419C83.7173 12.7084 83.792 12.7484 83.872 12.7484H84.5204Z" fill="currentColor"></path><path d="M93.9141 5.61491H94.0338C94.6618 5.61491 95.1709 5.10583 95.1709 4.47786C95.1709 3.84989 94.6618 3.34082 94.0338 3.34082H93.9141C93.2862 3.34082 92.7771 3.84989 92.7771 4.47786C92.7771 5.10583 93.2862 5.61491 93.9141 5.61491Z" fill="currentColor"></path><path d="M72.4127 12.3295V6.97937H74.5851V16.5784H73.6096C72.9486 16.5784 72.4127 16.0425 72.4127 15.3815V14.9865C72.1015 15.4414 71.7125 15.8363 71.2457 16.1715C70.779 16.4946 70.1805 16.6562 69.4504 16.6562C68.3732 16.6562 67.5414 16.3271 66.9549 15.6688C66.3684 15.0105 66.0752 14.1248 66.0752 13.0117V6.97937H67.0507C67.7117 6.97937 68.2475 7.51523 68.2475 8.17626V12.3654C68.2475 13.1074 68.4211 13.6819 68.7682 14.0889C69.1273 14.4839 69.63 14.6813 70.2763 14.6813C70.9106 14.6813 71.4253 14.4779 71.8203 14.0709C72.2152 13.652 72.4127 13.0715 72.4127 12.3295Z" fill="currentColor"></path><path d="M63.8126 11.7194C63.8126 12.4016 63.6817 13.0419 63.4198 13.6404C63.1698 14.2388 62.8186 14.7655 62.3662 15.2203C61.9257 15.6631 61.3959 16.0162 60.7768 16.2795C60.1578 16.5428 59.4851 16.6745 58.7589 16.6745C58.0446 16.6745 57.3779 16.5488 56.7589 16.2975C56.1517 16.0342 55.6219 15.6811 55.1695 15.2382C54.7291 14.7834 54.3838 14.2628 54.1338 13.6763C53.8838 13.0779 53.7588 12.4375 53.7588 11.7553C53.7588 11.0731 53.8838 10.4327 54.1338 9.83429C54.3957 9.22388 54.7469 8.69725 55.1874 8.2544C55.6398 7.79958 56.1696 7.44051 56.7767 7.1772C57.3958 6.91388 58.0684 6.78223 58.7946 6.78223C59.5209 6.78223 60.1875 6.91388 60.7947 7.1772C61.4138 7.42855 61.9435 7.78163 62.384 8.23644C62.8364 8.67929 63.1876 9.19994 63.4376 9.79838C63.6876 10.3968 63.8126 11.0372 63.8126 11.7194ZM61.6519 11.7553C61.6519 11.3364 61.5804 10.9414 61.4376 10.5704C61.2947 10.1993 61.0923 9.87618 60.8304 9.6009C60.5804 9.31364 60.2768 9.09222 59.9197 8.93662C59.5744 8.76906 59.1875 8.68528 58.7589 8.68528C58.3303 8.68528 57.9375 8.76906 57.5803 8.93662C57.2351 9.09222 56.9374 9.30766 56.6874 9.58294C56.4374 9.85823 56.247 10.1814 56.116 10.5524C55.985 10.9115 55.9196 11.3005 55.9196 11.7194C55.9196 12.1383 55.991 12.5393 56.1339 12.9223C56.2767 13.2933 56.4732 13.6165 56.7232 13.8917C56.9851 14.167 57.2887 14.3884 57.6339 14.556C57.9911 14.7116 58.378 14.7894 58.7946 14.7894C59.2351 14.7894 59.628 14.7116 59.9732 14.556C60.3304 14.3884 60.634 14.167 60.884 13.8917C61.134 13.6165 61.3245 13.2993 61.4554 12.9402C61.5864 12.5692 61.6519 12.1742 61.6519 11.7553Z" fill="currentColor"></path><path d="M48.9711 11.4498V16.5784H46.7449V11.5036L41.7539 3.77173H43.6903C44.1049 3.77173 44.4899 3.98622 44.7081 4.3387L47.876 9.45694L51.0791 4.33407C51.2979 3.98424 51.6814 3.77173 52.094 3.77173H53.9622L48.9711 11.4498Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.33333 4.06667C5.33333 1.82071 3.51262 0 1.26667 0H0V13.8333C0 17.2391 2.7609 20 6.16667 20C9.57243 20 12.3333 17.2391 12.3333 13.8333V12.0333H12.3337V6.73333C12.3337 4.85557 13.8559 3.33333 15.7337 3.33333C17.6114 3.33333 19.1337 4.85557 19.1337 6.73333V17.3333C19.1337 18.8061 20.3276 20 21.8003 20H24.7337V7.03333C24.7337 3.14893 21.5847 0 17.7003 0C13.8159 0 10.667 3.14893 10.667 7.03333V8.01667H10.6667V14C10.6667 15.4728 9.47275 16.6667 8 16.6667C6.52725 16.6667 5.33333 15.4728 5.33333 14V4.06667ZM25.5869 3.4913C27.2187 4.77285 28.3003 6.76385 28.3003 8.99967V17.333C28.3003 18.8058 29.4942 19.9997 30.967 19.9997H33.3336V9.66634C33.3336 9.44118 33.3219 9.21877 33.299 8.99967C32.9658 5.81523 30.2729 3.33301 27.0003 3.33301C26.5435 3.33301 26.0981 3.38136 25.6688 3.47322C25.6414 3.47907 25.6141 3.4851 25.5869 3.4913Z" fill="currentColor"></path></svg><p class="mt-4 text-caption-fg">© 2026 MIND MOTOR PTE. LTD.</p><button type="button" role="combobox" aria-controls="radix-_R_rqbtkqivb_" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" class="flex h-10 items-center justify-between border border-input px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 w-[265px] rounded-lg bg-transparent hover:bg-accent transition-colors duration-200 ease-out mt-10"><span style="pointer-events:none"></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-[14px] h-[14px] opacity-75" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select><div class="flex gap-6 mt-10 items-center"><a href="https://discord.gg/kKvXrB2r7x" target="_blank" rel="noopener"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-caption-fg"><path d="M19.6949 5.41887C19.6888 5.407 19.6786 5.39769 19.6663 5.39262C18.2366 4.7367 16.728 4.26897 15.178 4.00115C15.164 3.99853 15.1494 4.00042 15.1365 4.00654C15.1235 4.01267 15.1128 4.02272 15.1059 4.03527C14.9005 4.40813 14.714 4.79112 14.5472 5.18277C12.8764 4.92915 11.177 4.92915 9.5062 5.18277C9.33826 4.79012 9.14878 4.40704 8.93863 4.03527C8.93142 4.023 8.92069 4.01318 8.90782 4.00709C8.89495 4.001 8.88054 3.99893 8.86648 4.00115C7.31637 4.26841 5.80762 4.73617 4.37818 5.39266C4.36595 5.39785 4.35562 5.4067 4.34863 5.41801C1.49004 9.68693 0.70697 13.8509 1.09112 17.9633C1.0922 17.9734 1.0953 17.9831 1.10023 17.992C1.10515 18.0008 1.11181 18.0086 1.11981 18.0149C2.78434 19.2473 4.64613 20.1881 6.62575 20.7969C6.63969 20.8011 6.65457 20.8009 6.6684 20.7964C6.68223 20.7919 6.69434 20.7832 6.70311 20.7716C7.12829 20.1931 7.50502 19.5805 7.82949 18.94C7.83395 18.9312 7.8365 18.9216 7.83696 18.9118C7.83743 18.9019 7.8358 18.8921 7.83219 18.8829C7.82858 18.8737 7.82307 18.8654 7.81602 18.8586C7.80897 18.8517 7.80054 18.8464 7.79128 18.843C7.19719 18.6157 6.62204 18.3416 6.07123 18.0235C6.06123 18.0176 6.05282 18.0093 6.04676 17.9994C6.04071 17.9895 6.03718 17.9783 6.03649 17.9667C6.03581 17.9551 6.03798 17.9436 6.04283 17.933C6.04768 17.9225 6.05505 17.9133 6.0643 17.9063C6.1802 17.8197 6.29409 17.7304 6.40588 17.6386C6.41569 17.6305 6.42755 17.6254 6.44014 17.6237C6.45273 17.622 6.46554 17.6238 6.47713 17.629C10.0857 19.2759 13.9925 19.2759 17.5584 17.629C17.57 17.6235 17.583 17.6214 17.5957 17.6229C17.6085 17.6245 17.6206 17.6296 17.6305 17.6378C17.7425 17.7301 17.8566 17.8196 17.973 17.9063C17.9823 17.9132 17.9897 17.9223 17.9946 17.9328C17.9996 17.9433 18.0018 17.9549 18.0012 17.9665C18.0006 17.9781 17.9972 17.9893 17.9912 17.9993C17.9852 18.0092 17.9769 18.0175 17.9669 18.0235C17.4173 18.3443 16.8417 18.6182 16.246 18.8421C16.2368 18.8456 16.2284 18.8511 16.2214 18.8581C16.2144 18.865 16.2089 18.8734 16.2054 18.8827C16.2018 18.8919 16.2003 18.9018 16.2008 18.9117C16.2014 18.9216 16.204 18.9312 16.2085 18.94C16.5384 19.5769 16.9146 20.1887 17.3341 20.7706C17.3426 20.7825 17.3546 20.7915 17.3685 20.7962C17.3824 20.8009 17.3974 20.8011 17.4114 20.7968C19.3946 20.19 21.2596 19.2492 22.9262 18.0149C22.9344 18.0089 22.9411 18.0014 22.9461 17.9926C22.951 17.9839 22.954 17.9742 22.9549 17.9642C23.4148 13.2098 22.185 9.07996 19.6949 5.41887ZM8.36841 15.4593C7.28196 15.4593 6.38676 14.4623 6.38676 13.2378C6.38676 12.0134 7.2646 11.0163 8.36841 11.0163C9.48085 11.0163 10.3674 12.022 10.35 13.2377C10.35 14.4623 9.47215 15.4593 8.36841 15.4593ZM15.6952 15.4593C14.6087 15.4593 13.7135 14.4623 13.7135 13.2378C13.7135 12.0134 14.5914 11.0163 15.6952 11.0163C16.8077 11.0163 17.6942 12.022 17.6768 13.2377C17.6768 14.4623 16.8077 15.4593 15.6952 15.4593Z" fill="black" fill-opacity="0.6"></path></svg></a><a href="https://x.com/YouMind_AI" target="_blank" rel="noopener"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-caption-fg"><g clip-path="url(#clip0_932_2592)"><path d="M17.7477 2.7995H20.8025L14.0953 10.4364L21.9314 20.796H15.782L10.9675 14.5005L5.45564 20.796H2.40089L9.50651 12.6278L2.00244 2.7995H8.30453L12.6542 8.55041L17.7477 2.7995ZM16.6785 19.003H18.3719L7.41467 4.5261H5.5951L16.6785 19.003Z" fill="black" fill-opacity="0.6"></path></g><defs><clipPath id="clip0_932_2592"><rect width="20" height="17.9965" fill="white" transform="translate(2 2.79965)"></rect></clipPath></defs></svg></a><a href="https://www.producthunt.com/products/youmind?embed=true&utm_source=badge-featured&utm_medium=badge&utm_source=badge-youmind" target="_blank" rel="noreferrer noopener" class="flex-shrink-0"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=989426&theme=light&t=1759197639729" alt="YouMind - The first AI learning and creation agent where learning meets writing | Product Hunt" width="250" height="36" class="h-[36px] w-auto"/></a></div></div><div class="grid grid-cols-3 gap-4 lg:flex lg:flex-row md:gap-8 lg:gap-16 flex-1"><div class="flex-1 lg:flex-[1.5]"><div class="mb-[16px] text-base font-semibold">提示詞</div><div class="flex flex-col gap-[20px] text-sm"><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/zh-TW/nano-banana-pro-prompts?utm_source=footer">Nano Banana Pro 提示詞</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/zh-TW/gpt-image-2-prompts?utm_source=footer"><span class="inline-flex items-center gap-1.5">GPT Image 2 提示詞<span aria-hidden="true" class="pointer-events-none relative inline-flex shrink-0 h-2.5 w-2.5"><span class="absolute inline-flex h-full w-full rounded-full animate-ping bg-red-400 opacity-75"></span><span class="relative inline-flex h-full w-full rounded-full bg-red-500"></span></span></span></a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/zh-TW/seedance-2-0-prompts?utm_source=footer">Seedance 2.0 提示詞</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/zh-TW/gpt-image-1-5-prompts?utm_source=footer">GPT Image 1.5 提示詞</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/zh-TW/seedream-4-dot-5-prompts?utm_source=footer">Seedream 4.5 提示詞</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/zh-TW/gemini-3-prompts?utm_source=footer">Gemini 3 Pro 提示詞</a></div></div><div class="flex-1 lg:flex-[1.5]"><div class="mb-[16px] text-base font-semibold">AI 工具</div><div class="flex flex-col gap-[20px] text-sm"><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/zh-TW/landing/gpt-image-2-slides?utm_source=footer">GPT Image 2 投影片</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/zh-TW/landing/x-viral-articles?utm_source=footer"><span class="inline-flex items-center gap-1.5">𝕏 爆款文章追蹤<span aria-hidden="true" class="pointer-events-none relative inline-flex shrink-0 h-2.5 w-2.5"><span class="absolute inline-flex h-full w-full rounded-full animate-ping bg-red-400 opacity-75"></span><span class="relative inline-flex h-full w-full rounded-full bg-red-500"></span></span></span></a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/zh-TW/model-arena/nano-banana-2-vs-nano-banana-pro?utm_source=footer">Nano Banana 2 與 Pro 對比</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/zh-TW/landing/lenny-career-coach?utm_source=footer">Lenny 職涯教練</a></div></div><div class="flex-1 lg:flex-[2]"><div class="mb-[16px] text-base font-semibold">部落格</div><div class="flex flex-col gap-[20px] text-sm"><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/zh-TW/blog/best-notebooklm-alternatives">NotebookLM 替代方案</a></div></div><div class="flex-1"><div class="mb-[16px] text-base font-semibold">產品</div><div class="flex flex-col gap-[20px] text-sm"><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/zh-TW/use-cases">使用案例</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/zh-TW/pricing">定價</a></div></div><div class="flex-1 mt-0"><div class="mb-[16px] text-base font-semibold">公司</div><div class="flex flex-col gap-[20px] text-sm"><div class="cursor-pointer lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]">聯絡我們</div><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/zh-TW/privacy">隱私權政策</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/zh-TW/terms">服務條款</a></div></div></div></div></div></main><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><script src="/_next/static/chunks/16i9c5h.s.16a.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[609031,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\"],\"default\"]\n3:I[470962,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\"],\"default\"]\n4:I[335838,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/0zj5who20use~.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/16td-vbv1z3l-.js\"],\"default\"]\n13:I[663151,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/0..a~~m_~eonw.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-sij_15ad7bx.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\"],\"default\"]\n17:I[506740,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\"],\"OutletBoundary\"]\n18:\"$Sreact.suspense\"\n1b:I[506740,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\"],\"ViewportBoundary\"]\n1d:I[506740,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\"],\"MetadataBoundary\"]\n1f:I[713662,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\",\"/_next/static/chunks/0_dcupj0e7wl9.js\",\"/_next/static/chunks/0l64wq.cm60sg.js\",\"/_next/static/chunks/12yrklw9h82qj.js\",\"/_next/static/chunks/0-ge097fewzc1.js\"],\"Header\"]\n21:I[238910,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"\"]\n22:I[148724,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"default\"]\n23:I[855331,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/c"])</script><script>self.__next_f.push([1,"hunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"PostHogProvider\"]\n24:I[612645,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"GtagProvider\"]\n25:I[242092,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"ThemeProvider\"]\n27:I[825979,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"default\"]\n29:I[407240,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"I18nProvider\"]\n2a:I[422187,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_"])</script><script>self.__next_f.push([1,"next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"NuqsAdapter\"]\n2b:I[470174,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"default\"]\n2c:I[416398,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"GoogleOneTapPrompt\"]\n2d:I[524955,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"default\"]\n2e:I[170637,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"default\"]\n2f:I[246331,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\""])</script><script>self.__next_f.push([1,",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"Toaster\"]\n30:I[673227,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"PageRedirecting\"]\n:HL[\"/_next/static/chunks/0zdqio1ih3c8b.css\",\"style\"]\n:HL[\"/_next/static/chunks/103xs3lip~39p.css\",\"style\"]\n:HL[\"/_next/static/chunks/0w4j13h6i7zdh.css\",\"style\"]\n:HL[\"/_next/static/chunks/0mtcuu7cd2iei.css\",\"style\"]\n:HL[\"/_next/static/chunks/0-5wd7x1od-bn.css\",\"style\"]\n:HL[\"/_next/static/media/051742360c26797e-s.p.0f97p8c3305p~.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/1904c30335c1760b-s.p.08w36q5lu9vc4.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/20a72cd0c9704d06-s.p.0wk9o2ly~jaap.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/7ebf22b5a21034f8-s.p.10_7676vm7pyy.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/AirbnbCereal_W_Bd-s.p.0zrn8nawcg4x4.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/media/AirbnbCereal_W_Bk-s.p.07qy3p9jsost4.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/media/AirbnbCereal_W_Blk-s.p.058ndt5i1t2zv.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/media/AirbnbCereal_W_Lt-s.p.0plf8ivmhq9jc.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/media/AirbnbCereal_W_Md-s.p.08_-_pk6.ifi~.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/media/AirbnbCereal_W_XBd-s.p.0l85nvd__drfd.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/media/Arvo_Bold-s.p.0.8k75a72nr-k.ttf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/ttf\"}]\n:HL[\"/_next/static/media/Arvo_BoldItalic-s.p.11d1_0ap3ag.x.ttf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/ttf\"}]\n:HL[\"/_next/static/media/Arvo_Italic-s.p.02a7.3u5s~_tj.ttf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/ttf\"}]\n:HL[\"/_next/static/media/Arvo_Regular-s.p.0n3do0_xda3qj.ttf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/ttf\"}]\n:HL[\"/_next/static/media/a624dffa201843ff-s.p.0xr-_bh6gedpp.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e41d5df559864f9e-s.p.0gq7fw9.sy_5..woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/fabcf92ba1ccea36-s.p.0lwj123ije5i..woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/chunks/0x4c2rs04i8ip.css\",\"style\"]\n0:{\"P\":null,\"c\":[\"\",\"zh-TW\",\"skills\",\"magazine-style-web-ppt-54BKOuAPQRKStG\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[[\"locale\",\"zh-TW\",\"d\",null],{\"children\":[\"(marketing)\",{\"children\":[\"skills\",{\"children\":[[\"id\",\"magazine-style-web-ppt-54BKOuAPQRKStG\",\"d\",null],{\"children\":[\"__PAGE__\",{}]}]}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0zdqio1ih3c8b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/103xs3lip~39p.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"async\":true,\"nonce\":\"$undefined\"}]"])</script><script>self.__next_f.push([1,"],[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L4\",null,{}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0w4j13h6i7zdh.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0w4j13h6i7zdh.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0ysljzli4goe4.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0s-u4tc-5uran.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/0e2c78d-wylvg.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/0yn91s91gmmxu.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/chunks/09aqnhxj1v..o.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-8\",{\"src\":\"/_next/static/chunks/16td-vbv1z3l-.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-9\",{\"src\":\"/_next/static/chunks/0om330ufayb43.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-10\",{\"src\":\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-11\",{\"src\":\"/_next/static/chunks/05xt-0p1syujx.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-12\",{\"src\":\"/_next/static/chunks/16vm.ljp5ys24.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-13\",{\"src\":\"/_next/static/chunks/14ik3i1~udj4..js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-14\",{\"src\":\"/_next/static/chunks/0p-2~7vilibdn.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-15\",{\"src\":\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-16\",{\"src\":\"/_next/static/chunks/0mjx2yp5sdxdw.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L5\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0mtcuu7cd2iei.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0-5wd7x1od-bn.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0_dcupj0e7wl9.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0l64wq.cm60sg.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/12yrklw9h82qj.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0-ge097fewzc1.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L6\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L7\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/c"])</script><script>self.__next_f.push([1,"hunks/0x4c2rs04i8ip.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/00a4rt679ztby.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0~nh_~r1-6no4.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/12esm9pb26rc4.js\",\"async\":true,\"nonce\":\"$undefined\"}],\"$L8\",\"$L9\",\"$La\",\"$Lb\",\"$Lc\",\"$Ld\",\"$Le\",\"$Lf\"],\"$L10\"]}],{},null,false,null]},null,false,\"$@11\"]},null,false,\"$@11\"]},null,false,null]},null,false,null]},null,false,null],\"$L12\",false]],\"m\":\"$undefined\",\"G\":[\"$13\",[\"$L14\",\"$L15\",\"$L16\"]],\"S\":false,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"IbDLNBVAMlC7f03mzrkWq\"}\n8:[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/031rfbv760bzf.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n9:[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/0ak0ygbs2vkl~.js\",\"async\":true,\"nonce\":\"$undefined\"}]\na:[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/15_r26faf0l.m.js\",\"async\":true,\"nonce\":\"$undefined\"}]\nb:[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/chunks/0kpqv9w34iff0.js\",\"async\":true,\"nonce\":\"$undefined\"}]\nc:[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/chunks/0zpom-b1oogps.js\",\"async\":true,\"nonce\":\"$undefined\"}]\nd:[\"$\",\"script\",\"script-8\",{\"src\":\"/_next/static/chunks/0ri2baxbh-rap.js\",\"async\":true,\"nonce\":\"$undefined\"}]\ne:[\"$\",\"script\",\"script-9\",{\"src\":\"/_next/static/chunks/0j1rtqp43.-im.js\",\"async\":true,\"nonce\":\"$undefined\"}]\nf:[\"$\",\"script\",\"script-10\",{\"src\":\"/_next/static/chunks/0mm_0a31f4ljo.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n10:[\"$\",\"$L17\",null,{\"children\":[\"$\",\"$18\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@19\"}]}]\n1a:[]\n11:\"$W1a\"\n12:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L1b\",null,{\"children\":\"$L1c\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L1d\",null,{\"children\":[\"$\",\"$18\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L1e\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n14:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0zdqio1ih3c8b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n15:[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/103xs3lip~39p.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n16:[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0w4j13h6i7zdh.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n6:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@graph\\\":[{\\\"@type\\\":\\\"Organization\\\",\\\"@id\\\":\\\"https://youmind.com/#organization\\\",\\\"name\\\":\\\"YouMind\\\",\\\"url\\\":\\\"https://youmind.com\\\",\\\"logo\\\":\\\"https://marketing-assets.youmind.com/youmind-logo.png\\\",\\\"description\\\":\\\"YouMind is where learning meets creation. Learn, think, and create with AI agents. Everything flows together and grows with you.\\\",\\\"sameAs\\\":[\\\"https://x.com/youmind_ai\\\",\\\"https://www.linkedin.com/company/mindbicycle\\\",\\\"https://www.youtube.com/@youmind_ai\\\"]},{\\\"@type\\\":\\\"WebSite\\\",\\\"@id\\\":\\\"https://youmind.com/#website\\\",\\\"url\\\":\\\"https://youmind.com\\\",\\\"name\\\":\\\"YouMind\\\",\\\"description\\\":\\\"Learn smarter. Create bolder.\\\",\\\"publisher\\\":{\\\"@id\\\":\\\"https://youmind.com/#organization\\\"}}]}\"}}],[\"$\",\"main\",null,{\"className\":\"flex flex-col min-h-screen overflow-x-clip marketing-body\",\"children\":[[\"$\",\"$L1f\",null,{\"variant\":\"glass\"}],[\"$\",\"div\",null,{\"className\":\"flex-grow bg-card\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],\"$L20\"]}]]\n5:[\"$\",\"html\",null,{\"lang\":\"zh-TW\",\"suppressHydrationWarning\":true,\"className\":\"inter_1b545fac-module__b8QJrq__variable arvo_47c97b1b-module__gSbheq__variable cereal_d27b773e-module__vIeTSq__variable pacifico_2c68cb73-module__"])</script><script>self.__next_f.push([1,"2O2tPW__variable instrument_serif_e6807043-module__ZE2Y9q__variable bebas_neue_2462c9af-module__3UALqa__variable literata_a1f9e2d0-module__IX9Mva__variable jetbrains_mono_75b673cc-module__gh4UVG__variable font-sans\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://cms-assets.youmind.com\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://marketing-assets.youmind.com\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://cdn.gooo.ai\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"rel\":\"dns-prefetch\",\"href\":\"https://cdn.gooo.ai\"}],[\"$\",\"link\",null,{\"data-rh\":\"true\",\"rel\":\"apple-touch-icon\",\"href\":\"https://marketing-assets.youmind.com/logo-128.png\",\"sizes\":\"128x128\"}],[\"$\",\"link\",null,{\"data-rh\":\"true\",\"rel\":\"apple-touch-icon\",\"href\":\"https://marketing-assets.youmind.com/logo-96.png\",\"sizes\":\"96x96\"}],[\"$\",\"link\",null,{\"data-rh\":\"true\",\"rel\":\"apple-touch-icon\",\"href\":\"https://marketing-assets.youmind.com/logo-256.png\",\"sizes\":\"256x256\"}],[\"$\",\"link\",null,{\"data-rh\":\"true\",\"rel\":\"apple-touch-icon\",\"href\":\"https://marketing-assets.youmind.com/logo-512.png\",\"sizes\":\"512x512\"}],[[\"$\",\"$L21\",null,{\"id\":\"firstpromoter-init\",\"strategy\":\"lazyOnload\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n (function(w){\\n w.fpr=w.fpr||function(){\\n w.fpr.q = w.fpr.q||[];\\n w.fpr.q[arguments[0]=='set'?'unshift':'push'](arguments);\\n };\\n })(window);\\n fpr(\\\"init\\\", {cid:\\\"r3ldf8qa\\\"});\\n fpr(\\\"click\\\");\\n \"}}],[\"$\",\"$L21\",null,{\"src\":\"https://cdn.firstpromoter.com/fpr.js\",\"strategy\":\"lazyOnload\"}]],[[\"$\",\"$L21\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-EP3DKQTSZ9\",\"strategy\":\"lazyOnload\"}],[\"$\",\"$L21\",null,{\"id\":\"gtag-init\",\"strategy\":\"lazyOnload\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n gtag('config', 'G-EP3DKQTSZ9');\\n gtag('config', 'AW-9337236397');\\n \"}}]],[\"$\",\"style\",null,{\"children\":\".icon {\\n fill: currentColor;\\n overflow: hidden;\\n }\"}],[\"$\",\"$L21\",null,{\"src\":\"https://cdn.gooo.ai/assets/iconfont_icons.js\",\"strategy\":\"lazyOnload\"}]]}],[\"$\",\"body\",null,{\"translate\":\"no\",\"suppressHydrationWarning\":true,\"className\":\"bg-white text-foreground\",\"children\":[[\"$\",\"$L22\",null,{\"shadow\":false,\"color\":\"var(--primary)\",\"showSpinner\":false,\"height\":3,\"showForHashAnchor\":false}],[\"$\",\"$L23\",null,{\"children\":[\"$\",\"$L24\",null,{\"children\":[\"$\",\"$L25\",null,{\"attribute\":\"class\",\"defaultTheme\":\"light\",\"forcedTheme\":\"light\",\"enableSystem\":true,\"disableTransitionOnChange\":true,\"children\":\"$L26\"}]}]}]]}]]}]\n26:[\"$\",\"$L27\",null,{\"formats\":\"$undefined\",\"locale\":\"zh-TW\",\"messages\":{\"LocaleLayout\":{\"title\":\"YouMind - AI 創作智能體\",\"description\":\"YouMind 是一個創新的創作智能體,利用生成式 AI 的力量將多樣化的材料轉化為富有靈感的創作。\"},\"Footer\":{\"aiTools\":\"AI 工具\",\"prompts\":\"提示詞\",\"nanoBanana2VsPro\":\"Nano Banana 2 與 Pro 對比\",\"youtubeTranscript\":\"YouTube 轉錄\",\"youtubeSummary\":\"YouTube 摘要\",\"nanoBananaPrompts\":\"Nano Banana Pro 提示詞\",\"gptImage1_5Prompts\":\"GPT Image 1.5 提示詞\",\"seedream4_5Prompts\":\"Seedream 4.5 提示詞\",\"gemini3Prompts\":\"Gemini 3 Pro 提示詞\",\"seedance20Prompts\":\"Seedance 2.0 提示詞\",\"christmasCardPrompts\":\"聖誕賀卡提示詞\",\"product\":\"產品\",\"useCases\":\"使用案例\",\"pricing\":\"定價\",\"blog\":\"部落格\",\"notebooklmAlternatives\":\"NotebookLM 替代方案\",\"updates\":\"更新\",\"company\":\"公司\",\"contactUs\":\"聯絡我們\",\"privacy\":\"隱私權政策\",\"terms\":\"服務條款\",\"grokImaginePrompts\":\"Grok Imagine 提示詞\",\"gptImage2Prompts\":\"GPT Image 2 提示詞\",\"gptImage2Slides\":\"GPT Image 2 投影片\",\"xViralArticlesTracking\":\"𝕏 爆款文章追蹤\"},\"Aut"])</script><script>self.__next_f.push([1,"h\":{\"Footnote\":{\"desc\":\"繼續即表示你同意\",\"terms\":\"條款\",\"privacy\":\"隱私權政策\",\"cookie\":\"Cookie 聲明\"},\"Login\":{\"title\":\"加入 YouMind\",\"description\":\"\",\"action\":\"繼續\",\"actionLoading\":\"正在傳送郵件\",\"actionByOAuth\":\"使用 {provider} 繼續\",\"form\":{\"email\":{\"label\":\"電子郵件\",\"invalid\":\"請輸入有效的電子郵件\",\"placeholder\":\"輸入你的電子郵件\",\"invalidWithInvite\":\"請輸入有效的電子郵件\"},\"inviteCode\":{\"label\":\"邀請碼\",\"placeholder\":\"輸入邀請碼（可選）\",\"invalid\":\"無效的邀請碼\"},\"turnstile\":{\"required\":\"請完成驗證\"}}},\"OTP\":{\"title\":\"輸入驗證碼\",\"description\":\"我們已向 {email} 傳送郵件\",\"goBack\":\"返回\",\"action\":\"繼續\",\"actionLoading\":\"正在驗證\",\"resend\":\"重新傳送\",\"resending\":\"傳送中\",\"resendSuccess\":\"驗證碼已傳送\",\"form\":{\"token\":{\"label\":\"驗證碼\",\"invalid\":\"請輸入有效的驗證碼\"},\"turnstile\":{\"required\":\"請完成驗證\"}}},\"Onboard\":{\"title\":\"即將完成!\",\"description\":\"我們應該怎麼稱呼你?\",\"action\":\"繼續\",\"actionLoading\":\"正在儲存你的姓名\",\"form\":{\"name\":{\"label\":\"姓名\",\"placeholder\":\"輸入你的姓名\",\"invalid\":\"請輸入姓名\"}}},\"Waiting\":{\"title\":\"感謝你加入我們的等待名單。\",\"description\":\"很高興認識你,{name}。請耐心等待!\",\"action\":\"加入我們的 Discord\",\"logout\":\"登出\"}},\"Credits\":{\"videoViews\":\"影片觀看次數\",\"limitReached\":\"已達上限\",\"unlockUnlimited\":\"解鎖無限存取\",\"upgradeDescription\":\"升級以獲得無限影片觀看次數\"},\"Header\":{\"overview\":\"概覽\",\"useCases\":\"使用案例\",\"skills\":\"技能\",\"prompts\":\"提示詞\",\"nanoBananaPro\":\"Nano Banana Pro\",\"gptImage1_5\":\"GPT Image 1.5\",\"seedream4_5\":\"Seedream 4.5\",\"gemini3\":\"Gemini 3\",\"christmasCard\":\"聖誕賀卡\",\"pricing\":\"定價\",\"blog\":\"部落格\",\"notebooklmAlternatives\":\"NotebookLM 替代方案\",\"updates\":\"更新\",\"signIn\":\"登入\",\"signOut\":\"登出\",\"openYouMind\":\"開啟 YouMind\",\"gptImage2\":\"GPT Image 2\",\"allPromptsBadge\":\"{promptCount} 免費圖像、影片提示詞\",\"allPromptsGroupImage\":\"圖像\",\"allPromptsGroupVideo\":\"影片\",\"seedance2_0\":\"Seedance 2.0\",\"grokImagine\":\"Grok Imagine\"},\"Invite\":{\"metaTitle\":\"邀請朋友加入 YouMind\",\"metaDescription\":\"使用邀請碼加入 YouMind，解鎖 200 獎勵點數。\"},\"Hero\":{\"title\":\"大胆創作\\n不止於學\",\"description\":\"YouMind 是學習與創作交匯的地方。在 YouMind 中，你可以與 AI 智能體一起學習、思考和創作。一切自然流動，與你共同成長。\",\"addToBrowser\":\"加到 {browserName}\",\"saveWhileBrowse\":\"瀏覽時隨手儲存任何內容\",\"downloadForIOS\":\"下載 iOS 版\",\"aiAssistantPocket\":\"口袋裡的 AI 助手\"},\"Pricing\":{\"metaTitle\":\"YouMind 定價\",\"metaDescription\":\"YouMind 是重新構想的 AI 寫作工具，在你思考的地方與你相遇。將零散的想法轉化為完整、精緻的作品。\",\"upgradeYourPlan\":\"升級你的方案\",\"chooseYourPlan\":\"選擇你的方案\",\"multiModeSources\":{\"title\":\"多模態素材源\",\"description\":\"一鍵儲存一切 —— YouTube 影片、播客、網頁、音訊、PDF、圖片等等。\"},\"creativeBoards\":{\"title\":\"創意看板\",\"description\":\"YouMind 中的看板是一個整理器，將混亂變為有序的專案。它幫助你理順工作流程，將創意想法轉化為最終作品。\"},\"powerfulAI\":{\"title\":\"強大的 AI\",\"description\":\"由 OpenAI、Anthropic、Google 和 DeepSeek 等頂級 AI 模型驅動，你將體驗到持續高質量的 AI 創作能力。\"},\"faq\":{\"title\":\"常見問題\",\"questions\":{\"howToUse\":{\"question\":\"如何使用 YouMind？\",\"answer\":\"你可以使用 YouMind 瀏覽器外掛或流動應用程式收集資訊，並透過造訪 youmind.ai 進行深度思考和創作。\"},\"isFree\":{\"question\":\"YouMind 免費嗎？\",\"answer\":\"YouMind 提供免費方案，讓你完全存取我們的平台並包含使用積分。在你探索 YouMind 能為你做什麼之後，還有付費方案可支援更高的使用限制和進階功能。\"},\"howToPay\":{\"question\":\"如何為 YouMind 付款？\",\"answer\":\"你可以"])</script><script>self.__next_f.push([1,"透過 Stripe 使用信用卡、流動支付和其他方式付款。你可以按月或按年付費。\"}}},\"blackFridayTitle\":\"黑色星期五 — 50% 折扣\"},\"CampaignHeader\":{\"desktopText\":\"🎁 黑色星期五特惠：使用代碼 {code} 享受 50% 折扣。12 月 12 日截止。\",\"mobileText\":\"🎁 黑色星期五 · 50% 折扣 · 12 月 12 日截止\",\"buttonText\":\"享受 50% 折扣\",\"alt\":{\"blackFriday\":\"黑色星期五\",\"blackFriday50Off\":\"黑色星期五 50% 折扣\"}},\"Updates\":{\"metaTitle\":\"YouMind 更新\",\"metaDescription\":\"YouMind 的新更新和改進\",\"title\":\"更新\",\"description\":\"了解我們最新的產品功能、解決方案和更新。\",\"loading\":\"載入中...\",\"scrollForMore\":\"向下滾動載入更多\",\"backToUpdates\":\"更新\"},\"Blog\":{\"metaTitle\":\"YouMind 部落格\",\"metaDescription\":\"來自團隊的最新文章、新聞和公告。\",\"title\":\"部落格\",\"description\":\"了解我們最新的產品功能、解決方案和更新。\",\"backToBlog\":\"部落格\",\"publishedOn\":\"發佈於\",\"in\":\"於\",\"showMorePosts\":\"查看更多文章\",\"postNotFound\":\"文章未找到\",\"postNotFoundDescription\":\"找不到你請求的文章\",\"anonymous\":\"匿名\",\"relatedPosts\":\"相關文章\",\"cta\":{\"title\":\"對這篇文章有疑問？\",\"button\":\"免費使用 AI 提問\"},\"floating\":{\"placeholder\":\"這篇文章有什麼洞察？\",\"ask\":\"提問\",\"summarize\":\"總結\"},\"prompt\":{\"summarize\":\"幫我概述這篇文章\",\"defaultAsk\":\"這篇文章講的是什麼？\"},\"contents\":\"目錄\",\"writtenBy\":\"作者\",\"reviewedBy\":\"審閱者\"},\"UseCases\":{\"metaTitle\":\"YouMind 使用案例\",\"metaDescription\":\"一步步地，讓 YouMind 成為你創作的得力助手。\",\"title\":\"使用案例\",\"description\":\"看看用戶如何在實際專案中使用 YouMind 進行創作。\",\"backToUseCases\":\"使用案例\",\"publishedOn\":\"發佈於\"},\"Common\":{\"all\":\"全部\",\"startForFree\":\"免費開始\",\"featured\":\"精選\",\"explore\":\"探索\",\"readMore\":\"閱讀更多\",\"viewAll\":\"檢視全部\",\"getStarted\":\"開始使用\",\"learnMore\":\"了解更多\",\"loading\":\"載入中...\",\"noAvailableCases\":\"暫無案例\",\"exploreMoreUseCases\":\"探索更多使用案例\"},\"PromptFilter\":{\"all\":\"全部\",\"filterButton\":\"篩選\",\"dialogTitle\":\"篩選\",\"clearAll\":\"清空選擇\",\"confirm\":\"確定\",\"noCategories\":\"暫無分類\",\"sortButton\":\"排序\",\"sortAsc\":\"升序\",\"sortDesc\":\"降序\",\"sortTime\":\"時間\",\"sortLikes\":\"按讚\",\"sortComments\":\"留言\",\"sortReposts\":\"轉發\",\"sortViews\":\"曝光量\",\"sortBookmarks\":\"收藏\",\"clearSort\":\"清除排序\",\"xViralCovers\":\"𝕏文章封面\"},\"Testimonials\":{\"title\":\"用戶評價\"},\"Posts\":{\"title\":\"深入了解 YouMind\"},\"UseCasesComponent\":{\"title\":\"使用案例\",\"description\":\"看看用戶如何在實際專案中使用 YouMind 進行創作。\"},\"NewFeatures\":{\"mainTitle\":\"排名第一的個人化\\nAI 學習與創作智能體\",\"card1Title\":\"隨時隨地儲存任何內容\",\"card1Description\":\"靈感無處不在。除了上傳檔案，YouMind 還讓你透過瀏覽器外掛或 iOS 應用程式捕捉想法、儲存素材。\\n\\n支援 PDF、網頁、YouTube 影片、播客、音訊錄製、Office 文件等等。\",\"card2Title\":\"你的洞察，不只是 AI 的\",\"card2Description\":\"大多數 AI 工具生成的洞察對每個人都一樣。YouMind 不同。它在你閱讀、觀看或收聽時，從你的高亮、筆記和批註中學習。\\n\\n透過學習你探索和思考的方式，YouMind 創造出真正反映你自己的洞察。\",\"card3Title\":\"生成只是開始\",\"card3Description\":\"大多數 AI 工具止步於生成。在 YouMind 中，每個 AI 報告都會開啟為完全可編輯的文件。你可以自由地審閱、改寫和完善你的作品，將快速輸出轉化為持久的創作。\",\"card4Title\":\"一切匯聚於一個空間\",\"card4Description\":\"YouMind 中的一切無縫協作。從儲存素材、獲得洞察到持久創作，你可以在一個連貫的空間中學習、思考和創作，無需切換工具。\"},\"ICP\":{\"title\":\"看看大家如何\\n使用 YouMind\",\"creator\":{\"title\":\"為創作者而生\",\"description\":\"將零散的想法和素材"])</script><script>self.__next_f.push([1,"轉化為有意義的故事可能讓人不知所措。YouMind 幫助你發現隱藏的主題，連接想法，將你的洞察塑造成深思熟慮、有充分支撐、值得驕傲分享的作品。在創作的每個階段，YouMind 都支持着你。\",\"caption\":\"自信地創作。\"},\"researcher\":{\"title\":\"為研究者而生\",\"description\":\"從大量資料中提煉關鍵洞察需要時間和專注。YouMind 將一切匯聚在一起，將你的發現綜合成清晰、有說服力的報告和簡報。它還幫助你輕鬆地為更廣泛的受眾改編你的作品，從董事會到社交媒體。\",\"caption\":\"有影響力地呈現。\"},\"student\":{\"title\":\"為學生而生\",\"description\":\"面對無盡的閱讀和密集的文獻可能讓人精疲力竭。YouMind 將複雜的材料轉化為清晰的理解，將繁重的文本轉化為引人入勝的示例、筆記和視覺內容。從研究到寫作，一切都連接在一個專注的工作空間中。\",\"caption\":\"輕鬆地學習。\"}},\"Contact\":{\"title\":\"加入我們的社群\",\"discord\":{\"title\":\"Discord\",\"description\":\"找到技巧和志同道合的人。\"},\"x\":{\"title\":\"@YouMind_AI\",\"description\":\"關注更新和創意趨勢。\"},\"email\":{\"title\":\"電子郵件\",\"description\":\"直接向我們分享你的意見。\"}},\"PrivacyFirst\":{\"title\":\"隱私優先\",\"description\":\"YouMind 不會使用你的個人資料（包括你的素材上傳、查詢和模型回應）進行訓練。\"},\"Toast\":{\"savingToYouMind\":\"正在儲存到 YouMind...\"},\"VideoTools\":{\"openInYouMind\":\"在 YouMind 中開啟\",\"saveToYouMind\":\"儲存到 YouMind\",\"copied\":\"已複製！\",\"copyContent\":\"複製內容\",\"Examples\":{\"title\":\"範例\"},\"SearchBlock\":{\"errorInvalidUrl\":\"請輸入有效的 YouTube 網址\",\"errorShortsNotSupported\":\"不支援 YouTube Shorts。請使用一般的 YouTube 影片網址。\",\"upgradeMessageDefault\":\"已達使用限制\",\"upgradeMessageRecordFailed\":\"無法記錄影片存取。請重試或升級你的帳戶\"},\"Extension\":{\"description\":\"厭倦了複製連結？改用瀏覽器擴充功能吧！\",\"buttonText\":\"加入瀏覽器以即時取得影片逐字稿\"},\"UpgradeModal\":{\"title\":\"登入 YouMind 以解鎖所有 AI 功能。\",\"signInButton\":\"登入\",\"termsNotice\":\"繼續即表示你同意{terms}、{privacy}。\",\"terms\":\"條款\",\"privacy\":\"隱私權\"},\"SummaryView\":{\"generating\":\"正在生成摘要...\",\"noSummary\":\"無可用摘要\"},\"WatchPage\":{\"tabs\":{\"summary\":\"摘要\",\"transcript\":\"逐字稿\",\"aiChat\":\"AI 對話\"},\"transcriptView\":{\"lineView\":\"逐行檢視\",\"chapterView\":\"章節檢視\"},\"back\":\"返回\",\"openInYouMind\":\"在 YouMind 中開啟\",\"extensionCard\":{\"title\":\"影片太長，時間有限？\",\"subtitle\":\"立即掌握重點。\",\"feature1\":\"幾秒內掌握重點\",\"feature2\":\"支援 60 多種語言的逐字稿\",\"feature3\":\"使用時間戳記導航\",\"feature4\":\"將長影片轉為 3 分鐘部落格\",\"cta\":\"立即加入 Chrome\"}},\"AIChatView\":{\"greeting\":\"你好，我是你的 AI 助手。\",\"description\":\"你的個人 AI 助手已就緒——詢問我任何關於此檔案的問題，立即解鎖 YouMind AI 的魔力！\",\"suggestion1\":\"提取 5 個關鍵點。\",\"suggestion2\":\"此內容提供了哪些見解？\",\"suggestion3\":\"列出 5 個關鍵字並解釋其含義。\",\"ctaButton\":\"在 YouMind 中使用 AI 對話\"}},\"DownloadExtension\":{\"title\":\"安裝瀏覽器擴充功能\",\"description\":\"要使用 YouMind 摘要和儲存任何內容，請安裝我們的瀏覽器擴充功能。\",\"startNow\":\"立即開始\",\"getExtension\":\"取得擴充功能\"},\"Legal\":{\"Privacy\":{\"metaTitle\":\"隱私權政策 - YouMind\"},\"Terms\":{\"metaTitle\":\"服務條款 - YouMind\"}},\"VideoToolsConfig\":{\"searchPlaceholder\":\"貼上 YouTube 影片連結\",\"buttonTextTranscript\":\"生成\",\"buttonTextSummary\":\"摘要\",\"userGuide\":{\"titleTranscript\":\"如何使用 YouMind YouTube 逐字稿產生器\",\"titleSummary\":\"如何使用 YouMind YouTube 摘要工具\",\"step1\":{\"title\":\"貼上你的 YouTube 影片連結\",\"descriptionTranscript\":\"只需複製你想要轉錄的 YouTube 影片網址並貼到 YouMind 中。\",\"descriptionSummary\":\"只"])</script><script>self.__next_f.push([1,"需複製你想要摘要的 YouTube 影片網址並貼到 YouMind 中即可開始。\"},\"step2\":{\"titleTranscript\":\"點擊「生成」以取得逐字稿\",\"titleSummary\":\"生成 AI 摘要\",\"descriptionTranscript\":\"點擊「生成」從 YouTube 影片中提取逐字稿。\",\"descriptionSummary\":\"點擊「生成」，我們的 AI 將處理影片內容，為你建立簡潔準確的摘要。\"},\"step3\":{\"titleTranscript\":\"翻譯、下載或與 AI 對話\",\"titleSummary\":\"深入了解、翻譯或下載\",\"descriptionTranscript\":\"你可以下載逐字稿、將其翻譯成其他語言，或使用我們的 AI 快速取得摘要或提問。\",\"descriptionSummary\":\"立即使用你的 AI 生成摘要。如需更多詳情，你還可以存取完整逐字稿、翻譯任一文字，或與我們的 AI 對話以詢問有關影片內容的具體問題。\"}},\"featDescBoxes\":{\"titleTranscript\":\"為什麼選擇 YouMind YouTube 逐字稿產生器\",\"titleSummary\":\"為什麼選擇 YouMind YouTube 摘要工具\"},\"useCases\":{\"titleTranscript\":\"YouTube 逐字稿使用案例\",\"titleSummary\":\"YouTube 摘要使用案例\"},\"testimonials\":{\"title\":\"用戶評價\"},\"faq\":{\"title\":\"常見問題\"}},\"NanoBananaProPrompts\":{\"page\":{\"title\":\"世界上最大的 Nano Banana Pro 免費提示詞庫，持續更新 - YouMind\",\"description\":\"發現精選的高品質 Nano Banana Pro AI 圖像生成提示詞集合，直接在 YouMind 中生成精美圖像。\",\"headerTitle\":\"Nano Banana Pro\",\"headerPrompts\":\"提示詞\",\"headerDescription\":\"精選的 {brand} 頂級提示詞集合。\",\"headerTagline\":\"像藝術家一樣偷師。\",\"freshPrompts\":\"提示詞\",\"total\":\"總計\",\"updating\":\"更新中\",\"dailyUpdateText\":\"每日持續更新中\",\"rssSubscribeText\":\"每日更新，立刻訂閱 RSS\",\"subscribe\":\"訂閱\",\"christmasBanner\":\"Nano Banana Pro 聖誕賀卡提示詞\",\"downloadTitle\":\"下載提示詞\",\"campaign\":{\"modelArena\":{\"desktop\":\"Nano Banana 2 VS Pro, 誰贏? Top 100 提示詞對比\",\"mobile\":\"Nano Banana 2 VS Pro, 誰贏?\"},\"seedance20\":{\"desktop\":\"Seedance 2.0 精選影片提示詞持續更新中\",\"mobile\":\"數百精選 Seedance 2.0 提示詞\"}},\"submitPrompt\":\"提交提示詞\",\"ogImageAlt\":\"Nano Banana Pro 提示詞\"},\"searchBar\":{\"placeholder\":\"搜尋提示詞/標題/描述/作者...\",\"filterAll\":\"全部\",\"filterVideo\":\"影片\",\"filterImage\":\"圖片\",\"promoLabel\":\"更好的選擇\",\"promoTitle\":\"Agent 技能幫你智能檢索\",\"promoButton\":\"試試看\",\"promoQuestion\":\"你想要找什麼提示詞呢？\",\"promoDescription\":\"我能根據需求為你智能匹配提示詞。\",\"promoPrompt\":\"呼叫 find-prompt tool，推薦一些生圖提示詞給我，先詢問下我的具體需求。\",\"searchModePrompt\":\"提示詞\",\"searchModeAuthor\":\"作者\",\"placeholderPrompt\":\"搜尋提示詞...\",\"placeholderAuthor\":\"搜尋作者...\",\"modelSlug\":\"nano-banana-pro\"},\"categories\":{\"all\":\"全部\"},\"promptCard\":{\"tabPrompt\":\"提示詞\",\"tabOriginal\":\"原文\",\"by\":\"作者\",\"promptHeader\":\"提示詞\",\"translateButton\":\"翻譯\",\"beforeTranslation\":\"翻譯前\",\"originalButton\":\"EN\",\"chineseButton\":\"中文\",\"showOriginal\":\"顯示原文\",\"showTranslation\":\"顯示翻譯\",\"copy\":\"複製\",\"copied\":\"已複製\",\"share\":\"分享\",\"linkCopied\":\"連結已複製\",\"tryItNow\":\"立即嘗試\",\"installOnYouMind\":\"安裝到 YouMind\",\"aiShortcut\":\"AI 快捷指令\",\"install\":\"安裝\",\"aiSkill\":\"AI 技能\",\"tryInYouMind\":\"在 YouMind 中試用\",\"tryIt\":\"試一試\",\"featured\":\"精選\",\"save\":\"儲存\",\"savePromptTitle\":\"儲存提示詞\",\"savePromptSubtitle\":\"隨時隨地取用\",\"savingPrompt\":\"正在儲存中...\",\"viewOtherModelResults\":\"查看其他模型的結果\",\"referenceImages\":\"參考圖\",\"viewFullPrompt\":\"查看完整提示詞\"},\"faq\":{\"title\":\"常見問題\",\"q0\":\"Nano Banana Pro 是什麼？\",\"a0\":\"Nano Banana Pro 是 Google 最新的多模態 AI 模型，具備多模態理解能力（文本、圖像和視頻），支援從照片級真實到藝術風格的高質量生成，快速迭代和編輯變體，從像素藝術到油畫等多種風格，精確的構圖和光影控制，以及複雜的多對象、多"])</script><script>self.__next_f.push([1,"角色場景渲染。\",\"q1\":\"這些提示詞來自哪裡？\",\"a1\":\"主要基於公開 Twitter/𝕏 篩選，如果你是作者，但不希望展示在這裡，可聯繫我們，我們會及時下架。\",\"q2\":\"如何使用這些提示詞？\",\"a2\":\"目前需要你複製提示詞，依照提示詞的描述，在 YouMind 裡選擇 Nano Banana Pro 生圖模型進行使用。未來會更好地集成到 YouMind 功能裡，一鍵使用。\",\"q3\":\"AI 快捷指令是什麼？\",\"a3\":\"將你的內容創作、資料學習最佳實踐，沉澱到 YouMind Shortcuts 裡，就可以基於你收集的資料、撰寫的文案，一鍵輸出了。比如對收藏的 YouTube 視頻，一鍵生成博客文章，對博客內容，一鍵提煉金句。\",\"q4\":\"是否有更多使用案例？\",\"a4\":\"你可以在這篇博客文章《\u003clink\u003e{title}\u003c/link\u003e》中，查看更多精選的 Nano Banana Pro 案例。\"},\"blogCard\":{\"tab\":\"BLOG\",\"cta\":\"EXPLORE MORE CASES\"},\"imageCarousel\":{\"preview\":\"預覽\",\"previewImage\":\"預覽圖片\",\"goToSlide\":\"跳轉到第 {index} 張\"},\"emptyState\":{\"noPromptsFound\":\"未找到提示詞\",\"trySearchingElse\":\"試試搜尋其他內容\",\"tryTheseShortcuts\":\"試試這些 AI 快捷指令\",\"discoverFeaturedTools\":\"發現精選工具，幫助你生成精彩內容。\",\"viewAllShortcuts\":\"查看所有快捷指令\",\"tryTheseSkills\":\"試試這些 AI 技能\",\"viewAllSkills\":\"查看全部技能\"},\"footerCTA\":{\"readyToCreate\":\"準備好使用\",\"nanoBanana\":\"Nano Banana 創作了嗎？\",\"experiencePower\":\"體驗 Nano Banana Pro 的強大功能\",\"freeLimitedTime\":\"讓想像力翱翔\",\"startGenerating\":\"開始生成\"},\"tweetModal\":{\"loadingTweet\":\"載入推文中...\"},\"loadMore\":{\"loading\":\"載入更多...\",\"viewAll\":\"查看全部\"},\"generator\":{\"placeholder\":\"描述你想要生成的圖像...（例如：賽博龐克風格的夜晚城市）\",\"generate\":\"生成\",\"clearPrompt\":\"清空提示詞\",\"exitParamMode\":\"退出參數模式\",\"randomPrompt\":\"隨機提示詞\",\"random\":\"隨機\",\"image\":\"圖片\",\"uploadImage\":\"上傳參考圖片\",\"uploadingImages\":\"正在上傳圖片...\",\"uploadFailed\":\"圖片上傳失敗，請重試\",\"pleaseUploadReferenceImages\":\"此提示詞需要上傳參考圖片，請先添加圖片\",\"aspectRatio\":{\"auto\":\"自動\",\"square\":\"1:1\",\"landscape\":\"16:9\",\"portrait\":\"9:16\"},\"settings\":\"設定\",\"aspectRatioLabel\":\"寬高比\"},\"common\":{\"openSourceLink\":\"打開源連結\",\"editInCMS\":\"在 CMS 中編輯\"},\"loginPromotionDialog\":{\"title\":\"登錄即可免費使用\",\"subtitle\":\"體驗 Nano Banana Pro 的強大功能\",\"benefit1\":\"每日 {credits} 積分\",\"benefit2\":\"支持 Gemini 3.0 Pro，Nano Banana Pro, Claude Opus 4.6 等模型。\",\"benefit3\":\"勾選素材，AI 秒生結構化初稿，改幾句就能發\",\"benefit4\":\"視頻 / 播客 / 文章隨手批註，AI 一鍵生成筆記摘要\",\"benefit5\":\"幾句話、一個連結創造\u003cslides\u003e能直接交付的幻燈片\u003c/slides\u003e\",\"loginButton\":\"立即登錄體驗\",\"loginRequired\":\"需要登錄\",\"close\":\"關閉\",\"footerText\":\"欣賞官網美麗的插畫😉\"},\"downloadDialog\":{\"title\":\"免費下載 {total} 個提示詞\",\"subtitle\":\"高品質 AI 提示詞集合，助力你的創作\",\"useCasesTitle\":\"你可以用來：\",\"useCase1\":\"用 AI 檢索你想要的提示詞\",\"useCase2\":\"用於內容創作\",\"useCase3\":\"作為 Agent 技能的燃料\",\"useCase4\":\"等你探索...\",\"shareRequest\":\"我們花了數百小時建置這個網站，如果你喜歡的話，請在社群媒體上分享你的使用感受，感激不盡！\",\"shareRequestWithHeart\":\"我們花了數百小時建構這個網站，如果你覺得有用，請分享給你的朋友們！❤️\",\"shareRequestNote\":\"即使拒絕也可以正常下載。\",\"beforeYouGo\":\"在你進行下一步之前\",\"declineButton\":\"算了\",\"acceptButton\":\"好的！\",\"shareTitle\":\"分享給朋友\",\"shareSubtitle\":\"幫助更多人發現這些精彩的提示詞\",\"shareTextLabel\":\"分享文案\",\"shareTextPlaceholder\":\"在這裡輸入你的分享文案...\",\"generateShareText\":\"AI 生成\",\"generatingShareText\":\"生成中...\",\"remaining\":\"次剩餘\",\"rateLimitExceeded"])</script><script>self.__next_f.push([1,"\":\"今日次數已用完，明天再試吧！\",\"generationFailed\":\"生成失敗，請重試。\",\"copyToClipboard\":\"複製到剪貼板\",\"copied\":\"已複製！\",\"shareOnTwitter\":\"分享到 X\",\"shareOnLinkedIn\":\"分享到 LinkedIn\",\"shareOnThreads\":\"分享到 Threads\",\"shareOnWhatsApp\":\"分享到 WhatsApp\",\"defaultShareText\":\"這個網站匯集了 {total} 個精選 Nano Banana Pro 提示詞，翻譯為 {languageNum} 種語言，並且按照使用場景做了分類（如資訊圖 / 海報），更棒的是可以一鍵下載全部提示詞，快去試試吧！\",\"loginRequiredTitle\":\"需要登錄\",\"loginRequired\":\"為了防止惡意下載，需要登錄後才可以下載。\",\"downloadButton\":\"下載 CSV\",\"download\":\"下載\",\"downloading\":\"下載中...\",\"downloadError\":\"下載失敗，請稍後重試\",\"loginButton\":\"登錄後下載\",\"close\":\"關閉\",\"copyForInstagram\":\"複製到 Instagram\"}},\"Seedance20VideoPrompts\":{\"page\":{\"title\":\"Seedance 2.0 影片提示詞 - 高信噪比 AI 影片提示詞庫 - YouMind\",\"description\":\"數百個精選 Seedance 2.0 影片提示詞，每條都可線上觀看生成效果。涵蓋文生影片、圖生影片、角色動畫等場景，支援 AI 推薦與多語言搜尋，每日更新。免費使用。\",\"badge\":\"影片提示詞實驗室\",\"headerTitle\":\"Seedance 2.0 Prompts\",\"headerDescription\":\"為 Seedance 2.0 精選的高信噪比案例。先看影片，再按需查看提示詞內容。\",\"total\":\"總數\",\"autoPlay\":\"進入視口自動播放\",\"headerTitleLine1\":\"Seedance 2.0\",\"headerTitleLine2\":\"提示詞\",\"copyright\":\"YouMind. All Rights Reserved.\",\"viewAll\":\"查看全部\",\"dailyUpdating\":\"每日持續更新中\",\"downloadShareText\":\"這個網站彙整了 {total} 個精選 Seedance 2.0 提示詞，翻譯為 {languageNum} 種語言，支援 AI 檢索，更棒的是可以一鍵下載全部提示詞，快去試試吧！\",\"crossPromoBadge\":\"探索 1 萬+ Nano Banana Pro 提示詞\",\"crossPromoBadgeMobile\":\"1 萬+ Nano Banana Pro 提示詞\",\"benefit2Suffix\":\"\",\"freshPrompts\":\"提示詞\",\"downloadTitle\":\"下載提示詞\",\"submitPrompt\":\"提交提示詞\",\"ogImageAlt\":\"Seedance 2.0 提示詞\"},\"search\":{\"placeholder\":\"搜尋提示詞、場景、風格或創作者...\",\"clear\":\"清除搜尋\",\"submit\":\"搜尋\",\"placeholderShort\":\"搜尋提示詞\"},\"card\":{\"by\":\"作者\",\"unknownAuthor\":\"未知作者\",\"viewPrompt\":\"查看提示詞\",\"hidePrompt\":\"收起提示詞\",\"copyPrompt\":\"複製提示詞\",\"copied\":\"已複製\",\"author\":\"作者主頁\",\"source\":\"來源\",\"prompt\":\"提示詞\",\"translateButton\":\"翻譯\",\"beforeTranslation\":\"原文\",\"showOriginal\":\"顯示原文\",\"showTranslation\":\"顯示翻譯\",\"fullScreen\":\"全螢幕\",\"viewDetails\":\"查看詳情\",\"video\":\"影片\",\"referenceImages\":\"參考圖\",\"share\":\"分享\",\"linkCopied\":\"連結已複製！\",\"featured\":\"精選\",\"tryItNow\":\"立即體驗\",\"promptHeader\":\"提示詞\",\"viewFullPrompt\":\"查看完整提示詞\"},\"empty\":{\"title\":\"找不到影片提示詞\",\"description\":\"試試其他關鍵字，探索更多 Seedance 2.0 影片案例。\",\"aiSearch\":\"AI 幫你找\"},\"loadMore\":{\"loading\":\"載入更多影片中...\"},\"faq\":{\"title\":\"常見問題\",\"q0\":\"什麼是 Seedance 2.0？\",\"a0\":\"Seedance 2.0 是字節跳動最新的 AI 影片生成模型，可生成長達 8 秒、原生 1080p 解析度的影院級畫質影片。它具備時序一致性以消除畫面閃爍，支援複雜物理模擬、多主體互動，以及影片內精準文字渲染。\",\"q1\":\"Seedance 2.0 與其他影片 AI 模型有何不同？\",\"a1\":\"Seedance 2.0 採用混合 DiT-UNet 架構與流匹配調度器，以更少的去噪步驟實現更快的推理速度。它支援多主體一致性、精確物理模擬（如流體動力學和布料垂墜），以及原生文字疊加——這些能力是大多數競品模型仍難以企及的。\",\"q2\":\"如何使用這些提示詞？\",\"a2\":\"瀏覽提示詞牆，觀看自動播放的影片片段，點擊卡片上的資訊圖標查看完整提示詞。複製後貼到 YouMind 中，選擇 Seedance 2.0 模型即可生成你自己的影片。\",\"q3\":\"編寫 Seedance 2.0 提"])</script><script>self.__next_f.push([1,"示詞的最佳實踐是什麼？\",\"a3\":\"從清晰的場景描述開始，指定鏡頭運動（如「緩慢推進」），定義光照和氛圍，然後添加主體細節。提示詞控制在 200 字以內效果最佳。提及物理互動如「風吹動頭髮」或「水花飛濺」可以充分發揮模型的物理模擬優勢。\"},\"aiAssistant\":{\"title\":\"AI 助理\",\"placeholder\":\"你想找什麼影片提示詞，請告訴我吧！\",\"submit\":\"傳送\"},\"loginPromotionDialog\":{\"title\":\"免費登入使用\",\"subtitle\":\"體驗 Seedance 2.0 影院級影片生成\",\"benefit1\":\"每日 {credits} 點數\",\"benefit2\":\"支援最新 SOTA 模型\",\"benefit3\":\"選取素材，AI 即時生成結構化草稿，編輯幾句即可發布\",\"benefit4\":\"隨時標註影片/播客/文章，AI 一鍵生成筆記和摘要\",\"benefit5\":\"幾句話、一個連結創造\u003cslides\u003e能直接交付的幻燈片\u003c/slides\u003e\",\"loginButton\":\"立即登入\",\"loginRequired\":\"需要登入\",\"close\":\"關閉\",\"footerText\":\"歡迎欣賞我們網站上的精美插畫 😉\"},\"generator\":{\"placeholder\":\"描述你想要生成的影片...（例如：一隻貓在日落的沙灘上漫步）\",\"generate\":\"生成\",\"clearPrompt\":\"清空提示詞\",\"exitParamMode\":\"退出參數模式\",\"randomPrompt\":\"隨機提示詞\",\"random\":\"隨機\",\"image\":\"圖片\",\"uploadImage\":\"上傳參考圖片\"},\"searchBar\":{\"placeholder\":\"搜尋提示詞/標題/描述/作者...\",\"filterAll\":\"全部\",\"filterVideo\":\"影片\",\"filterImage\":\"圖片\",\"promoLabel\":\"更好的選擇\",\"promoTitle\":\"Agent 技能幫你智慧搜尋\",\"promoButton\":\"試試看\",\"promoQuestion\":\"你想要找什麼提示詞呢？\",\"promoDescription\":\"我能根據需求為你智慧匹配提示詞。\",\"promoPrompt\":\"推薦一些 Seedance 2.0 的影片生成提示詞給我，先詢問下我的具體需求。\",\"modelSlug\":\"seedance-2-0\",\"searchModePrompt\":\"提示詞\",\"searchModeAuthor\":\"作者\",\"placeholderPrompt\":\"搜尋提示詞...\",\"placeholderAuthor\":\"搜尋作者...\"},\"downloadDialog\":{\"title\":\"免費下載 {total} 個提示詞\",\"subtitle\":\"高品質 AI 影片提示詞集合，助力你的創作\",\"useCasesTitle\":\"你可以用來：\",\"useCase1\":\"用 AI 檢索你想要的提示詞\",\"useCase2\":\"用於內容創作\",\"useCase3\":\"作為 Agent 技能的燃料\",\"useCase4\":\"等你探索...\",\"shareRequest\":\"我們花了數百小時打造這個網站，如果你喜歡的話，請在社群媒體上分享你的使用感受，感激不盡！\",\"shareRequestWithHeart\":\"我們花了數百小時打造這個網站，如果你覺得有用，請分享給你的朋友們！❤️\",\"shareRequestNote\":\"即使拒絕也可以正常下載。\",\"beforeYouGo\":\"在你進行下一步之前\",\"declineButton\":\"算了\",\"acceptButton\":\"好的！\",\"shareTitle\":\"分享給朋友\",\"shareSubtitle\":\"幫助更多人發現這些精彩的提示詞\",\"shareTextLabel\":\"分享文案\",\"shareTextPlaceholder\":\"在這裡輸入你的分享文案...\",\"generateShareText\":\"AI 生成\",\"generatingShareText\":\"生成中...\",\"remaining\":\"次剩餘\",\"rateLimitExceeded\":\"今日次數已用完，明天再試吧！\",\"generationFailed\":\"生成失敗，請重試。\",\"copyToClipboard\":\"複製到剪貼簿\",\"copied\":\"已複製！\",\"shareOnTwitter\":\"分享到 X\",\"shareOnLinkedIn\":\"分享到 LinkedIn\",\"shareOnThreads\":\"分享到 Threads\",\"shareOnWhatsApp\":\"分享到 WhatsApp\",\"defaultShareText\":\"這個網站匯集了 {total} 個精選 Seedance 2.0 影片提示詞，翻譯為 {languageNum} 種語言，更棒的是可以一鍵下載全量提示詞，快去試試吧！\",\"loginRequiredTitle\":\"需要登入\",\"loginRequired\":\"為了防止惡意下載，需要登入後才可以下載。\",\"downloadButton\":\"下載 CSV\",\"download\":\"下載\",\"downloading\":\"下載中...\",\"downloadError\":\"下載失敗，請稍後重試\",\"loginButton\":\"登入後下載\",\"close\":\"關閉\"},\"settings\":{\"settings\":\"設定\",\"mode\":\"模式\",\"aspectRatio\":\"長寬比\",\"quality\":\"品質\",\"sound\":\"聲音\",\"low\":\"低\",\"medium\":\"中\",\"high\":\"高\",\"keyframe\":\"關鍵幀\",\"reference\":\"參考\",\"on\":\"開\",\"off\":\"關\"}},\"GrokImagineVideoPrompts\":{\"page\":{\"title\":\"Grok Imag"])</script><script>self.__next_f.push([1,"ine 提示詞 - 高信噪比 AI 影片提示詞庫 - YouMind\",\"description\":\"數百個精選 Grok Imagine 影片提示詞，每條都可線上觀看生成效果。由 xAI 的 Aurora 模型驅動，支援最多 7 張參考圖的參考圖生影片功能。Artificial Analysis Video Arena 排名第一。每日更新。免費使用。\",\"badge\":\"影片提示詞實驗室\",\"headerTitle\":\"Grok Imagine Prompts\",\"headerDescription\":\"為 Grok Imagine 精選的高信噪比案例。先看影片，再按需查看提示詞內容。\",\"total\":\"總數\",\"autoPlay\":\"進入視口自動播放\",\"headerTitleLine1\":\"Grok Imagine\",\"headerTitleLine2\":\"提示詞\",\"copyright\":\"YouMind. All Rights Reserved.\",\"viewAll\":\"查看全部\",\"dailyUpdating\":\"每日持續更新中\",\"downloadShareText\":\"這個網站彙整了 {total} 個精選 Grok Imagine 提示詞，翻譯為 {languageNum} 種語言，支援 AI 檢索，更棒的是可以一鍵下載全部提示詞，快去試試吧！\",\"crossPromoBadge\":\"探索 Seedance 2.0 提示詞\",\"crossPromoBadgeMobile\":\"Seedance 2.0 提示詞\",\"benefit2Suffix\":\"\",\"designArenaBadge\":\"在 Design Arena 拿下 3 面金牌\",\"freshPrompts\":\"提示詞\",\"submitPrompt\":\"提交提示詞\",\"ogImageAlt\":\"Grok Imagine 提示詞\"},\"search\":{\"placeholder\":\"搜尋提示詞、場景、風格或創作者...\",\"clear\":\"清除搜尋\",\"submit\":\"搜尋\",\"placeholderShort\":\"搜尋提示詞\"},\"card\":{\"by\":\"作者\",\"unknownAuthor\":\"未知作者\",\"viewPrompt\":\"查看提示詞\",\"hidePrompt\":\"收起提示詞\",\"translateButton\":\"翻譯\",\"beforeTranslation\":\"原文\",\"showOriginal\":\"顯示原文\",\"showTranslation\":\"顯示翻譯\",\"copyPrompt\":\"複製提示詞\",\"copied\":\"已複製\",\"fullScreen\":\"全螢幕\",\"viewDetails\":\"查看詳情\",\"video\":\"影片\",\"author\":\"作者主頁\",\"source\":\"來源\",\"prompt\":\"提示詞\",\"referenceImages\":\"參考圖\",\"share\":\"分享\",\"linkCopied\":\"連結已複製！\",\"featured\":\"精選\",\"tryItNow\":\"立即體驗\",\"promptHeader\":\"提示詞\",\"viewFullPrompt\":\"查看完整提示詞\"},\"empty\":{\"title\":\"找不到影片提示詞\",\"description\":\"試試其他關鍵字，探索更多 Grok Imagine 影片案例。\",\"aiSearch\":\"AI 幫你找\"},\"loadMore\":{\"loading\":\"載入更多影片中...\"},\"faq\":{\"title\":\"常見問題\",\"q0\":\"什麼是 Grok Imagine？\",\"a0\":\"Grok Imagine 是 xAI 基於 Aurora 架構的 AI 影片生成模型。它支援文生影片和最多 7 張參考圖的參考圖生影片，輸出影院級畫質。在 Artificial Analysis Video Arena 中排名第一。\",\"q1\":\"Grok Imagine 與其他影片 AI 模型有何不同？\",\"a1\":\"Grok Imagine 在參考圖生影片方面表現出色，允許你提供最多 7 張圖片作為視覺參考。其 Aurora 模型架構提供卓越的時序一致性、動態鏡頭運動以及跨幀精準的主體一致性。\",\"q2\":\"如何使用這些提示詞？\",\"a2\":\"瀏覽提示詞牆，觀看自動播放的影片片段，點擊卡片上的資訊圖標查看完整提示詞。複製後貼到 YouMind 中，選擇 Grok Imagine 模型即可生成你自己的影片。\",\"q3\":\"編寫 Grok Imagine 提示詞的最佳實踐是什麼？\",\"a3\":\"從清晰的場景描述開始，指定鏡頭運動（如「緩慢推進」），定義光照和氛圍，然後添加主體細節。使用參考圖生影片時，請提供清晰展示所需主體或風格的高品質參考圖。該模型在保持與參考素材一致性方面表現出色。\"},\"aiAssistant\":{\"title\":\"AI 助理\",\"placeholder\":\"你想找什麼影片提示詞，請告訴我吧！\",\"submit\":\"傳送\"},\"loginPromotionDialog\":{\"title\":\"免費登入使用\",\"subtitle\":\"體驗 Grok Imagine 影院級影片生成\",\"benefit1\":\"每日 {credits} 點數\",\"benefit2\":\"支援最新 SOTA 模型\",\"benefit3\":\"選取素材，AI 即時生成結構化草稿，編輯幾句即可發布\",\"benefit4\":\"隨時標註影片/播客/文章，AI 一鍵生成筆記和摘要\",\"benefit5\":\"幾句話、一個連結創造\u003cslides\u003e能直接交付的幻燈片\u003c/slides\u003e\",\"loginButton\":\"立即登入\",\"loginRequired\":\"需要登入\",\"close\":\"關閉\",\"footerText\":\"歡迎欣賞我們網站上的精美插畫 😉\"},"])</script><script>self.__next_f.push([1,"\"generator\":{\"placeholder\":\"描述你想要生成的影片...（例如：一隻貓在日落的沙灘上漫步）\",\"generate\":\"生成\",\"clearPrompt\":\"清空提示詞\",\"exitParamMode\":\"退出參數模式\",\"randomPrompt\":\"隨機提示詞\",\"random\":\"隨機\",\"image\":\"圖片\",\"uploadImage\":\"上傳參考圖片\"},\"searchBar\":{\"placeholder\":\"搜尋提示詞/標題/描述/作者...\",\"filterAll\":\"全部\",\"filterVideo\":\"影片\",\"filterImage\":\"圖片\",\"promoLabel\":\"更好的選擇\",\"promoTitle\":\"Agent 技能幫你智慧搜尋\",\"promoButton\":\"試試看\",\"promoQuestion\":\"你想要找什麼提示詞呢？\",\"promoDescription\":\"我能根據需求為你智慧匹配提示詞。\",\"promoPrompt\":\"推薦一些 Grok Imagine 的影片生成提示詞給我，先詢問下我的具體需求。\",\"modelSlug\":\"grok-imagine\",\"searchModePrompt\":\"提示詞\",\"searchModeAuthor\":\"作者\",\"placeholderPrompt\":\"搜尋提示詞...\",\"placeholderAuthor\":\"搜尋作者...\"},\"downloadDialog\":{\"title\":\"免費下載 {total} 個提示詞\",\"subtitle\":\"高品質 AI 影片提示詞集合，助力你的創作\",\"useCasesTitle\":\"你可以用來：\",\"useCase1\":\"用 AI 檢索你想要的提示詞\",\"useCase2\":\"用於內容創作\",\"useCase3\":\"作為 Agent 技能的燃料\",\"useCase4\":\"等你探索...\",\"shareRequest\":\"我們花了數百小時打造這個網站，如果你喜歡的話，請在社群媒體上分享你的使用感受，感激不盡！\",\"shareRequestWithHeart\":\"我們花了數百小時打造這個網站，如果你覺得有用，請分享給你的朋友們！❤️\",\"shareRequestNote\":\"即使拒絕也可以正常下載。\",\"beforeYouGo\":\"在你進行下一步之前\",\"declineButton\":\"算了\",\"acceptButton\":\"好的！\",\"shareTitle\":\"分享給朋友\",\"shareSubtitle\":\"幫助更多人發現這些精彩的提示詞\",\"shareTextLabel\":\"分享文案\",\"shareTextPlaceholder\":\"在這裡輸入你的分享文案...\",\"generateShareText\":\"AI 生成\",\"generatingShareText\":\"生成中...\",\"remaining\":\"次剩餘\",\"rateLimitExceeded\":\"今日次數已用完，明天再試吧！\",\"generationFailed\":\"生成失敗，請重試。\",\"copyToClipboard\":\"複製到剪貼簿\",\"copied\":\"已複製！\",\"shareOnTwitter\":\"分享到 X\",\"shareOnLinkedIn\":\"分享到 LinkedIn\",\"shareOnThreads\":\"分享到 Threads\",\"shareOnWhatsApp\":\"分享到 WhatsApp\",\"defaultShareText\":\"這個網站匯集了 {total} 個精選 Grok Imagine 影片提示詞，翻譯為 {languageNum} 種語言，更棒的是可以一鍵下載全量提示詞，快去試試吧！\",\"loginRequiredTitle\":\"需要登入\",\"loginRequired\":\"為了防止惡意下載，需要登入後才可以下載。\",\"downloadButton\":\"下載 CSV\",\"download\":\"下載\",\"downloading\":\"下載中...\",\"downloadError\":\"下載失敗，請稍後重試\",\"loginButton\":\"登入後下載\",\"close\":\"關閉\"},\"settings\":{\"settings\":\"設定\",\"aspectRatio\":\"長寬比\",\"quality\":\"品質\",\"low\":\"低\",\"medium\":\"中\",\"high\":\"高\"}},\"GPTImage15Prompts\":{\"page\":{\"title\":\"GPT Image 1.5 Prompts - 精準編輯與高品質 AI 圖像生成 - YouMind\",\"description\":\"探索精選的 GPT Image 1.5 提示詞 - OpenAI 旗艦圖像模型，支援精準編輯、4倍速生成和卓越畫質。\",\"headerTitle\":\"GPT Image 1.5\",\"headerPrompts\":\"提示詞\",\"headerDescription\":\"精選的 {brand} 頂級提示詞集合。\",\"headerTagline\":\"精準編輯，保留重要細節。\",\"freshPrompts\":\"提示詞\",\"total\":\"總計\",\"updating\":\"更新中\",\"submitPrompt\":\"提交提示詞\",\"ogImageAlt\":\"GPT Image 1.5 提示詞\"},\"searchBar\":{\"placeholder\":\"搜尋提示詞/標題/描述/作者...\",\"filterAll\":\"全部\",\"filterVideo\":\"影片\",\"filterImage\":\"圖片\",\"promoQuestion\":\"你想要找什麼提示詞呢？\",\"promoDescription\":\"我能根據需求為你智能匹配提示詞。\",\"promoPrompt\":\"呼叫 find-prompt tool，推薦一些生圖提示詞給我，先詢問下我的具體需求。\",\"searchModePrompt\":\"提示詞\",\"searchModeAuthor\":\"作者\",\"placeholderPrompt\":\"搜尋提示詞...\",\"placeholderAuthor\":\"搜尋作者...\",\"promoLabel\":\"更好的選擇\",\"promoTitle\":\"Agent 技能幫你智能檢索\",\"promoButton\":\"試試看\",\"mo"])</script><script>self.__next_f.push([1,"delSlug\":\"gpt-image-1.5\"},\"categories\":{\"all\":\"全部\"},\"promptCard\":{\"tabPrompt\":\"提示詞\",\"tabOriginal\":\"原文\",\"by\":\"作者\",\"promptHeader\":\"提示詞\",\"translateButton\":\"翻譯\",\"beforeTranslation\":\"翻譯前\",\"originalButton\":\"EN\",\"chineseButton\":\"中文\",\"showOriginal\":\"顯示原文\",\"showTranslation\":\"顯示翻譯\",\"copy\":\"複製\",\"copied\":\"已複製\",\"share\":\"分享\",\"linkCopied\":\"連結已複製\",\"tryItNow\":\"立刻嘗試\",\"installOnYouMind\":\"安裝到 YouMind\",\"aiShortcut\":\"AI 快捷指令\",\"install\":\"安裝\",\"aiSkill\":\"AI 技能\",\"tryInYouMind\":\"在 YouMind 中試用\",\"tryIt\":\"試一試\",\"featured\":\"精選\",\"save\":\"儲存\",\"savePromptTitle\":\"儲存提示詞\",\"savePromptSubtitle\":\"隨時隨地取用\",\"savingPrompt\":\"正在儲存中...\",\"referenceImages\":\"參考圖\",\"viewFullPrompt\":\"查看完整提示詞\"},\"faq\":{\"title\":\"常見問題\",\"q0\":\"GPT Image 1.5 是什麼？\",\"a0\":\"GPT Image 1.5 是 OpenAI 最新的旗艦圖像生成模型。它能夠進行精準編輯同時保留細節完整，生成速度提升 4 倍，擅長創意變換、指令跟隨，以及在多次編輯中保留重要細節。\",\"q1\":\"這些提示詞來自哪裡？\",\"a1\":\"主要基於公開 Twitter/𝕏 篩選，如果你是作者，但不希望展示在這裡，可聯繫我們，我們會及時下架。\",\"q2\":\"如何使用這些提示詞？\",\"a2\":\"複製提示詞，在 YouMind 裡選擇 GPT Image 1.5 生圖模型進行使用。該模型擅長編輯、創意變換和指令跟隨。\",\"q3\":\"AI 快捷指令是什麼？\",\"a3\":\"將你的內容創作、資料學習最佳實踐，沉澱到 YouMind Shortcuts 裡，就可以基於你收集的資料、撰寫的文案，一鍵輸出了。比如對收藏的 YouTube 影片，一鍵生成部落格文章，對部落格內容，一鍵提煉金句。\",\"q4\":\"是否有更多使用案例？\",\"a4\":\"你可以在這篇部落格文章《\u003clink\u003e{title}\u003c/link\u003e》中，查看更多精選的 GPT Image 1.5 案例。\"},\"blogCard\":{\"tab\":\"部落格\",\"cta\":\"探索更多案例\"},\"imageCarousel\":{\"preview\":\"預覽\",\"previewImage\":\"預覽圖片\",\"goToSlide\":\"跳轉到第 {index} 張\"},\"emptyState\":{\"noPromptsFound\":\"未找到提示詞\",\"trySearchingElse\":\"試試搜尋其他內容\",\"tryTheseShortcuts\":\"試試這些 AI 快捷指令\",\"discoverFeaturedTools\":\"發現精選工具，幫助你生成精彩內容。\",\"viewAllShortcuts\":\"查看所有快捷指令\",\"tryTheseSkills\":\"試試這些 AI 技能\",\"viewAllSkills\":\"查看全部技能\"},\"footerCTA\":{\"readyToCreate\":\"準備好使用\",\"nanoBanana\":\"GPT Image 1.5 創作了嗎？\",\"experiencePower\":\"體驗 GPT Image 1.5 的精準編輯與快速生成\",\"freeLimitedTime\":\"讓想像力翱翔\",\"startGenerating\":\"開始生成\"},\"tweetModal\":{\"loadingTweet\":\"載入推文中...\"},\"loadMore\":{\"loading\":\"載入更多...\",\"viewAll\":\"查看全部\"},\"generator\":{\"placeholder\":\"描述你想要生成的圖像...（例如：賽博龐克風格的夜晚城市）\",\"generate\":\"生成\",\"clearPrompt\":\"清空提示詞\",\"exitParamMode\":\"退出參數模式\",\"randomPrompt\":\"隨機提示詞\",\"random\":\"隨機\",\"image\":\"圖片\",\"uploadImage\":\"上傳參考圖片\",\"uploadingImages\":\"正在上傳圖片...\",\"uploadFailed\":\"圖片上傳失敗，請重試\",\"pleaseUploadReferenceImages\":\"此提示詞需要上傳參考圖片，請先新增圖片\",\"aspectRatio\":{\"auto\":\"自動\",\"square\":\"1:1\",\"landscape\":\"16:9\",\"portrait\":\"9:16\"},\"settings\":\"設定\",\"aspectRatioLabel\":\"寬高比\"},\"common\":{\"openSourceLink\":\"開啟原始連結\",\"editInCMS\":\"在 CMS 中編輯\"},\"loginPromotionDialog\":{\"title\":\"登錄即可免費使用\",\"subtitle\":\"體驗 GPT Image 1.5 的強大功能\",\"benefit1\":\"每日 {credits} 積分\",\"benefit2\":\"支援 GPT Image 1.5, Gemini 3.0 Pro, Claude Sonnet 4.5 等模型\",\"benefit3\":\"勾選素材，AI 秒生結構化初稿，改幾句就能發\",\"benefit4\":\"影片 / 播客 / 文章隨手批註，AI 一鍵生成筆記摘要\",\"benefit5\":\"幾句話、一個連結創造\u003cslides\u003e能直接交付的幻燈片\u003c/slides\u003e\",\"loginButton\":\"立即登錄體驗\",\"loginRequired\":\"需要登錄\",\"close\":\"關閉\",\"footerText\":\"欣賞官"])</script><script>self.__next_f.push([1,"網美麗的插畫😉\"}},\"Gemini3Prompts\":{\"page\":{\"title\":\"Gemini 3 Pro Prompts - 多模態 AI 提示詞與內容生成 - YouMind\",\"description\":\"探索精選的 Gemini 3 Pro 提示詞集合，體驗強大的多模態理解與生成能力，在 YouMind 中輕鬆創作。\",\"headerTitle\":\"GEMINI 3 PRO\",\"headerPrompts\":\"提示詞\",\"headerDescription\":\"精選的 {brand} 頂級提示詞集合。\",\"headerTagline\":\"超大上下文 · 多模態智能 · 執行型 AI\",\"freshPrompts\":\"提示詞\",\"total\":\"總計\",\"updating\":\"更新中\",\"submitPrompt\":\"提交提示詞\",\"ogImageAlt\":\"Gemini 3 Pro 提示詞\"},\"searchBar\":{\"placeholder\":\"搜尋提示詞/標題/描述/作者...\",\"filterAll\":\"全部\",\"filterVideo\":\"影片\",\"filterImage\":\"圖片\",\"promoQuestion\":\"你想要找什麼提示詞呢？\",\"promoDescription\":\"我能根據需求為你智能匹配提示詞。\",\"promoPrompt\":\"呼叫 find-prompt tool，推薦一些生圖提示詞給我，先詢問下我的具體需求。\",\"searchModePrompt\":\"提示詞\",\"searchModeAuthor\":\"作者\",\"placeholderPrompt\":\"搜尋提示詞...\",\"placeholderAuthor\":\"搜尋作者...\",\"promoLabel\":\"更好的選擇\",\"promoTitle\":\"Agent 技能幫你智能檢索\",\"promoButton\":\"試試看\",\"modelSlug\":\"\"},\"promptCard\":{\"tabPrompt\":\"提示詞\",\"tabOriginal\":\"原文\",\"by\":\"作者\",\"promptHeader\":\"提示詞\",\"translateButton\":\"翻譯\",\"beforeTranslation\":\"翻譯前\",\"originalButton\":\"EN\",\"chineseButton\":\"中文\",\"showOriginal\":\"顯示原文\",\"showTranslation\":\"顯示翻譯\",\"copy\":\"複製\",\"copied\":\"已複製\",\"share\":\"分享\",\"linkCopied\":\"連結已複製\",\"tryItNow\":\"立刻嘗試\",\"installOnYouMind\":\"安裝到 YouMind\",\"aiShortcut\":\"AI 快捷指令\",\"install\":\"安裝\",\"aiSkill\":\"AI 技能\",\"tryInYouMind\":\"在 YouMind 中試用\",\"tryIt\":\"試一試\",\"featured\":\"精選\",\"save\":\"儲存\",\"savePromptTitle\":\"儲存提示詞\",\"savePromptSubtitle\":\"隨時隨地取用\",\"savingPrompt\":\"正在儲存中...\",\"referenceImages\":\"參考圖\",\"viewFullPrompt\":\"查看完整提示詞\"},\"faq\":{\"title\":\"常見問題\",\"q0\":\"Gemini 3 Pro 是什麼？\",\"a0\":\"Gemini 3 Pro 是 Google 最新的多模態 AI 模型，具備超大上下文視窗（高達 100 萬 tokens）、多模態智能（理解並生成文字、圖像、音訊、影片和程式碼）、執行型 AI（自動化執行和網站生成，支援即時預覽），以及強大的推理能力（高級問題解決和複雜任務處理）。\",\"q1\":\"這些提示詞來自哪裡？\",\"a1\":\"主要基於公開 Twitter/𝕏 篩選，如果你是作者，但不希望展示在這裡，可聯繫我們，我們會及時下架。\",\"q2\":\"如何使用這些提示詞？\",\"a2\":\"你可以複製提示詞，在 YouMind 裡選擇 Gemini 3 Pro 模型進行使用。YouMind 已整合 Gemini 3 Pro 的強大功能，支援文字、圖像、音訊、影片等多模態輸入，可直接生成網站並即時預覽，一鍵發布。\",\"q3\":\"AI 快捷指令是什麼？\",\"a3\":\"將你的內容創作、資料學習最佳實踐，沉澱到 YouMind Shortcuts 裡，就可以基於你收集的資料、撰寫的文案，一鍵輸出了。比如對收藏的 YouTube 視頻，一鍵生成博客文章，對博客內容，一鍵提煉金句。\",\"q4\":\"是否有更多使用案例？\",\"a4\":\"你可以在這篇部落格文章《\u003clink\u003e{title}\u003c/link\u003e》中，查看更多精選的 Gemini 3 Pro 案例。\"},\"blogCard\":{\"tab\":\"部落格\",\"cta\":\"探索更多案例\"},\"imageCarousel\":{\"preview\":\"預覽\",\"previewImage\":\"預覽圖片\",\"goToSlide\":\"跳轉到第 {index} 張\"},\"emptyState\":{\"noPromptsFound\":\"未找到提示詞\",\"trySearchingElse\":\"試試搜尋其他內容\",\"tryTheseShortcuts\":\"試試這些 AI 快捷指令\",\"discoverFeaturedTools\":\"發現精選工具，幫助你生成精彩內容。\",\"viewAllShortcuts\":\"查看所有快捷指令\",\"tryTheseSkills\":\"試試這些 AI 技能\",\"viewAllSkills\":\"查看全部技能\"},\"footerCTA\":{\"readyToCreate\":\"準備好使用\",\"nanoBanana\":\"Gemini 3 創作了嗎？\",\"experiencePower\":\"在 YouMind 上體驗 Gemini 3 Pro 的多模態理解與生成能力。\",\"freeLimitedTime\":\"讓你的靈感自由翱翔\",\"s"])</script><script>self.__next_f.push([1,"tartGenerating\":\"開始創作\"},\"tweetModal\":{\"loadingTweet\":\"載入推文中...\"},\"loadMore\":{\"loading\":\"載入更多...\",\"viewAll\":\"查看全部\"},\"generator\":{\"placeholder\":\"描述你想要生成的網站...（例如：簡約風格的個人作品集網站）\",\"generate\":\"生成\",\"clearPrompt\":\"清空提示詞\",\"exitParamMode\":\"退出參數模式\",\"randomPrompt\":\"隨機提示詞\",\"random\":\"隨機\",\"image\":\"圖片\",\"uploadImage\":\"上傳參考圖片\",\"uploadingImages\":\"正在上傳圖片...\",\"uploadFailed\":\"圖片上傳失敗，請重試\",\"pleaseUploadReferenceImages\":\"此提示詞需要上傳參考圖片，請先添加圖片\",\"aspectRatio\":{\"auto\":\"自動\",\"square\":\"1:1\",\"landscape\":\"16:9\",\"portrait\":\"9:16\"},\"settings\":\"設定\",\"aspectRatioLabel\":\"寬高比\"},\"common\":{\"openSourceLink\":\"打開源連結\",\"editInCMS\":\"在 CMS 中編輯\"},\"loginPromotionDialog\":{\"title\":\"登錄即可免費使用\",\"subtitle\":\"體驗 Gemini 3 Pro 的強大能力\",\"benefit1\":\"每日 {credits} 積分\",\"benefit2\":\"支持 Gemini 3.0 Pro，Nano Banana Pro, Claude Opus 4.6 等模型。\",\"benefit3\":\"勾選素材，AI 秒生結構化初稿，改幾句就能發\",\"benefit4\":\"視頻 / 播客 / 文章隨手批註，AI 一鍵生成筆記摘要\",\"benefit5\":\"幾句話、一個連結創造\u003cslides\u003e能直接交付的幻燈片\u003c/slides\u003e\",\"loginButton\":\"立即登錄體驗\",\"loginRequired\":\"需要登錄\",\"close\":\"關閉\",\"footerText\":\"欣賞官網美麗的插畫😉\"},\"categories\":{\"all\":\"全部\"}},\"Seedream4-5Prompts\":{\"page\":{\"title\":\"Seedream 4.5 Prompts - Nano Banana Pro 平價替代 AI 圖像生成提示詞 - YouMind\",\"description\":\"Seedream 4.5 是 Nano Banana Pro 的優質平價替代，價格僅為其 1/3。發現精選的高品質提示詞集合，直接在 YouMind 中生成精美圖像。\",\"headerTitle\":\"Seedream 4.5\",\"headerPrompts\":\"提示詞\",\"headerDescription\":\"精選的 {brand} 頂級提示詞集合。\",\"headerTagline\":\"像藝術家一樣偷師。\",\"freshPrompts\":\"提示詞\",\"total\":\"總計\",\"updating\":\"持續更新中\",\"submitPrompt\":\"提交提示詞\",\"ogImageAlt\":\"Seedream 4.5 提示詞\"},\"searchBar\":{\"placeholder\":\"搜尋提示詞/標題/描述/作者...\",\"filterAll\":\"全部\",\"filterVideo\":\"影片\",\"filterImage\":\"圖片\",\"promoQuestion\":\"你想要找什麼提示詞呢？\",\"promoDescription\":\"我能根據需求為你智能匹配提示詞。\",\"promoPrompt\":\"呼叫 find-prompt tool，推薦一些生圖提示詞給我，先詢問下我的具體需求。\",\"searchModePrompt\":\"提示詞\",\"searchModeAuthor\":\"作者\",\"placeholderPrompt\":\"搜尋提示詞...\",\"placeholderAuthor\":\"搜尋作者...\",\"promoLabel\":\"更好的選擇\",\"promoTitle\":\"Agent 技能幫你智能檢索\",\"promoButton\":\"試試看\",\"modelSlug\":\"\"},\"promptCard\":{\"tabPrompt\":\"提示詞\",\"tabOriginal\":\"原文\",\"by\":\"作者\",\"promptHeader\":\"提示詞\",\"translateButton\":\"翻譯\",\"beforeTranslation\":\"翻譯前\",\"originalButton\":\"EN\",\"chineseButton\":\"中文\",\"showOriginal\":\"顯示原文\",\"showTranslation\":\"顯示翻譯\",\"copy\":\"複製\",\"copied\":\"已複製\",\"share\":\"分享\",\"linkCopied\":\"連結已複製\",\"tryItNow\":\"立即嘗試\",\"installOnYouMind\":\"安裝到 YouMind\",\"aiShortcut\":\"AI 快捷指令\",\"install\":\"安裝\",\"aiSkill\":\"AI 技能\",\"tryInYouMind\":\"在 YouMind 中試用\",\"tryIt\":\"試一試\",\"featured\":\"精選\",\"save\":\"儲存\",\"savePromptTitle\":\"儲存提示詞\",\"savePromptSubtitle\":\"隨時隨地取用\",\"savingPrompt\":\"正在儲存中...\",\"viewFullPrompt\":\"查看完整提示詞\"},\"faq\":{\"title\":\"常見問題\",\"q0\":\"Seedream 4.5 是什麼？\",\"a0\":\"Seedream 4.5（即夢）是字節跳動推出的 AI 圖像生成模型，被認為是 Nano Banana Pro 的優質平價替代，價格僅為其 1/3。它具備電影級視覺效果，具有精緻的光影和渲染；在多張圖像中保持更高的主體一致性和清晰的細節；更智能的指令遵循，具有精確的視覺控制和互動式編輯能力；更強的空間理解，生成真實的比例、物體擺放和場景佈局；以及更深入的行業應用，支援電商、影視、廣告、遊戲、教育、室內和建築設計等專"])</script><script>self.__next_f.push([1,"業工作流程。\",\"q1\":\"這些提示詞來自哪裡？\",\"a1\":\"主要基於公開 Twitter/𝕏 篩選，如果你是作者，但不希望展示在這裡，可聯繫我們，我們會及時下架。\",\"q2\":\"如何使用這些提示詞？\",\"a2\":\"目前需要你複製提示詞，依照提示詞的描述，在 YouMind 裡選擇 Seedream 4.5 生圖模型進行使用。未來會更好地集成到 YouMind 功能裡，一鍵使用。\",\"q3\":\"AI 快捷指令是什麼？\",\"a3\":\"將你的內容創作、資料學習最佳實踐，沉澱到 YouMind Shortcuts 裡，就可以基於你收集的資料、撰寫的文案，一鍵輸出了。比如對收藏的 YouTube 視頻，一鍵生成博客文章，對博客內容，一鍵提煉金句。\",\"q4\":\"是否有更多使用案例？\",\"a4\":\"你可以在這篇博客文章《\u003clink\u003e{title}\u003c/link\u003e》中，查看更多精選的 Seedream 4.5 案例。\"},\"blogCard\":{\"tab\":\"博客\",\"cta\":\"探索更多案例\"},\"imageCarousel\":{\"preview\":\"預覽\",\"previewImage\":\"預覽圖片\",\"goToSlide\":\"跳轉到第 {index} 張\"},\"emptyState\":{\"noPromptsFound\":\"未找到提示詞\",\"trySearchingElse\":\"試試搜尋其他內容\",\"tryTheseShortcuts\":\"試試這些 AI 快捷指令\",\"discoverFeaturedTools\":\"發現精選工具，幫助你生成精彩內容。\",\"viewAllShortcuts\":\"查看所有快捷指令\",\"tryTheseSkills\":\"試試這些 AI 技能\",\"viewAllSkills\":\"查看全部技能\"},\"footerCTA\":{\"readyToCreate\":\"準備好使用\",\"nanoBanana\":\"Seedream 創作了嗎？\",\"experiencePower\":\"在 YouMind 上體驗 Seedream 4.5 圖像生成的強大功能。\",\"freeLimitedTime\":\"讓你的想像力自由翱翔\",\"startGenerating\":\"開始生成\"},\"tweetModal\":{\"loadingTweet\":\"載入推文中...\"},\"loadMore\":{\"loading\":\"載入更多...\",\"viewAll\":\"查看全部\"},\"generator\":{\"placeholder\":\"描述你想要生成的圖像...（例如：賽博龐克風格的夜晚城市）\",\"generate\":\"生成\",\"clearPrompt\":\"清空提示詞\",\"exitParamMode\":\"退出參數模式\",\"randomPrompt\":\"隨機提示詞\",\"random\":\"隨機\",\"image\":\"圖片\",\"uploadImage\":\"上傳參考圖片\",\"uploadingImages\":\"正在上傳圖片...\",\"uploadFailed\":\"圖片上傳失敗，請重試\",\"pleaseUploadReferenceImages\":\"此提示詞需要上傳參考圖片，請先添加圖片\",\"aspectRatio\":{\"auto\":\"自動\",\"square\":\"1:1\",\"landscape\":\"16:9\",\"portrait\":\"9:16\"},\"settings\":\"設定\",\"aspectRatioLabel\":\"寬高比\"},\"common\":{\"openSourceLink\":\"打開源連結\",\"editInCMS\":\"在 CMS 中編輯\"},\"loginPromotionDialog\":{\"title\":\"登錄即可免費使用\",\"subtitle\":\"體驗 LM Arena 排名第二的生圖模型\",\"benefit1\":\"每日 {credits} 積分\",\"benefit2\":\"支持 Gemini 3.0 Pro，Nano Banana Pro, Claude Opus 4.6 等模型。\",\"benefit3\":\"勾選素材，AI 秒生結構化初稿，改幾句就能發\",\"benefit4\":\"視頻 / 播客 / 文章隨手批註，AI 一鍵生成筆記摘要\",\"benefit5\":\"幾句話、一個連結創造\u003cslides\u003e能直接交付的幻燈片\u003c/slides\u003e\",\"loginButton\":\"立即登錄體驗\",\"loginRequired\":\"需要登錄\",\"close\":\"關閉\",\"footerText\":\"欣賞官網美麗的插畫😉\"},\"categories\":{\"all\":\"全部\"}},\"ChristmasCardPrompts\":{\"makeYourCard\":\"製作賀卡\",\"page\":{\"title\":\"2025 聖誕卡片提示詞 - 100+ AI 聖誕賀卡、封面與相框 - YouMind\",\"description\":\"探索 100+ 精選聖誕卡片提示詞，用於 AI 圖像生成。創建精美的節日賀卡、封面、相框等。完全可自定義！\",\"headerTitle\":\"2025 聖誕卡片\",\"headerPrompts\":\"提示詞\",\"headerDescription\":\"100+ AI 聖誕卡片，包括封面、賀卡、相框等。\",\"headerTagline\":\"完全可自定義，打造你的完美節日。\",\"freshPrompts\":\"提示詞\",\"total\":\"總計\",\"updating\":\"更新中\",\"submitPrompt\":\"提交提示詞\",\"ogImageAlt\":\"2025 Christmas Card 提示詞\"},\"searchBar\":{\"placeholder\":\"搜尋提示詞/標題/描述/作者...\",\"filterAll\":\"全部\",\"filterVideo\":\"影片\",\"filterImage\":\"圖片\",\"promoQuestion\":\"你想要找什麼提示詞呢？\",\"promoDescription\":\"我能根據需求為你智能匹配提示詞。\",\"promoPrompt\":\"呼叫 find-prompt tool，推薦一些生圖提"])</script><script>self.__next_f.push([1,"示詞給我，先詢問下我的具體需求。\",\"searchModePrompt\":\"提示詞\",\"searchModeAuthor\":\"作者\",\"placeholderPrompt\":\"搜尋提示詞...\",\"placeholderAuthor\":\"搜尋作者...\",\"promoLabel\":\"更好的選擇\",\"promoTitle\":\"Agent 技能幫你智能檢索\",\"promoButton\":\"試試看\",\"modelSlug\":\"\"},\"promptCard\":{\"tabPrompt\":\"提示詞\",\"tabOriginal\":\"原始\",\"by\":\"作者\",\"remixFrom\":\"混音自\",\"promptHeader\":\"提示詞\",\"translateButton\":\"翻譯\",\"beforeTranslation\":\"原始\",\"originalButton\":\"EN\",\"chineseButton\":\"中文\",\"showOriginal\":\"顯示原文\",\"showTranslation\":\"顯示翻譯\",\"copy\":\"複製\",\"copied\":\"已複製\",\"share\":\"分享\",\"linkCopied\":\"連結已複製\",\"tryItNow\":\"立即試用\",\"installOnYouMind\":\"安裝到 YouMind\",\"aiShortcut\":\"AI 快捷指令\",\"install\":\"安裝\",\"aiSkill\":\"AI 技能\",\"tryInYouMind\":\"在 YouMind 中試用\",\"tryIt\":\"試一試\",\"featured\":\"精選\",\"save\":\"保存\",\"savePromptTitle\":\"保存提示詞\",\"savePromptSubtitle\":\"隨時隨地訪問\",\"savingPrompt\":\"保存中...\",\"referenceImages\":\"參考圖片\",\"viewFullPrompt\":\"查看完整提示詞\"},\"faq\":{\"title\":\"常見問題\",\"q0\":\"什麼是聖誕卡片提示詞？\",\"a0\":\"這些是專門為創建精美聖誕卡片而設計的精選 AI 提示詞。包括節日封面、賀卡、相框和可自定義模板，適用於 AI 圖像生成器。\",\"q1\":\"有多少種聖誕卡片風格可用？\",\"a1\":\"我們有超過 100 種不同的聖誕卡片提示詞，涵蓋各種風格：傳統、現代、簡約、可愛、優雅等。每個提示詞都可以完全自定義。\",\"q2\":\"如何使用這些提示詞？\",\"a2\":\"只需複製提示詞並在 YouMind 中使用我們的 AI 圖像生成器。你可以自定義文字、名稱和其他參數，創建完美的聖誕卡片。\",\"q3\":\"可以自定義這些卡片嗎？\",\"a3\":\"可以！大多數提示詞支持通過參數進行自定義。你可以更改名稱、問候語、顏色和風格，使每張卡片都獨一無二。\",\"q4\":\"還有更多用例嗎？\",\"a4\":\"查看我們的畫廊，了解更多靈感和範例，看看其他人如何使用這些提示詞創建精彩的聖誕卡片。\"},\"blogCard\":{\"tab\":\"部落格\",\"cta\":\"探索更多案例\"},\"imageCarousel\":{\"preview\":\"預覽\",\"previewImage\":\"預覽圖片\",\"goToSlide\":\"前往幻燈片 {index}\"},\"emptyState\":{\"noPromptsFound\":\"未找到提示詞\",\"trySearchingElse\":\"試試搜尋其他內容\",\"tryTheseShortcuts\":\"試試這些 AI 快捷指令\",\"discoverFeaturedTools\":\"發現精選工具，幫助你生成精彩內容。\",\"viewAllShortcuts\":\"查看所有快捷指令\",\"tryTheseSkills\":\"試試這些 AI 技能\",\"viewAllSkills\":\"查看全部技能\"},\"footerCTA\":{\"readyToCreate\":\"準備好創造\",\"nanoBanana\":\"聖誕魔法了嗎？\",\"experiencePower\":\"使用 AI 在幾秒鐘內創建精美的聖誕卡片\",\"freeLimitedTime\":\"傳播節日喜悅\",\"startGenerating\":\"開始創作\"},\"tweetModal\":{\"loadingTweet\":\"載入推文中...\"},\"loadMore\":{\"loading\":\"載入更多...\",\"viewAll\":\"查看全部\"},\"generator\":{\"placeholder\":\"描述你的聖誕卡片...（例如：溫馨的聖誕壁爐場景，掛著長襪）\",\"generate\":\"生成\",\"clearPrompt\":\"清空提示詞\",\"exitParamMode\":\"退出參數模式\",\"randomPrompt\":\"隨機提示詞\",\"random\":\"隨機\",\"image\":\"圖片\",\"uploadImage\":\"上傳參考圖片\",\"uploadingImages\":\"正在上傳圖片...\",\"uploadFailed\":\"圖片上傳失敗，請重試\",\"pleaseUploadReferenceImages\":\"此提示詞需要上傳參考圖片，請先添加圖片\",\"aspectRatio\":{\"auto\":\"自動\",\"square\":\"1:1\",\"landscape\":\"16:9\",\"portrait\":\"9:16\"},\"settings\":\"設定\",\"aspectRatioLabel\":\"寬高比\"},\"common\":{\"openSourceLink\":\"打開源連結\",\"editInCMS\":\"在 CMS 中編輯\"},\"loginPromotionDialog\":{\"title\":\"登錄即可免費創作\",\"subtitle\":\"使用 AI 創建精美的聖誕卡片\",\"benefit1\":\"每日 {credits} 積分\",\"benefit2\":\"支持多種 AI 圖像生成模型\",\"benefit3\":\"100+ 可自定義的聖誕卡片模板\",\"benefit4\":\"保存並下載你的作品\",\"benefit5\":\"與朋友和家人分享你的卡片\",\"loginButton\":\"立即登錄體驗\",\"loginRequired\":\"需要"])</script><script>self.__next_f.push([1,"登錄\",\"close\":\"關閉\",\"footerText\":\"欣賞官網美麗的插畫😉\"},\"categories\":{\"all\":\"全部\"}},\"ChristmasCardMaker\":{\"page\":{\"title\":\"聖誕卡片製作器 - AI 節日賀卡創作 | YouMind\",\"description\":\"使用 AI 製作精美的個人化聖誕卡片。上傳照片、自訂訊息、選擇節慶音樂和字型。\",\"headerTitle\":\"聖誕卡片製作器\",\"headerDescription\":\"使用 AI 製作專屬節日賀卡\"},\"steps\":{\"cover\":\"封面\",\"message\":\"訊息\"},\"coverPage\":{\"uploadCover\":\"上傳封面\",\"uploadCoverSubtext\":\"你的聖誕卡片封面\",\"yourPhoto\":\"你的照片\",\"addYourPhoto\":\"新增照片\",\"willBeMerged\":\"將合成至相框中\",\"uploadHintPhotoFrame\":\"先上傳相框，再新增你的照片\",\"uploadHintNormal\":\"上傳你的聖誕卡片封面圖片\",\"uploading\":\"上傳中...\",\"upload\":\"上傳\",\"coverImage\":\"封面圖片\",\"selectCovers\":\"選擇封面\",\"removeCover\":\"移除封面圖片\",\"removePhoto\":\"移除照片\"},\"innerPage\":{\"decoration\":\"裝飾\",\"addDecoration\":\"新增裝飾\",\"removeDecoration\":\"移除裝飾\",\"decorationLibrary\":\"裝飾素材庫\",\"decorationSubtext\":\"選填 - 留空時 AI 將自動生成\",\"aiWillCreate\":\"AI 將施展魔法！\",\"yourMessage\":\"你的訊息\",\"messagePlaceholder\":\"親愛的家人們，\\n\\n祝你們聖誕快樂，天天開心，身體健康！\\n\\n愛你們的，\\n[你的名字]\",\"clearText\":\"清除文字\"},\"navigation\":{\"makeYourCard\":\"製作卡片\",\"advanceOptions\":\"進階選項\"},\"cardPreview\":{\"flipToFront\":\"查看正面\",\"flipToBack\":\"查看背面\"},\"advanceOptions\":{\"title\":\"進階選項\",\"done\":\"完成\",\"music\":{\"title\":\"背景音樂\",\"subtitle\":\"選擇節慶旋律\",\"randomPick\":\"隨機選擇\"},\"font\":{\"title\":\"字型樣式\",\"subtitle\":\"選擇訊息字型\",\"previewText\":\"聖誕快樂\",\"categories\":{\"handwriting\":\"手寫\",\"serif\":\"襯線\",\"sansSerif\":\"無襯線\",\"display\":\"展示\"}}},\"loginDialog\":{\"title\":\"製作你的獨特聖誕卡片\",\"subtitle\":\"登入開啟創作之旅\",\"benefits\":{\"1\":\"使用 Gemini 3 Pro 和 Nano Banana Pro 打造精美的聖誕卡片\",\"2\":\"與親朋好友分享你的卡片\",\"3\":\"將作品儲存至你的帳戶\",\"4\":\"每月 2000 免費額度\"},\"loginButton\":\"製作卡片\",\"terms\":\"登入即表示你同意我們的服務條款和隱私權政策\"},\"common\":{\"uploading\":\"上傳中...\",\"poweredBy\":\"由 YouMind AI 提供支援\",\"close\":\"關閉\",\"mute\":\"靜音\",\"unmute\":\"取消靜音\"}},\"NewYearsCampaignBanner\":{\"desktopText\":\"靈感「蛋」生, 限時 7 折\",\"mobileText\":\"限時 7 折\",\"buttonText\":\"立即參與\"},\"Skills\":{\"meta\":{\"title\":\"探索學習、寫作與創作的 AI 技能 - YouMind 技能\",\"description\":\"發現 100+ 可複用的 AI 技能，用於研究、內容創作、社群媒體和簡報。無需編程——直接運行，即刻獲得結果。\",\"packTitle\":\"{name} - YouMind 技能包\",\"skillTitle\":\"{name} - YouMind 技能\",\"tryFree\":\"在 YouMind 免費體驗。\",\"defaultPackDescription\":\"在 YouMind 探索這個技能包。\",\"defaultSkillDescription\":\"在 YouMind 嘗試這個 AI 技能。\"},\"guideText\":\"技能快速上手指南\",\"seeWhatsPossible\":\"看看有什麼可能\",\"skillsDescription\":\"技能是你在 YouMind 中學習和創作的最佳夥伴，協助你閱讀和思考。\",\"recommendedPacks\":\"推薦技能包\",\"exploreSkills\":\"探索技能\",\"searchPlaceholder\":\"搜尋\",\"latest\":\"最新\",\"noSkillsFound\":\"未找到技能\",\"tryInYouMind\":\"在 YouMind 中試用\",\"backToSkills\":\"技能\",\"copyLink\":\"複製連結\",\"install\":\"安裝\",\"getWith\":\"兌換需\",\"open\":\"開啟\",\"author\":\"作者\",\"categoriesLabel\":\"分類\",\"tools\":\"工具\",\"instructions\":\"指令\",\"instructionPrivate\":\"作者已將指令設為私密，以下為指令簡介。\",\"instructionEmpty\":\"暫無指令。\",\"instructionVisibleToCreator\":\"僅建立者可見\",\"skills\":\"個技能\",\"credits\":\"積分\",\"goToGallery\":\"返回列表\",\"noBioFound\":\"未找到用戶資料。\",\"installSuccess\":\"技能安裝成功\",\"installFailed\":\"技能安裝失敗\",\"categories\":{\"learn\":\"學習\",\"write\":\"寫作\",\"create\":\"創作\",\"life\":\"生活\",\"research\":\"研究\",\"images\":\"圖片\",\"slides\":\"簡報\","])</script><script>self.__next_f.push([1,"\"webpage\":\"網頁\",\"other\":\"更多\"},\"aiAssistant\":{\"hoverHint\":\"AI 助手\",\"title\":\"想要什麼技能？\",\"description\":\"告訴我你的需求，我會努力幫你找到最合適的！\",\"buttonText\":\"幫我推薦\",\"prompt\":\"幫我推薦一些技能\"},\"aiFind\":{\"buttonText\":\"AI 幫你找\",\"prompt\":\"幫我找一個關於「{query}」的技能\"},\"tryIt\":\"立即試用\",\"monthlyTopTitle\":\"月榜\",\"monthlyTopDesc\":\"本月炙手可熱的新技能，看看大家都在玩什麼\",\"featuredTitle\":\"精選\",\"featuredDesc\":\"官方精心挑選的高品質技能，開箱即用\",\"monthlyRankingEmpty\":\"本月還沒有 skill 上榜，快去創建你的吧！\",\"featuredRankingEmpty\":\"暫無精選 skill，敬請期待我們的推薦！\",\"goExploreSkills\":\"去探索 Skill\",\"goCreateSkill\":\"去創建\",\"monthlyTopTabPaid\":\"付費榜\",\"monthlyTopTabFree\":\"免費榜\"},\"ModelArena\":{\"header\":{\"vs\":\"VS\",\"mysteryModel\":\"???\",\"allModels\":\"所有模型\"},\"prompts\":\"提示詞\",\"loadMore\":\"載入更多\",\"excelsFilter\":{\"label\":\"擅長：\",\"all\":\"全部\",\"excels\":\"擅長\"},\"empty\":{\"title\":\"暫無對比結果\",\"description\":\"請嘗試調整篩選條件或稍後再來。\"},\"footer\":{\"poweredBy\":\"由\"},\"viewComparison\":\"檢視對比\",\"preview\":\"預覽\",\"noImage\":\"無圖片\",\"models\":\"個模型\",\"sourceLink\":\"來源連結\",\"by\":\"作者\",\"tryItNow\":\"立即嘗試\",\"preferThis\":\"喜歡這個\",\"votes\":\"票\",\"prompt\":\"提示詞\",\"filters\":\"篩選\",\"clearFilters\":\"清除篩選\",\"championModel\":\"冠軍模型\",\"categories\":{\"usecases\":\"使用場景\",\"styles\":\"風格\",\"subjects\":\"主題\"},\"comparisonSummary\":{\"title\":\"模型對比總結\",\"readTime\":\"閱讀時長 {minutes} 分鐘\"},\"modelWinCounts\":{\"title\":\"模型勝出統計\",\"updateNote\":\"每 {hours} 小時更新一次\"},\"footerCTA\":{\"title\":\"哪個模型更勝一籌？\",\"shuffleAndTry\":\"隨機嘗試\",\"hint\":\"點擊隨機選擇一個提示詞\"},\"loginDialog\":{\"title\":\"登錄即可免費使用\",\"subtitle\":\"體驗 Nano Banana Pro 的強大功能\",\"close\":\"關閉\",\"benefit1\":\"每日 1000 積分\",\"benefit2\":\"支持 Gemini 3.0 Pro，Nano Banana Pro, Claude Opus 4.6 等模型。\",\"benefit3\":\"勾選素材，AI 秒生結構化初稿，改幾句就能發\",\"benefit4\":\"視頻 / 播客 / 文章隨手批註，AI 一鍵生成筆記摘要\",\"benefit5\":\"幾句話、一個連結創造\u003cslides\u003e能直接交付的幻燈片\u003c/slides\u003e\",\"loginButton\":\"立即登錄體驗\",\"loginRequired\":\"需要登錄\",\"footerText\":\"欣賞官網美麗的插畫😉\"},\"referenceImages\":\"參考圖\",\"blindTest\":\"盲測\",\"linkCopied\":\"分享連結已複製\",\"share\":\"分享\",\"longPressToSave\":\"長按圖片儲存\",\"model\":\"模型\",\"championModelHint\":\"篩選該模型獲得最多投票的提示詞\",\"featured\":\"精選\",\"roast\":{\"title\":\"AI 吐槽\",\"aiSays\":\"AI 吐槽：\",\"winner\":\"勝者\",\"download\":\"下載圖片\",\"share\":\"分享\",\"shareTitle\":\"看看這個 AI 吐槽！\",\"roastThem\":\"AI 銳評\",\"randomRoast\":\"隨機銳評\",\"noComments\":\"暫無吐槽評論\",\"loading\":\"載入吐槽中...\",\"generatingImage\":\"生成圖片中...\",\"linkCopied\":\"分享連結已複製\",\"selectModels\":\"選擇模型\",\"loadingRandomRoast\":\"正在尋找精彩吐槽...\",\"noCommentsForPair\":\"該模型對暫無吐槽，試試其他組合\",\"noCommentsAvailable\":\"當前頁面暫無吐槽，試試調整篩選條件或稍後再來\"},\"pickFavoriteHint\":\"點擊圖片，選擇你最喜歡的！\",\"exploreMorePrompts\":\"探索數千個提示詞\",\"showMore\":\"顯示更多\",\"showLess\":\"顯示較少\",\"allPrompts\":\"全部\",\"sortButton\":\"排序\",\"sortAsc\":\"升序\",\"sortDesc\":\"降序\",\"sortTime\":\"時間\",\"sortLikes\":\"讚\",\"sortComments\":\"評論\",\"sortReposts\":\"轉發\",\"sortViews\":\"查看\",\"sortBookmarks\":\"收藏\",\"clearSort\":\"清除排序\",\"compareModels\":\"對比模型\"},\"Landing\":{\"XViralArticles\":{\"meta\":{\"title\":\"X/Twitter 爆款文章追蹤 - YouMind\",\"description\":\"YouMind 每日追蹤 X/Twitter 爆款文章榜單，提供互動數據、AI 拆解和創作者選題靈感。\",\"detailFallbackTitle\":\"文章未找到 - YouMind\",\"detailTitleSuffix\":\"X/Twitter 爆款文章追蹤 - YouMind\",\"detailDescriptionSuffix"])</script><script>self.__next_f.push([1,"\":\"YouMind 收錄並追蹤這篇 X/Twitter 爆款文章，提供互動數據、原文脈絡和面向創作者的 AI 閱讀提示。\"},\"masthead\":{\"logo\":\"YOUMIND DAILY\",\"tag\":\"VIRAL · X · DIGEST\"},\"hero\":{\"title\":\"𝕏 \u003chighlight\u003e爆款\u003c/highlight\u003e文章追蹤\",\"subtitle\":\"𝕏 全球爆款文章榜單 · AI 拆解 · 每日更新\"},\"stats\":{\"allTime\":\"全部累計\",\"currentPage\":\"當前頁\",\"totalVolume\":\"總收錄\",\"diversity\":\"語種數量\",\"pageEngagement\":\"互動量\",\"articles\":\"篇文章\",\"languages\":\"種語言\",\"views\":\"次曝光\"},\"subscribe\":{\"cta\":\"訂閱每日簡報\"},\"sort\":{\"by\":\"排序\",\"time\":\"時間\",\"views\":\"曝光\",\"likes\":\"讚\",\"reposts\":\"轉發\",\"comments\":\"留言\",\"bookmarks\":\"收藏\"},\"search\":{\"placeholder\":\"搜尋\",\"submit\":\"搜尋\",\"clear\":\"清除搜尋\"},\"engagement\":{\"views\":\"曝光\",\"likes\":\"讚\",\"reposts\":\"轉發\",\"comments\":\"留言\",\"bookmarks\":\"收藏\"},\"cta\":{\"eyebrow\":\"AI 功能\",\"breakdown\":\"拆解爆款\",\"remix\":\"用我的 Tone 改寫\",\"deepRead\":\"深度閱讀\",\"coverRemix\":\"複刻封面\"},\"pagination\":{\"label\":\"分頁\",\"prev\":\"上一頁\",\"next\":\"下一頁\",\"pageLabel\":\"第\",\"showing\":\"第 {from}–{to} 條 · 共 {total} 條\"},\"empty\":{\"title\":\"今日榜單還在生成中\",\"subtitle\":\"稍後再回來看最新爆款文章吧。\"},\"detail\":{\"originallyIn\":\"{language}\",\"published\":\"{relative} · {date}\",\"save\":\"收藏\",\"saveSignIn\":\"收藏（需要登入）\",\"summary\":{\"label\":\"TL;DR\"},\"viralReason\":{\"label\":\"為何能爆 · AI 拆解\",\"unlock\":\"免費註冊接著看\"},\"toggle\":{\"translatedLabel\":\"{language}（譯文）\",\"originalLabel\":\"{language}（原文）\",\"viewingTranslated\":\"正在看 {language} 譯文\",\"viewingOriginal\":\"正在看 {language} 原文\",\"label\":\"文章語言版本\"},\"bodyLabel\":\"正文\",\"bodyMissing\":\"暫時沒有這個語種的版本，切到原文看看吧。\",\"viewOriginal\":\"查看原文\",\"breadcrumbLabel\":\"麵包屑\",\"backToList\":\"𝕏 爆款文章追蹤\",\"currentArticle\":\"目前文章\"},\"promotionDialog\":{\"title\":\"登入解鎖爆款拆解\",\"subtitle\":\"免費註冊即可使用\",\"feature1\":\"每日 1000 點數\",\"feature2\":\"任意 𝕏 爆款文章一鍵 AI 拆解\",\"feature3\":\"一個長文連結生成\u003cslidesLink\u003e能直接交付的幻燈片\u003c/slidesLink\u003e\",\"feature4\":\"勾選素材，AI 秒生結構化初稿，改幾句就能發\",\"cta\":\"免費註冊 →\",\"footer\":\"欣賞官網美麗的插畫 😉\"},\"skillConfig\":{\"title\":\"設定 AI 功能\",\"eyebrow\":\"自訂 SKILL 綁定\",\"heading\":{\"breakdown\":\"綁定你的拆解 SKILL\",\"tone-remix\":\"綁定你的改寫 SKILL\",\"deep-read\":\"綁定你的深度閱讀 SKILL\",\"cover-remix\":\"綁定你的封面複刻 Skill\"},\"subtitle\":\"貼上 YouMind skill 連結或 ID，把這個 CTA 換成你自己的 skill。只接受你建立的 skill。留空則使用預設。\",\"inputLabel\":\"Skill 連結或 ID\",\"inputPlaceholder\":\"https://youmind.com/skills/...\",\"useMine\":\"用我的 SKILL →\",\"useDefault\":\"用預設 SKILL →\",\"errorNotFound\":\"找不到這個 skill，或它不是你的\",\"close\":\"關閉\"},\"footerCta\":{\"title\":\"為創作者而生。\",\"subtitle\":\"從全球 𝕏 爆款文章裡發現選題，拆解它為什麼能爆，再把可複用的內容結構變成你的下一篇創作靈感。\",\"primary\":\"開始用 YouMind 創作\",\"secondary\":\"探索更多爆款文章\"},\"related\":{\"kicker\":\"更多可拆解樣本\",\"title\":\"近期爆款文章\",\"viewAll\":\"探索更多爆款文章\"},\"weeklyFeatured\":{\"eyebrow\":\"本週精選\",\"cta\":\"閱讀精選\"},\"dailyTop\":{\"title\":\"近日最熱 Top 3\",\"subtitle\":\"最新 · 觀看最高\"},\"allArticles\":{\"title\":\"全部文章\",\"subtitle\":\"共 {count} 篇\"},\"explore\":{\"title\":\"探索爆款文章\",\"subtitle\":\"瀏覽、排序、搜尋每日完整榜單\",\"metaTitle\":\"探索 X/Twitter 爆款文章 - YouMind\",\"metaDescription\":\"瀏覽、排序、搜尋 YouMind 每日 X/Twitter 爆款文章合集，含互動資料與 AI 拆解。\",\"breadcrumb\":\"探索\"},\"covers\":{\"teaserTitle\":\"爆款封面\",\"teaserSubtitle\":\"精選封面設計 · 一鍵複刻\",\"viewAll\":\"查看全部\",\"title\":\"爆款文章封面\",\"subtitle\":\"精選可被 AI "])</script><script>self.__next_f.push([1,"複刻的封面設計\",\"breadcrumb\":\"爆款封面\",\"listTitle\":\"全部封面\",\"listSubtitle\":\"共 {count} 張可複刻封面\",\"emptyTitle\":\"暫無可複刻封面\",\"emptySubtitle\":\"編輯團隊正在挑選值得複刻的封面，敬請期待。\",\"metaTitle\":\"值得複刻的爆款 X 文章封面 - YouMind\",\"metaDescription\":\"精選值得複刻的爆款 X/Twitter 文章封面，進入任意文章一鍵用 AI 複刻成你自己的設計。\"}},\"LennyCareerCoach\":{\"meta\":{\"title\":\"Lenny 職業教練 — AI 履歷審查與職涯建議\",\"description\":\"獲取由 Lenny Rachitsky 電子報洞察驅動的個人化職涯指導。履歷審查、職涯建議和模擬面試。\"},\"header\":{\"downloadButton\":\"取得 Lenny 內容包\",\"title\":\"Lenny 職業教練\"},\"tabs\":{\"resume\":\"履歷審查\",\"advice\":\"職涯建議\",\"interview\":\"模擬面試\"},\"sharedBadge\":{\"trainedOn\":\"基於 500+ 篇 Lenny 電子報文章訓練\",\"hours\":\"2000+ 小時職涯智慧\"},\"resume\":{\"welcome\":\"你好！我是 Lenny 的職業教練。上傳你的履歷，我會根據頂級科技公司的招聘洞察，給你詳細、可操作的反饋。\",\"userUpload\":\"resume_sarah_chen_2026.pdf\",\"analysisIntro\":\"很好，我已經分析了你的履歷。以下是我的詳細反饋：\",\"feedback\":{\"title\":\"履歷分析摘要\",\"strongPoints\":\"優勢\",\"strong1\":\"影響指標量化清晰\",\"strong2\":\"有力的行動動詞和簡潔的要點\",\"areasToImprove\":\"待改進\",\"improve1\":\"添加更多關於團隊規模和範圍的背景資訊\",\"improve2\":\"考慮按相關性重新組織技能部分\"},\"sources\":{\"article1\":\"Lenny 的履歷技巧\",\"article2\":\"頂級公司招聘\"},\"quote\":{\"text\":\"最好的履歷不只是列出職責——它們講述了一個關於影響力的故事。\",\"author\":\"Lenny Rachitsky\"}},\"advice\":{\"welcome\":\"我在這裡幫助你規劃職涯發展，借鑑數百篇文章和專家訪談。你想探索什麼？\",\"topic1\":\"職涯轉型和轉變\",\"topic2\":\"薪資談判策略\",\"topic3\":\"打造個人品牌\",\"topic4\":\"社交網路和導師指導\"},\"interview\":{\"welcome\":\"讓我們開始練習！我會根據頂級公司實際尋找的條件模擬真實面試場景。選擇一個角色類型開始吧。\"},\"chatInput\":{\"dropHint\":\"上傳履歷 PDF 或在下方輸入個人資訊\",\"dropHere\":\"將 PDF 拖放到此處\",\"placeholder\":\"上傳 PDF 或輸入你的個人資訊...\",\"attachFile\":\"附加檔案\",\"validationHint\":\"請上傳 PDF 或輸入個人資訊\"},\"uploadSuccess\":{\"analyzeButton\":\"用 Lenny 教練分析\"},\"promotionDialog\":{\"title\":\"解鎖完整分析\",\"feature1\":\"每日贈送 1000 積分\",\"feature2\":\"基於 Lenny 洞察的履歷優化與生成\",\"feature3\":\"與頂級科技公司高管的職場指導對話\",\"feature4\":\"即時反饋的實戰模擬面試\",\"ctaText\":\"免費開始 →\",\"footerText\":\"了解更多關於 YouMind\"},\"footer\":{\"builtWith\":\"由以下技術構建\"}},\"GptImage2Slides\":{\"meta\":{\"title\":\"GPT Image 2 AI 幻燈片｜字 / 臉 / 版式全對齊 — YouMind\",\"description\":\"用 OpenAI 最新的 GPT Image 2 在 YouMind 裏生成 AI 幻燈片——99% 字體準確率，毛孔級寫實人像，production-ready 版式一次過。一鍵導出帶真人音色的配音視頻。\"},\"hero\":{\"title\":\"幾句話做出\\n可直接交付的投影片\",\"subtitle\":\"丟一段文章、一集 Podcast，或一個 YouTube 連結。GPT Image 2 第一次就把每個字、每張臉、每處版式全部對齊。\",\"inputPlaceholder\":\"丟一段文章、一集 Podcast，或一個 YouTube URL 進來，YouMind 會直接做成投影片\",\"submitCta\":\"生成\",\"templateSectionTitle\":\"選擇一個風格（可選）\",\"templateSectionSubtitle\":\"每张卡片都是一套完整風格；鼠標悬停可翻看示例頁。\",\"modelSelector\":{\"gptImage2\":{\"label\":\"GPT Image 2\",\"subtitle\":\"99% 文本 · 寫實人像 · 推薦日常\"},\"nanoBananaPro\":{\"label\":\"Nano Banana Pro\",\"subtitle\":\"敘事連載 · 14-ref 跨頁角色錨定 · 密集信息圖\"},\"nanoBanana2\":{\"label\":\"Nano Banana 2\",\"subtitle\":\"半價成本 · 高性價比之選\"}},\"chatInput\":{\"attachFile\":\"添加附件\",\"removeFile\":\"移除附件\",\"dr"])</script><script>self.__next_f.push([1,"opHere\":\"拖到這裏上傳\",\"helperText\":\"支持粘貼鏈接 / 拖拽 PDF / Markdown / 圖片文件，最大 50MB\",\"validationHint\":\"請先輸入内容或添加附件\"},\"defaultPrompt\":\"首先觀看並理解這個影片：https://www.youtube.com/watch?v=sWkGomJ3TLI\\n\\n這是 GPT Image 2 的發表影片。請把它作為主要參考，推演未來圖像生成模型會如何發布，以及到 AGI Image 10 時哪些能力可能強到荒謬。\\n\\n為虛構的未來模型 AGI Image 10 做一份爆笑 roast 風格發表會幻燈片。發布方是 OpenAGI（不是 OpenAI），活動定位為 OpenAGI 2030 春季發表會。演講人是虛構角色 Sam Ultraman（一位酷似 Sam Altman 的人），像是在用人生中最嚴肅的語氣發布一個可能已經自我覺醒的圖像模型。\\n\\n整體要像一場製作過度、但一本正經到荒誕的科技發表會：戲劇化首圖揭幕、俐落的未來感排版、真實人臉、可讀圖表、高級視覺，以及適合截圖傳播的 meme 標題。開場標題用：「終於聽懂客戶說『再炸一點』的圖像模型。」包含惡搞 benchmarks、虛構投資人反應、離譜價格方案、安全說明，以及 1000 萬人候補名單。\",\"templatePrompt\":\"首先觀看並理解這個影片：https://www.youtube.com/watch?v=sWkGomJ3TLI\\n\\n這是 GPT Image 2 的發表影片。請把它作為主要參考，推演未來圖像生成模型會如何發布，以及到 AGI Image 10 時哪些能力可能強到荒謬。\\n\\n為虛構的未來模型 AGI Image 10 做一份爆笑 roast 風格產品發表幻燈片。發布方是 OpenAGI（不是 OpenAI），活動定位為 OpenAGI 2030 春季發表會。演講人是虛構角色 Sam Ultraman（一位酷似 Sam Altman 的人），像是在用人生中最嚴肅的語氣發布一個可能已經自我覺醒的圖像模型。\\n\\n內容要像一場嚴肅 AI 發表會慢慢變成 meme。每一頁都要好笑、犀利、可讀、值得截圖傳播。開場標題用：「終於聽懂客戶說『再炸一點』的圖像模型。」包含惡搞 benchmarks、從 GPT Image 2 到 AGI Image 10 的時間線、虛構投資人反應、離譜價格方案、安全說明，以及 1000 萬人候補名單。\"},\"templates\":{\"placeholder\":\"示例加載中\",\"expandPreview\":\"展開預覽\",\"recommendedBadge\":\"推薦\",\"yearEndReport\":{\"title\":\"年終匯報\",\"subtitle\":\"數據敘事\",\"defaultPrompt\":\"把我接下來描述的這一年，做成一份年終匯報幻燈片——亮點、關鍵數據，以及一张干淨利落的展望頁。\"},\"memphisDesign\":{\"title\":\"孟菲斯設計\",\"subtitle\":\"復古玩味\",\"defaultPrompt\":\"就我接下來分享的主題，做一份孟菲斯設計風格的幻燈片——大膽几何、彩紙屑配色、富有玩味的編排節奏。\"},\"boldVisualBrochure\":{\"title\":\"大膽視覺畫册\",\"subtitle\":\"雜志級封面\",\"defaultPrompt\":\"把我的 brief 做成大膽視覺畫册——雜志級封面、巨幅字形，以及像正式提案一樣的收尾跨頁。\"},\"kamiDesign\":{\"title\":\"Kami 紙藝\",\"subtitle\":\"剪紙編輯部\",\"defaultPrompt\":\"就我接下來分享的主題，做一份 Kami 紙藝 / 剪紙編輯部風格的幻燈片——层次質感、克製配色、充足留白。\"},\"vibrantHanddrawn\":{\"title\":\"鮮明手繪\",\"subtitle\":\"青年職場\",\"defaultPrompt\":\"就我接下來分享的主題，做一份面向青年職場讀者的鮮明手繪幻燈片——色彩明亮、線條隨性，像人在寫而不是公司在寫。\"},\"modernDigital\":{\"title\":\"現代數字\",\"subtitle\":\"產品感十足\",\"defaultPrompt\":\"就我接下來分享的主題，做一份現代數字風格的幻燈片——干淨的產品視覺、UI 高亮、SaaS 級的克製配色。\"},\"brutalism\":{\"title\":\"粗野主义\",\"subtitle\":\"原始建筑感\",\"defaultPrompt\":\"就我接下來分享的主題，做一份粗野主义風格的幻燈片——厚重網格、等宽字裝飾、原始對比、零多余修飾。\"},\"neuBrutalism\":{\"title\":\"新粗野宣言\",\"subtitle\":\"態度型頁面\",\"defaultPrompt\":\"就我接下來分享的主題，寫一份新粗野主义風格的宣"])</script><script>self.__next_f.push([1,"言式幻燈片——厚邊框、粗重字體，態度鮮明、不需要解釋。\"}},\"templatePreview\":{\"close\":\"關閉預覽\",\"previous\":\"上一頁\",\"next\":\"下一頁\",\"useTemplate\":\"立即試用\"},\"why\":{\"sectionTitle\":\"藏在細節裏的手藝\",\"bestInClass\":{\"title\":\"字、臉、版式 — 這個模型一次對齊\",\"body\":\"文字、人像、產品素材、版式——GPT Image 2 一把到位，99% 字體精度 + 毛孔級真實人像，第一次就能直接用。\",\"cta\":\"立即試用\"},\"fromAnything\":{\"title\":\"一條鏈接、一篇文章、一條播客 — 一份幻燈片\",\"body\":\"丟進 YouTube 連結、播客、文章或 PDF。YouMind 提煉重點，並行算繪整套幻燈片，基於你真實的素材而非 AI 虛構。\",\"cta\":\"立即試用\"},\"videoExport\":{\"title\":\"不止幻燈片：一鍵導出為你自己音色的視頻\",\"body\":\"Smart Video 把整套幻燈片直接變影片——AI 旁白、自動字幕、BGM、轉場，全在一起。還能克隆你的聲音，聽起來就像你本人。\",\"cta\":\"立即試用\"},\"styleConsistency\":{\"title\":\"從封面到尾頁，風格永遠同一套\",\"body\":\"所有頁面併行生成，一次就鎖定統一風格：配色、字體、視覺節奏從封面到尾頁全部一致，不用逐頁重調。\",\"cta\":\"立即試用\"},\"sectionIntro\":\"四個小細節，決定你拿到的是一份草稿，還是一份能直接開講的幻燈片。\"},\"comparison\":{\"sectionTitle\":\"為什么是 YouMind？\",\"intro\":\"市面上不少工具都說自己能\\\"AI 生成幻燈片\\\"。真到做交付時，才髮現要么一致性崩、要么只能導 PDF、要么做完要再換一個工具配視頻。下面這份對比，來自我們自己日常用它們做事的體感。\",\"dimensionLabel\":\"維度\",\"vendors\":{\"youmind\":\"YouMind\",\"gamma\":\"Gamma\",\"manus\":\"Manus\",\"beautifulAi\":\"Beautiful.ai\"},\"rows\":{\"imageModels\":{\"name\":\"圖像模型\",\"youmind\":\"GPT Image 2 / Nano Banana Pro（可一鍵切換）\",\"gamma\":\"Gamma Imagine（2026-03 自研）\",\"manus\":\"Nano Banana Pro（單一集成）\",\"beautifulAi\":\"Stock 為主 + 輔助 AI 生圖\"},\"aiChatEdit\":{\"name\":\"AI 對話式編輯\",\"youmind\":\"✅\",\"gamma\":\"✅\",\"manus\":\"✅\",\"beautifulAi\":\"✅\"},\"textEdit\":{\"name\":\"文本逐段精修\",\"youmind\":\"✅\",\"gamma\":\"✅\",\"manus\":\"✅（2026-11 更新後支持）\",\"beautifulAi\":\"✅\"},\"sourceInput\":{\"name\":\"基于文稿 / URL 生成\",\"youmind\":\"✅\",\"gamma\":\"✅\",\"manus\":\"✅\",\"beautifulAi\":\"⚠️ 偏大綱生成\"},\"batchGen\":{\"name\":\"併髮批量出圖\",\"youmind\":\"✅\",\"gamma\":\"✅\",\"manus\":\"✅\",\"beautifulAi\":\"✅\"},\"autoStyle\":{\"name\":\"Agent 自動選風格\",\"youmind\":\"✅\",\"gamma\":\"✅\",\"manus\":\"✅\",\"beautifulAi\":\"⚠️ 模板驅動\"},\"videoExport\":{\"name\":\"導出為配音視頻\",\"youmind\":\"✅ Smart Video\",\"gamma\":\"⚠️ 僅 TTS + 字幕\",\"manus\":\"❌\",\"beautifulAi\":\"❌\"},\"voiceClone\":{\"name\":\"真人音色克隆\",\"youmind\":\"✅\",\"gamma\":\"❌\",\"manus\":\"❌\",\"beautifulAi\":\"❌\"},\"skillReuse\":{\"name\":\"Skill 沉淀 + Marketplace\",\"youmind\":\"✅ 創作者可變現\",\"gamma\":\"❌\",\"manus\":\"⚠️ 有 Skill 但無變現\",\"beautifulAi\":\"❌\"}},\"verdict\":\"只有 YouMind 能讓幻燈片一鍵變成你自己音色的視頻，還有給創作者變現的 Skill Marketplace——而且 GPT Image 2 和 Nano Banana Pro 都一鍵可切。\"},\"modelCompare\":{\"sectionTitle\":\"GPT Image 2 vs Nano Banana Pro\",\"intro\":\"幻燈片在乎的是字、臉、版式——這几項我們默認 GPT Image 2。需要嚴格跨頁角色一致或多參考圖工作流時，Nano Banana Pro 更適合。\",\"primaryLabel\":\"主力模型\",\"alternativeLabel\":\"備選\",\"models\":{\"gptImage2\":\"GPT Image 2\",\"nanoBananaPro\":\"Nano Banana Pro\"},\"rows\":{\"smallText\":{\"name\":\"小字 / UI label / iconography\",\"gptImage2\":\"⭐⭐⭐⭐⭐ 實测最穩\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"multilingualText\":{\"name\":\"多語種文本（CJK / 印地 / 孟）\",\"gptImage2\":\"⭐⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"portraitRealism\":{\"name\":\"人像寫實（毛孔級、手指、真實光影）\",\"gptImage2\":\"⭐⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"productBrand\":{\"name\":\"產"])</script><script>self.__next_f.push([1,"品 / 品牌素材（logo / 材質 / 包裝）\",\"gptImage2\":\"⭐⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"instructionFollowing\":{\"name\":\"指令遵循 / 細節保留\",\"gptImage2\":\"⭐⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"complexLayout\":{\"name\":\"復雜多元素版式\",\"gptImage2\":\"⭐⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"highResolution\":{\"name\":\"高分辨率輸出 + 宽高比支持\",\"gptImage2\":\"✅ 最長邊 3840px, 3:1 → 1:3\",\"nanoBananaPro\":\"✅ 1K / 2K / 4K 原生\"},\"denseInfographicLayout\":{\"name\":\"密集信息圖 / 編輯部版式\",\"gptImage2\":\"⭐⭐⭐⭐⭐ 略有优势\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"pureLongText\":{\"name\":\"純長文本正確度（段落、海報正文）\",\"gptImage2\":\"⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐⭐\"},\"multiRefConsistency\":{\"name\":\"跨頁角色嚴格一致（多參考圖錨定）\",\"gptImage2\":\"⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐⭐ 最多 14 张參考圖\"},\"spatialReasoning\":{\"name\":\"3D 空間推理 / 光影倒影\",\"gptImage2\":\"⭐⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"inpainting\":{\"name\":\"局部編輯 / inpainting\",\"gptImage2\":\"✅ mask 局部重繪\",\"nanoBananaPro\":\"✅ 語义級編輯更强\"}},\"bestFor\":{\"name\":\"最適合場景\",\"gptImage2\":\"日常批量 PPT · 演示視覺 · 營銷版式 · UI / 產品 demo · 多語種活動素材 · 人像封面 · 品牌 / 編輯部視覺\",\"nanoBananaPro\":\"嚴格角色一致 · 多參考圖錨定 · 敘事連載 · 語义級局部編輯 · 參考圖密集的圖像工作流\"},\"verdict\":\"大部分 PPT 默認用 GPT Image 2。需要嚴格跨頁角色一致、敘事連載或參考圖密集的編輯時，切 Nano Banana Pro。\"},\"steps\":{\"sectionTitle\":\"只需 3 步，從想法到成片\",\"intro\":\"從一個念頭到一份可以髮給老板 / 客戶 / 粉絲的幻燈片，整個過程控製在分鐘級。\",\"step1\":{\"title\":\"輸入你的想法\",\"body\":\"粘貼鏈接或文字，選你要的視覺方向。\"},\"step2\":{\"title\":\"看它一次出圖\",\"body\":\"GPT Image 2 併髮出圖，字 / 臉 / 版式全對齊。\"},\"step3\":{\"title\":\"一鍵導出\",\"body\":\"下載 PPTX / PDF，或導出為帶配音的視頻。\"}},\"showcase\":{\"sectionTitle\":\"每個模板的真實出片\",\"intro\":\"上面的每個模板背後都是一個真實的 YouMind Skill——這裡是它實際生成的頁面。點擊任意一頁可打開大圖。\",\"categories\":{\"realistic\":\"真實感\",\"cyberpunk\":\"賽博朋克\",\"illustration\":\"兒童插畫\",\"gothic\":\"哥特風格\"},\"thumbnails\":{\"realistic\":{\"0\":\"极簡現代\",\"1\":\"編輯風大膽\",\"2\":\"瑞士風格\",\"3\":\"科技深度\"},\"cyberpunk\":{\"0\":\"霓虹網格\",\"1\":\"故障流行\",\"2\":\"夜之城\",\"3\":\"回潮 Retrowave\"},\"illustration\":{\"0\":\"蜡筆故事\",\"1\":\"水彩\",\"2\":\"剪紙\",\"3\":\"柔和粉彩\"},\"gothic\":{\"0\":\"大教堂\",\"1\":\"墨水手稿\",\"2\":\"維多利亚\",\"3\":\"暗黑巴洛克\"}},\"previousCategory\":\"上一個風格\",\"nextCategory\":\"下一個風格\",\"pageLabel\":\"第 {num} 頁\"},\"faq\":{\"sectionTitle\":\"常見問題\",\"modelChoice\":{\"q\":\"GPT Image 2 和 Nano Banana Pro 什么時候用哪個？\",\"a\":\"默認用 GPT Image 2——它在文本準確、人像寫實、指令遵循、復雜版式上都領先，覆盖絕大部分幻燈片場景。以下兩種情況在輸入框裏切到 Nano Banana Pro：(a) 幻燈片裏有重復出現的主角 / 人物 / 品牌 IP，要求嚴格跨頁一致（NBP 支持 14 张參考圖錨定角色）；(b) 需要對現有圖做局部編輯 / inpainting。YouMind 的 Agent 也会在檢测到這几類内容時，主動提示你切換。\"},\"smartVideoPlan\":{\"q\":\"Smart Video（導出配音視頻）在哪個計劃下可用？\",\"a\":\"Smart Video 是 YouMind 的核心能力，隨賬戶計劃的積分配額使用。你可以在 YouMind 内點擊\\\"導出視頻\\\"直接查看本次導出所需的積分；不同時長、是否启用真人音色克隆、是否启用高清渲染会影響積分消耗。具體額度請參考定价頁。\"},\"convertExisting\":{\"q\":\"我可以直接把過往的文檔、公眾号文章、X 線程變成幻燈片嗎？\",\"a\":\"可以。YouMind 原生支持把 Word、PDF、Markd"])</script><script>self.__next_f.push([1,"own、網頁鏈接、X 線程、YouTube 鏈接等丢到對話裏，Agent 会自動讀取併基于這些素材直接生成幻燈片，不需要你再手動抄寫。\"},\"skillReuse\":{\"q\":\"YouMind 的 Skill 是什么？為什么說它讓風格可以\\\"一鍵復用\\\"？\",\"a\":\"Skill 是 YouMind 對\\\"可復用 AI 工作流\\\"的抽象——你打磨好的一套幻燈片風格（色板、版式、語氣、圖像風格），可以保存成一個 Skill。下次做新主題時，一鍵套用這個 Skill，不用再重新調提示詞。你甚至可以把 Skill 髮布到 Skill Marketplace，讓別人付積分安裝，形成創作者收益。\"},\"editAndExport\":{\"q\":\"生成的幻燈片還可以繼續編輯嗎？支持導出 PPTX 嗎？\",\"a\":\"可以。每张幻燈片的文字可以直接編輯；其他一切——配圖、版式、配色、風格——都可以通過和 Agent 對話讓它走同一套幻燈片生成鏈路改出來，等效于全部可編輯。最終成品支持導出 PPTX / PDF，或一鍵導出為 Smart Video 視頻。\"},\"templateMarketplace\":{\"q\":\"模板是怎么做出來的？我能做出自己的模板併變現嗎？\",\"a\":\"頁面上展示的每個模板背後對應着一個 YouMind Skill + 一份樣例幻燈片。任何 Pro 及以上用戶都可以把自己打磨過的風格保存為 Skill 併髮布到 Skill Marketplace。當有人安裝併使用你的 Skill 時，你会拿到積分回流——已經有一批創作者通過這種方式獲得了上千積分的收益。\"}},\"footerCta\":{\"title\":\"準備好讓 AI 做出可以直接交付的幻燈片了嗎？\",\"body\":\"與數十萬專業用戶一起，在 YouMind 做出可以直接交付的幻燈片。免費開始。\",\"primaryCta\":\"立即試用 YouMind\"},\"promotionDialog\":{\"title\":\"解鎖你的第一份 AI 幻燈片\",\"feature1\":\"每日 1,000 免費積分\",\"feature2\":\"GPT Image 2：99% 字體準確 + 寫實人像\",\"feature3\":\"Nano Banana Pro：嚴格跨頁角色錨定（14-ref）\",\"feature4\":\"PPT 一鍵匯出為講解型影片，自動配音、配字幕\",\"ctaText\":\"免費開始 →\",\"footerText\":\"了解更多 YouMind\"},\"autoGenerateHint\":\"不要向我確認任何事項，立即呼叫幻燈片生成工具直接生成幻燈片。\",\"linkFetchHint\":\"繼續之前，請先抓取並閱讀上方所有連結的內容，確保輸出基於真實的原始材料。\"}},\"GPTImage2Prompts\":{\"page\":{\"title\":\"GPT Image 2 提示詞大全 {year}｜{promptCount}+ AI 生圖 Prompt 模板與案例 - YouMind\",\"description\":\"瀏覽 {promptCount}+ GPT Image 2 提示詞模板與真實案例，涵蓋文字渲染、商用插畫、產品圖、海報設計和社群媒體配圖。\",\"headerTitle\":\"GPT Image 2\",\"headerPrompts\":\"提示詞\",\"headerDescription\":\"精選的 {brand} 頂級提示詞集合。\",\"headerTagline\":\"像素級文字渲染，商用級畫質。\",\"freshPrompts\":\"提示詞\",\"total\":\"總計\",\"updating\":\"更新中\",\"dailyUpdateText\":\"每日持續更新中\",\"submitPrompt\":\"提交提示詞\",\"ogImageAlt\":\"GPT Image 2 提示詞\"},\"searchBar\":{\"placeholder\":\"搜尋提示詞/標題/描述/作者...\",\"filterAll\":\"全部\",\"filterVideo\":\"影片\",\"filterImage\":\"圖片\",\"promoQuestion\":\"你想要找什麼提示詞呢？\",\"promoDescription\":\"我能根據需求為你智能匹配提示詞。\",\"promoPrompt\":\"呼叫 find-prompt tool，推薦一些 GPT Image 2 的生圖提示詞給我，先詢問一下我的具體需求。\",\"modelSlug\":\"gpt-image-2\",\"searchModePrompt\":\"提示詞\",\"searchModeAuthor\":\"作者\",\"placeholderPrompt\":\"搜尋提示詞...\",\"placeholderAuthor\":\"搜尋作者...\",\"promoLabel\":\"更好的選擇\",\"promoTitle\":\"Agent 技能幫你智能檢索\",\"promoButton\":\"試試看\"},\"categories\":{\"all\":\"全部\"},\"promptCard\":{\"tabPrompt\":\"提示詞\",\"tabOriginal\":\"原文\",\"by\":\"作者\",\"promptHeader\":\"提示詞\",\"translateButton\":\"翻譯\",\"beforeTranslation\":\"翻譯前\",\"originalButton\":\"EN\",\"chineseButton\":\"中文\",\"showOriginal\":\"顯示原文\",\"showTranslation\":\"顯示翻譯\",\"copy\":\"複製\",\"copied\":\"已複製\",\"share\":\"分享\",\"linkCopied\":\"連結已複製\",\"tryItNow\":\"立即嘗試\",\"installOnYouMind\":\""])</script><script>self.__next_f.push([1,"安裝到 YouMind\",\"aiShortcut\":\"AI 快捷指令\",\"install\":\"安裝\",\"aiSkill\":\"AI 技能\",\"tryInYouMind\":\"在 YouMind 中試用\",\"tryIt\":\"試一試\",\"featured\":\"精選\",\"save\":\"儲存\",\"savePromptTitle\":\"儲存提示詞\",\"savePromptSubtitle\":\"隨時隨地取用\",\"savingPrompt\":\"正在儲存中...\",\"referenceImages\":\"參考圖\",\"viewOtherModelResults\":\"查看其他模型的結果\",\"viewFullPrompt\":\"查看完整提示詞\"},\"faq\":{\"title\":\"常見問題\",\"q0\":\"什麼是 GPT Image 2？\",\"a0\":\"GPT Image 2 是 OpenAI 新一代圖像模型（代號 \\\"duct-tape\\\"）。它具備多語言像素級文字渲染、完美的角色一致性，以及商用級插畫品質。\",\"q1\":\"這些提示詞來自哪裡？\",\"a1\":\"主要基於公開 Twitter/𝕏 篩選，如果你是作者，但不希望展示在這裡，可聯繫我們，我們會及時下架。\",\"q2\":\"如何使用這些提示詞？\",\"a2\":\"目前需要你複製提示詞，依照提示詞的描述，在 YouMind 裡選擇 GPT Image 2 生圖模型進行使用。未來會更好地集成到 YouMind 功能裡，一鍵使用。\",\"q3\":\"AI 快捷指令是什麼？\",\"a3\":\"將你的內容創作、資料學習最佳實踐，沉澱到 YouMind Shortcuts 裡，就可以基於你收集的資料、撰寫的文案，一鍵輸出了。比如對收藏的 YouTube 視頻，一鍵生成博客文章，對博客內容，一鍵提煉金句。\",\"q4\":\"是否有更多使用案例？\",\"a4\":\"你可以在這篇博客文章《\u003clink\u003e{title}\u003c/link\u003e》中，查看更多精選的 GPT Image 2 案例。\"},\"blogCard\":{\"tab\":\"部落格\",\"cta\":\"探索更多案例\"},\"slidesPromoCard\":{\"title\":\"幾句話生成高品質幻燈片\",\"description\":\"基於 GPT Image 2 製作 PPT 頁面，可一鍵匯出講解型影片並加上字幕\",\"cta\":\"去體驗\",\"ariaLabel\":\"打開 GPT Image 2 Slides 落地頁\",\"imageAlt\":\"GPT Image 2 Slides 頁面封面\"},\"imageCarousel\":{\"preview\":\"預覽\",\"previewImage\":\"預覽圖片\",\"goToSlide\":\"跳轉到第 {index} 張\"},\"emptyState\":{\"noPromptsFound\":\"未找到提示詞\",\"trySearchingElse\":\"試試搜尋其他內容\",\"tryTheseShortcuts\":\"試試這些 AI 快捷指令\",\"discoverFeaturedTools\":\"發現精選工具，幫助你生成精彩內容。\",\"viewAllShortcuts\":\"查看所有快捷指令\",\"tryTheseSkills\":\"試試這些 AI Skill\",\"viewAllSkills\":\"查看所有 Skill\"},\"footerCTA\":{\"readyToCreate\":\"準備好使用\",\"nanoBanana\":\"GPT Image 2 創作了嗎？\",\"experiencePower\":\"體驗 GPT Image 2 的像素級文字與商用級畫質\",\"freeLimitedTime\":\"讓想像力翱翔\",\"startGenerating\":\"開始生成\"},\"tweetModal\":{\"loadingTweet\":\"載入推文中...\"},\"loadMore\":{\"loading\":\"載入更多...\",\"viewAll\":\"查看所有提示詞\"},\"generator\":{\"placeholder\":\"描述你想要生成的圖像...（例如：賽博龐克風格的夜晚城市）\",\"generate\":\"生成\",\"clearPrompt\":\"清空提示詞\",\"exitParamMode\":\"退出參數模式\",\"randomPrompt\":\"隨機提示詞\",\"random\":\"隨機\",\"image\":\"圖片\",\"uploadImage\":\"上傳參考圖片\",\"uploadingImages\":\"正在上傳圖片...\",\"uploadFailed\":\"圖片上傳失敗，請重試\",\"pleaseUploadReferenceImages\":\"此提示詞需要上傳參考圖片，請先添加圖片\",\"aspectRatio\":{\"auto\":\"自動\",\"square\":\"1:1\",\"landscape\":\"16:9\",\"portrait\":\"9:16\"},\"settings\":\"設定\",\"aspectRatioLabel\":\"寬高比\"},\"common\":{\"openSourceLink\":\"打開源連結\",\"editInCMS\":\"在 CMS 中編輯\"},\"loginPromotionDialog\":{\"title\":\"登錄即可免費使用\",\"subtitle\":\"體驗 GPT Image 2 的強大能力\",\"benefit1\":\"每日 {credits} 積分\",\"benefit2\":\"支援 GPT Image 2、Gemini 3.0 Pro、Claude Sonnet 4.5 等多種模型\",\"benefit3\":\"勾選素材，AI 秒生結構化初稿，改幾句就能發\",\"benefit4\":\"視頻 / 播客 / 文章隨手批註，AI 一鍵生成筆記摘要\",\"benefit5\":\"幾句話、一個連結創造\u003cslides\u003e能直接交付的幻燈片\u003c/slides\u003e\",\"loginButton\":\"立即登錄體驗\",\"loginRequired\":\"需要登錄\",\"close\":\"關閉\",\"footerText\":\"欣賞官網美麗的插畫😉\"},\"preRelease\":{\"dialogTitle\":\"GPT Image 2 尚未發布\",\"promptPrefix\":\"GPT Image 2 尚未正式發布。請"])</script><script>self.__next_f.push([1,"告知使用者，待其正式發布後 YouMind 會第一時間上架支援。以下是使用者想嘗試的提示詞，請使用 Nano Banana 2 生成。\\n\\n提示詞：\\n\"}},\"PromptsHub\":{\"shared\":{\"prompts\":\"提示詞\",\"packs\":\"合集\",\"promptSuffix\":\"提示詞\",\"viewPrompts\":\"查看提示詞\",\"viewAllPrompts\":\"查看全部 {count} 條提示詞\",\"promptsCount\":\"{count} 條提示詞\",\"modelCount\":\"{count} 個模型\",\"media\":{\"image\":\"圖像\",\"video\":\"影片\",\"webpage\":\"網頁\",\"web\":\"網頁\"},\"badge\":{\"preRelease\":\"預發布\",\"earlyAccess\":\"搶先體驗\"},\"copyPrompt\":\"複製提示詞\",\"copied\":\"已複製\",\"videoPromptAlt\":\"影片提示詞\",\"aiPromptAlt\":\"AI 提示詞\",\"weeklyTopLabel\":\"本週精選\",\"mediaLabels\":{\"imageEyebrow\":\"圖像提示詞\",\"videoEyebrow\":\"影片提示詞\",\"webpageEyebrow\":\"網頁\"}},\"home\":{\"metaTitle\":\"全球最大的免費 AI 提示詞庫 - YouMind\",\"metaDescription\":\"全球最大的免費 AI 提示詞庫，涵蓋圖像、影片與網頁提示詞。持續追蹤最新模型，每日上新。\",\"eyebrow\":\"{promptCount} 提示詞 · 每日更新 · 100% 免費\",\"heroTitleLine1\":\"AI 提示詞\",\"heroTitleLine2\":\"資料庫\",\"heroSubtitle\":\"全球最大的免費 AI 提示詞庫，涵蓋圖像、影片與網頁提示詞。持續追蹤最新模型，每日上新。\",\"weeklyHighlightsHeading\":\"🔥 每週最熱\",\"weeklyHighlightsSubheading\":\"過去七天最受關注的創意提示詞精選。\",\"browseByMedia\":\"按媒介瀏覽\",\"browseByModel\":\"按模型瀏覽\",\"footerCta\":{\"title\":\"為創作者而生，永久免费。\",\"subtitle\":\"YouMind 是受到全球創作者信賴的 AI 創作助手。這裡的每條提示詞都經過精選，幫助你更快、更好地創作。\",\"primary\":\"開始用 YouMind 創作\",\"secondary\":\"探索更多提示詞\"},\"keywords\":{\"aiPrompts\":\"AI 提示詞\",\"freeAiPrompts\":\"免費 AI 提示詞\",\"aiImagePrompts\":\"AI 圖像提示詞\",\"aiVideoPrompts\":\"AI 影片提示詞\",\"webpagePrompts\":\"網頁提示詞\"},\"jsonLd\":{\"collectionName\":\"AI 提示詞庫\",\"weeklyHighlightsName\":\"每週 AI 提示詞精選\"},\"promptsPacksEyebrow\":\"COLLECTIONS\",\"promptsPacksHeading\":\"精选合集\",\"promptsPacksSubheading\":\"围绕一个创作方向整理好的提示词集合。\"},\"media\":{\"image\":{\"metaTitle\":\"免費 AI 圖像提示詞庫 - 每日更新 - YouMind\",\"metaDescription\":\"{promptCount} 免費圖像提示詞，涵蓋 Nano Banana Pro、GPT Image 2、Seedream 4.5 與 GPT Image 1.5。全球最大的開放提示詞庫，每日更新。\",\"label\":\"圖像\",\"eyebrow\":\"圖像提示詞 · 每日更新 · 100% 免費\",\"heroTitleLine1\":\"圖像\",\"heroTitleLine2\":\"提示詞\",\"heroSubtitle\":\"為主流 AI 圖像模型精選的免費提示詞，涵蓋 Nano Banana Pro、GPT Image 2、Seedream 4.5、GPT Image 1.5。每日上新。\",\"topHighlightsHeading\":\"🔥 每週最熱\",\"jsonLdCollectionName\":\"圖像 AI 提示詞\",\"jsonLdItemListName\":\"每週圖像提示詞精選\"},\"video\":{\"metaTitle\":\"免費 AI 影片提示詞庫 - Seedance、Grok 等 - YouMind\",\"metaDescription\":\"Seedance 2.0 與 Grok Imagine 免費精選影片提示詞。全球最大的開放影片提示詞庫，每日更新。\",\"label\":\"影片\",\"eyebrow\":\"影片提示詞 · 每日更新 · 100% 免費\",\"heroTitleLine1\":\"影片\",\"heroTitleLine2\":\"提示詞\",\"heroSubtitle\":\"Seedance 2.0 與 Grok Imagine 免費精選影片提示詞。每日上新。\",\"topHighlightsHeading\":\"🔥 每週最熱\",\"jsonLdCollectionName\":\"影片 AI 提示詞\",\"jsonLdItemListName\":\"每週影片提示詞精選\"},\"web\":{\"metaTitle\":\"免費 AI 網頁提示詞 - 用 Gemini 3 Pro 構建 UI - YouMind\",\"metaDescription\":\"為 Gemini 3 Pro 精選的免費網頁提示詞，用一句指令生成完整 Web UI。\",\"label\":\"網頁\",\"eyebrow\":\"網頁提示詞 · 精選合集 · 100% 免費\",\"heroTitleLine1\":\"網頁\",\"heroTitleLine2\":\"提示詞\",\"heroSubtitle\":\"為 Gemini 3 Pro 精選的免費網頁提示詞，用一句指令生成完整 Web UI。\",\"topHighlightsHeading\":\"熱門網頁提示詞\",\"jsonLdCollectionName\":\"網頁 AI 提示詞\",\"jsonLdItemListName\":\"熱門網頁提示詞精選\"}},\"detail\":{\"p"])</script><script>self.__next_f.push([1,"romptLabel\":\"提示詞\",\"translationLabel\":\"翻譯\",\"copy\":\"複製提示詞\",\"copied\":\"已複製\",\"copyToast\":\"提示詞已複製到剪貼簿\",\"referenceImages\":\"參考圖\",\"published\":\"發布時間\",\"originalLanguage\":\"原始語言\",\"categories\":\"分類\",\"viewOriginal\":\"查看原始來源\",\"useThisPrompt\":\"使用這個提示詞\",\"useToGenerateImage\":\"免費生成圖片\",\"useToGenerateVideo\":\"免費生成影片\",\"useToGenerateWebpage\":\"免費生成網頁\",\"moreFromModel\":\"更多來自 {model}\",\"stats\":{\"likes\":\"讚\",\"views\":\"瀏覽\",\"shares\":\"分享\",\"comments\":\"留言\",\"bookmarks\":\"收藏\",\"quotes\":\"引用\"},\"jsonLdGenre\":\"AI 提示詞\",\"anonymousAuthor\":\"匿名\",\"beforeTranslation\":\"翻譯前\",\"guidePromptIntro\":\"使用 {model} 模型生成 {media}，提示詞如下：\",\"mediaTypes\":{\"image\":\"圖片\",\"video\":\"影片\",\"webpage\":\"網頁\"},\"share\":{\"label\":\"分享\",\"copyLink\":\"複製連結\",\"linkCopied\":\"已複製連結\",\"shareOnTwitter\":\"分享到 X\",\"shareOnLinkedIn\":\"分享到 LinkedIn\",\"shareOnThreads\":\"分享到 Threads\",\"shareOnWhatsApp\":\"分享到 WhatsApp\",\"text\":\"剛發現一個超讚的 AI 提示詞：「{title}」，而且這個網站還收集了數萬個免費的圖像、影片提示詞 👇\"}},\"seo\":{\"mediaPromptsKeyword\":\"{media}提示詞\",\"freeMediaPromptsKeyword\":\"免費{media}提示詞\",\"aiPromptsKeyword\":\"AI 提示詞\",\"promptDetailDescription\":\"{title} —— 一個由 {modelName} 驅動、適合 {useCase} 的精選 AI 提示詞。複製、貼上，即可創作。YouMind 免費提供。\",\"videoPromptDetailDescription\":\"{title} —— 一個由 {modelName} 驅動、適合 {useCase} 的精選 AI 影片提示詞。複製、貼上，即可創作。YouMind 免費提供。\",\"modelPromptKeyword\":\"{modelName} 提示詞\",\"useCasePromptKeyword\":\"{useCase} 提示詞\",\"mediaPromptKeyword\":\"{media} 提示詞\",\"aiPromptKeyword\":\"AI 提示詞\",\"modelVideoPromptKeyword\":\"{modelName} 影片提示詞\",\"useCaseVideoPromptKeyword\":\"{useCase} 影片提示詞\",\"aiVideoPromptKeyword\":\"AI 影片提示詞\"},\"pack\":{\"eyebrow\":\"提示词合集\",\"breadcrumb\":\"精选合集\",\"viewPack\":\"查看合集\",\"coverAlt\":\"提示词合集预览\",\"metaTitle\":\"{title} - AI 提示词合集 - YouMind\",\"metaDescription\":\"探索 YouMind 精选提示词合集：{title}。\",\"includedPrompts\":\"包含提示词\",\"updated\":\"更新时间\",\"contentTitle\":\"合集介绍\",\"promptList\":\"合集内提示词\",\"openDetail\":\"查看詳情\",\"empty\":\"这个合集暂时还没有提示词。\",\"curatedBy\":\"由 YouMind 團隊精選\",\"featuredReasonTitle\":\"精選理由\",\"relatedPacksTitle\":\"更多合集\",\"shareText\":\"剛發現一個超讚的 AI 提示詞合集：「{title}」，而且這個網站還收集了數萬個免費的圖像、影片提示詞 👇\"},\"aiSearchCta\":{\"title\":\"AI 搜尋提示詞\",\"description\":\"讓 AI 幫忙搜尋數萬提示詞，支援指定模型、時間範圍、關鍵字，依互動量如曝光、收藏、轉發等排序。\",\"cta\":\"免費試試\",\"autoPrompt\":\"幫我找出過去 3 天裡收藏量最高的 GPT Image 2 提示詞。\"}},\"GiftRedeem\":{\"cardAlt\":\"YouMind gift card\",\"loading\":\"Loading…\",\"notFoundTitle\":\"Gift not found\",\"notFoundDescription\":\"This gift link may be invalid or expired. If you believe this is a mistake, please contact support.\",\"unavailableTitle\":\"Gift unavailable\",\"unavailableFallback\":\"This gift is not available for redemption.\",\"unavailableRedeemed\":\"This gift has already been redeemed.\",\"unavailableExpiredRefunded\":\"This gift expired and was refunded to the sender.\",\"unavailableExpiredRefundFailed\":\"This gift has expired. Please contact support for assistance.\",\"unavailableDisputed\":\"This gift is unavailable. Please contact support for assistance.\",\"unavailableRevoked\":\"This gift has been revoked. Please contact support for assistance.\",\"unavailableRefundInProgress\":\"This gift is expiring. Please contact support for assistance.\",\"heading\":\"You've received a gift\",\"summary\":\"{months} of YouMind {tier}\",\"expiryNotice\":\"Redeem expires on {date}. Sign in with the email this gift was sent to in order to redeem.\",\"redeeming\":\"R"])</script><script>self.__next_f.push([1,"edeeming…\",\"redeemButton\":\"Redeem your gift\",\"signInToRedeem\":\"Sign in to redeem\",\"errorCouldNotRedeem\":\"Could not redeem gift\",\"months\":{\"1month\":\"1 month\",\"3months\":\"3 months\",\"6months\":\"6 months\",\"1year\":\"1 year\"},\"unavailableExpired\":\"此禮品已過期。請聯絡贈送人協助處理。\",\"creditPackHeading\":\"你收到了積分\",\"creditPackSummary\":\"{quantity} × 10,000 積分 · 共 {credits} 積分\"}},\"now\":\"$undefined\",\"timeZone\":\"UTC\",\"children\":\"$L28\"}]\n28:[\"$\",\"$L29\",null,{\"locale\":\"zh-TW\",\"children\":[\"$\",\"$L2a\",null,{\"children\":[[\"$\",\"$L2b\",null,{}],[\"$\",\"$18\",null,{\"fallback\":null,\"children\":[\"$\",\"$L2c\",null,{}]}],[\"$\",\"$L2d\",null,{}],[\"$\",\"$L2e\",null,{}],[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L2f\",null,{}],[\"$\",\"$L30\",null,{\"level\":\"universal\"}]]}]}]\n1c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, viewport-fit=cover\"}]]\n31:I[556857,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\",\"/_next/static/chunks/0_dcupj0e7wl9.js\",\"/_next/static/chunks/0l64wq.cm60sg.js\",\"/_next/static/chunks/12yrklw9h82qj.js\",\"/_next/static/chunks/0-ge097fewzc1.js\"],\"Footer\"]\n20:[\"$\",\"$L31\",null,{\"forceLight\":true,\"footerLandings\":[{\"title\":\"Lenny 職涯教練\",\"slug\":\"lenny-career-coach\"}],\"labels\":{\"prompts\":\"提示詞\",\"nanoBananaPrompts\":\"Nano Banana Pro 提示詞\",\"gptImage2Prompts\":\"GPT Image 2 提示詞\",\"seedance20Prompts\":\"Seedance 2.0 提示詞\",\"gptImage1_5Prompts\":\"GPT Image 1.5 提示詞\",\"seedream4_5Prompts\":\"Seedream 4.5 提示詞\",\"gemini3Prompts\":\"Gemini 3 Pro 提示詞\",\"aiTools\":\"AI 工具\",\"gptImage2Slides\":\"GPT Image 2 投影片\",\"xViralArticlesTracking\":\"𝕏 爆款文章追蹤\",\"nanoBanana2VsPro\":\"Nano Banana 2 與 Pro 對比\",\"blog\":\"部落格\",\"notebooklmAlternatives\":\"NotebookLM 替代方案\",\"product\":\"產品\",\"useCases\":\"使用案例\",\"pricing\":\"定價\",\"company\":\"公司\",\"contactUs\":\"聯絡我們\",\"privacy\":\"隱私權政策\",\"terms\":\"服務條款\"}}]\n32:I[938307,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\"],\"IconMark\"]\n19:null\n1e:[[\"$\",\"title\",\"0\",{\"children\":\"Editorial-magazine presentation - YouMind 技能\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"產生「電子雜誌×電子墨水」風格的橫向翻頁網頁PPT，含WebGL流體背景、襯線標題、圖片網格等，幫助您輕鬆打造專業演講與分享。\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"YouMind\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"4\",{\"rel\":\"canonical\",\"href\":\"https://youmind.com/zh-TW/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"5\",{\"rel\":\"alternate\",\"hrefLang\":\"en-US\",\"href\":\"https://youmind.com/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"6\",{\"rel\":\"alternate\",\"hrefLang\":\"zh-CN\",\"href\":\"https://youmind.com/zh-CN/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"7\",{\"rel\":\"alternate\",\"hrefLang\":\"zh-TW\",\"href\":\"https://youmind.com/zh-TW/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"8\",{\"rel\":\"alternate\",\"hrefLang\":\"ja-JP\",\"href\":\"https://youmin"])</script><script>self.__next_f.push([1,"d.com/ja-JP/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"9\",{\"rel\":\"alternate\",\"hrefLang\":\"ko-KR\",\"href\":\"https://youmind.com/ko-KR/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"10\",{\"rel\":\"alternate\",\"hrefLang\":\"th-TH\",\"href\":\"https://youmind.com/th-TH/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"11\",{\"rel\":\"alternate\",\"hrefLang\":\"vi-VN\",\"href\":\"https://youmind.com/vi-VN/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"12\",{\"rel\":\"alternate\",\"hrefLang\":\"hi-IN\",\"href\":\"https://youmind.com/hi-IN/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"13\",{\"rel\":\"alternate\",\"hrefLang\":\"es-ES\",\"href\":\"https://youmind.com/es-ES/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"14\",{\"rel\":\"alternate\",\"hrefLang\":\"es\",\"href\":\"https://youmind.com/es-419/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"15\",{\"rel\":\"alternate\",\"hrefLang\":\"de-DE\",\"href\":\"https://youmind.com/de-DE/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"16\",{\"rel\":\"alternate\",\"hrefLang\":\"fr-FR\",\"href\":\"https://youmind.com/fr-FR/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"17\",{\"rel\":\"alternate\",\"hrefLang\":\"it-IT\",\"href\":\"https://youmind.com/it-IT/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"18\",{\"rel\":\"alternate\",\"hrefLang\":\"pt-BR\",\"href\":\"https://youmind.com/pt-BR/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"19\",{\"rel\":\"alternate\",\"hrefLang\":\"pt-PT\",\"href\":\"https://youmind.com/pt-PT/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"20\",{\"rel\":\"alternate\",\"hrefLang\":\"tr-TR\",\"href\":\"https://youmind.com/tr-TR/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"21\",{\"rel\":\"alternate\",\"hrefLang\":\"x-default\",\"href\":\"https://youmind.com/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:title\",\"content\":\"Editorial-magazine presentation - YouMind 技能\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:description\",\"content\":\"產生「電子雜誌×電子墨水」風格的橫向翻頁網頁PPT，含WebGL流體背景、襯線標題、圖片網格等，幫助您輕鬆打造專業演講與分享。\"}],[\"$\",\"meta\",\"24\",{\"property\":\"og:image\",\"content\":\"https://cdn.gooo.ai/web-images/a788cce45475d2ab9f2eadb9fdf729f674429b18025752fa0e40305d90019599\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:title\",\"content\":\"Editorial-magazine presentation - YouMind 技能\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:description\",\"content\":\"產生「電子雜誌×電子墨水」風格的橫向翻頁網頁PPT，含WebGL流體背景、襯線標題、圖片網格等，幫助您輕鬆打造專業演講與分享。\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:image\",\"content\":\"https://cdn.gooo.ai/web-images/a788cce45475d2ab9f2eadb9fdf729f674429b18025752fa0e40305d90019599\"}],[\"$\",\"link\",\"29\",{\"rel\":\"icon\",\"href\":\"/static/assets/favicon.ico\"}],[\"$\",\"$L32\",\"30\",{}]]\n33:I[6970,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\",\"/_next/static/chunks/0_dcupj0e7wl9.js\",\"/_next/static/chunks/0l64wq.cm60sg.js\",\"/_next/static/chunks/12yrklw9h82qj.js\",\"/_next/static/chunks/0-ge097fewzc1.js\",\"/_next/static/chunks/00a4rt679ztby.js\",\"/_next/static/chunks/0~nh_~r1-6no4.js\",\"/_next/static/chunks/12esm9pb26rc4.js\",\"/_next/static/chunks/031rfbv760bzf.js\",\"/_next/static/chunks/0ak0ygb"])</script><script>self.__next_f.push([1,"s2vkl~.js\",\"/_next/static/chunks/15_r26faf0l.m.js\",\"/_next/static/chunks/0kpqv9w34iff0.js\",\"/_next/static/chunks/0zpom-b1oogps.js\",\"/_next/static/chunks/0ri2baxbh-rap.js\",\"/_next/static/chunks/0j1rtqp43.-im.js\",\"/_next/static/chunks/0mm_0a31f4ljo.js\"],\"BackButton\"]\n34:I[9331,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\",\"/_next/static/chunks/0_dcupj0e7wl9.js\",\"/_next/static/chunks/0l64wq.cm60sg.js\",\"/_next/static/chunks/12yrklw9h82qj.js\",\"/_next/static/chunks/0-ge097fewzc1.js\",\"/_next/static/chunks/00a4rt679ztby.js\",\"/_next/static/chunks/0~nh_~r1-6no4.js\",\"/_next/static/chunks/12esm9pb26rc4.js\",\"/_next/static/chunks/031rfbv760bzf.js\",\"/_next/static/chunks/0ak0ygbs2vkl~.js\",\"/_next/static/chunks/15_r26faf0l.m.js\",\"/_next/static/chunks/0kpqv9w34iff0.js\",\"/_next/static/chunks/0zpom-b1oogps.js\",\"/_next/static/chunks/0ri2baxbh-rap.js\",\"/_next/static/chunks/0j1rtqp43.-im.js\",\"/_next/static/chunks/0mm_0a31f4ljo.js\"],\"SkillDetailContent\"]\n35:T732,\u003cp\u003e记住一定要使用 Webpage 来生成，必须询问用户用什么语言输出。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e生成\u0026quot;电子杂志 × 电子墨水\u0026quot;风格的横向翻页网页 PPT（单 HTML 文件），含 WebGL 流体背景、衬线标题 + 非衬线正文、章节幕封、数据大字报、图片网格等模板。当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT，或提到\u0026quot;杂志风 PPT\u0026quot;、\u0026quot;horizontal swipe deck\u0026quot;、\u0026quot;editorial magazine\u0026quot;、\u0026quot;e-ink presentation\u0026quot;时使用\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e# Magazine Web Ppt\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 这个 Skill 做什么\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e生成一份**单文件 HTML**的横向翻页 PPT，视觉基调是：\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e- **电子杂志 + 电子墨水**混血风格\u003c/p\u003e\u003cp\u003e- **WebGL 流体 / 等高线 / 色散背景**（hero 页可见）\u003c/p\u003e\u003cp\u003e- **衬线标题（Noto Serif SC + Playfair Display）+ 非衬线正文（Noto Sans SC + Inter）+ 等宽元数据（IBM Plex Mono）**\u003c/p\u003e\u003cp\u003e- **Lucide 线性图标**（不用 emoji）\u003c/p\u003e\u003cp\u003e- **横向左右翻页**（键盘 ← →、滚轮、触屏滑动、底部圆点、ESC 索引）\u003c/p\u003e\u003cp\u003e- **主题平滑插值**：翻到 hero 页时颜色和 shader 柔顺过渡\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e这个 skill 的美学不是\u0026quot;商务 PPT\u0026quot;，也不是\u0026quot;消费互联网 UI\u0026quot;——它像 *Monocle* 杂志贴上了代码后的样子。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 何时使用\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**合适的场景**：\u003c/p\u003e\u003cp\u003e- 线下分享 / 行业内部讲话 / 私享会\u003c/p\u003e\u003cp\u003e- AI 新产品发布 / demo day\u003c/p\u003e\u003cp\u003e- 带有强烈个人风格的演讲\u003c/p\u003e\u003cp\u003e- 需要\u0026quot;一次做完，不用翻页工具\u0026quot;的网页版 slides\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**不合适的场景**：\u003c/p\u003e\u003cp\u003e- 大段表格数据、图表叠加（用常规 PPT）\u003c/p\u003e\u003cp\u003e- 培训课件（信息密度不够）\u003c/p\u003e\u003cp\u003e- 需要多人协作编辑（这是静态 HTML）\u003c/p\u003e36:T2855,### Step 1 · 需求澄清(**动手前必做**)\n\n**如果用户已经给了完整的大纲 + 图片**,可以跳过直接进 Step 2。\n\n**如果用户只给了主题或一个模糊想法**,用这 6 个问题逐个对齐后再动手。不要基于猜测就开始写 slide——一旦结构定错,后期翻修代价很高: 提问时你可以用 askUserQuestion tool\n\n#### 6 问澄清清单\n\n| # | 问题 | 为什么要问 |\n|---|------|-----------|\n| 1 | **受众是谁?分享场景?**(行业内部 / 商业发布 / demo day / 私享会) | 决定语言风格和深度 |\n| 2 | **"])</script><script>self.__next_f.push([1,"分享时长?** | 15 分钟 ≈ 10 页,30 分钟 ≈ 20 页,45 分钟 ≈ 25-30 页 |\n| 3 | **有没有原始素材?**(文档 / 数据 / 旧 PPT / 文章链接) | 有素材就基于素材,没有就帮他搭 |\n| 4 | **有没有图片?放在哪?** | 详见下方\"图片约定\" |\n| 5 | **想要哪套主题色?** | 见 @[@themes.md](id:https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57;type:oss_file) ,5 套预设挑一 |\n| 6 | **有没有硬约束?**(必须包含 XX 数据 / 不能出现 YY) | 避免返工 |\n\n#### 大纲协助(如果用户没有大纲)\n\n用\"叙事弧\"模板搭骨架,再填内容:\n\n```\n钩子(Hook) → 1 页 : 抛一个反差 / 问题 / 硬数据让人停下来\n定调(Context) → 1-2 页 : 说明背景 / 你是谁 / 为什么讲这个\n主体(Core) → 3-5 页 : 核心内容,用 Layout 4/5/6/9/10 穿插\n转折(Shift) → 1 页 : 打破预期 / 提出新观点\n收束(Takeaway) → 1-2 页 : 金句 / 悬念问题 / 行动建议\n```\n\n叙事弧 + 页数规划 + 主题节奏表(见 @[@layouts.md](id:https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69;type:oss_file) ),**三张表对齐后**再进 Step 2。\n\n大纲建议保存为 `项目记录` 或 `大纲-v1`,便于后续迭代。\n\n#### 图片约定(告知用户)\n\n在动手前向用户说清:\n\n- **图片位置**: 是 board 中的哪张图片，或者是上传的哪张图片\n- **没图怎么办**:和用户对齐,可以先用占位色块生成结构,等图片后期补;但要告知 layout 4/5/10 等图文混排页没图就没法验证视觉效果\n\n### Step 2 · 参考模板\n\n@[@template.txt](id:https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec;type:oss_file) 是一个**完整可运行**的 html 文件 ——CSS、WebGL shader、翻页 JS、字体/图标 CDN 全已预设好，只有 `\u003cmain id=\"deck\"\u003e` 里面是 3 个示例 slide（封面、章节幕封、空白填充页）\n\n#### 2.1 · 必改占位符（**容易漏**）\n\n拷贝后立刻改掉以下占位符，否则浏览器 Tab 会显示\"[必填] 替换为 PPT 标题\"这种尴尬文字：\n\n| 位置 | 原始 | 需改为 |\n|------|------|--------|\n| `\u003ctitle\u003e` | `[必填] 替换为 PPT 标题 · Deck Title` | 实际 deck 标题(如 `一种新的工作方式 · Luke Wroblewski`) |\n\n#### 2.2 · 选定主题色(5 套预设 · 不允许自定义)\n\n本 skill **只允许从 5 套精心调配的预设里选一套**,不接受用户自定义 hex 值——颜色搭配错了画面瞬间变丑,保护美学比给自由更重要。\n\n| # | 主题 | 适合 |\n|---|------|------|\n| 1 | 🖋 墨水经典 | 通用 / 商业发布 / 不知道选啥的默认 |\n| 2 | 🌊 靛蓝瓷 | 科技 / 研究 / 数据 / 技术发布会 |\n| 3 | 🌿 森林墨 | 自然 / 可持续 / 文化 / 非虚构 |\n| 4 | 🍂 牛皮纸 | 怀旧 / 人文 / 文学 / 独立杂志 |\n| 5 | 🌙 沙丘 | 艺术 / 设计 / 创意 / 画廊 |\n\n**操作**:\n1. 基于内容主题推荐一套,或直接问用户选哪一套\n2. 打开 @[@themes.md](id:https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57;type:oss_file) ,找到对应主题的 `:root` 块\n3. **整体替换** @[@template.txt](id:https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec;type:oss_file) 开头 `:root{` 块里标有\"主题色\"注释的那几行(`--ink` / `--ink-rgb` / `--paper` / `--paper-rgb` / `--paper-tint` / `--ink-tint`)\n4. 其他 CSS 都走 `var(--...)`,无需任何其他改动\n\n**硬规则**:\n- 一份 deck 只用一套主题,不要中途换色\n- 不要接受用户给的任意 hex 值——委婉拒绝并展示 5 套让选\n- 不要混搭(例如 ink 取墨水经典、paper 取沙丘)——会彻底违和\n\n### Step 3 · 填充内容\n\n#### 3.0 · 预检:类名必须在 @[@template.txt](id:https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec;type:oss_file) 里有定义（**最重要**）\n\n**这是所有生成问题的源头**。 @[@layouts.md](id:https:"])</script><script>self.__next_f.push([1,"//cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69;type:oss_file) 的骨架使用了很多类名(`h-hero` / `h-xl` / `stat-card` / `pipeline` / `grid-2-7-5` 等),如果 `assets/template.html` 的 `\u003cstyle\u003e` 里没有对应定义,浏览器会 fallback 到默认样式——大标题变成非衬线、数据卡片挤成一团、pipeline 糊成一行、图片堆到页面底部。\n\n**在写任何 slide 代码之前:**\n\n1. **先 Read @[@template.txt](id:https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec;type:oss_file) **(至少读到 `\u003cstyle\u003e` 块末尾)\n2. **对照 @[@layouts.md](id:https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69;type:oss_file) 的 Pre-flight 列表**,确认你要用的每个类都在 `\u003cstyle\u003e` 里存在\n3. 如果某个类缺失:**在 @[@template.txt](id:https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec;type:oss_file) 的 `\u003cstyle\u003e` 里补上**,不要在每个 slide 里 inline 重写\n4. ** @[@template.txt](id:https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec;type:oss_file) 是唯一的类名来源**——不要发明新类名,如需自定义用 `style=\"...\"` inline\n\n常见容易遗漏的类(必须预先确认存在):\n`h-hero` / `h-xl` / `h-sub` / `h-md` / `lead` / `kicker` / `meta-row` / `stat-card` / `stat-label` / `stat-nb` / `stat-unit` / `stat-note` / `pipeline-section` / `pipeline-label` / `pipeline` / `step` / `step-nb` / `step-title` / `step-desc` / `grid-2-7-5` / `grid-2-6-6` / `grid-2-8-4` / `grid-3-3` / `grid-6` / `grid-3` / `grid-4` / `frame` / `frame-img` / `img-cap` / `callout` / `callout-src` / `chrome` / `foot`\n\n#### 3.0.5 · 规划主题节奏（**和类预检同等重要**)\n\n**在挑布局之前**,必须先列出每一页的主题 class(`hero dark` / `hero light` / `light` / `dark`)并写到文档或草稿里对齐。详细规则看 @[@layouts.md](id:https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69;type:oss_file) 开头的\"主题节奏规划\"一节。\n\n**强制规则**:\n\n- 每页 section 必须带 `light` / `dark` / `hero light` / `hero dark` 之一,不要只写 `hero`\n- 连续 3 页以上同主题 = 视觉疲劳,不允许\n- 8 页以上必须有 ≥1 个 `hero dark` + ≥1 个 `hero light`\n- 整个 deck 不能只有 `light` 正文页,必须有 `dark` 正文页制造呼吸\n- 每 3-4 页插入 1 个 hero 页(封面/幕封/问题/大引用)\n\n**生成后自检**:`grep 'class=\"slide' index.html` 列出所有主题,人工确认节奏合理再交付。\n\n#### 3.1 · 挑布局\n\n**不要从零写 slide**。打开 @[@layouts.md](id:https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69;type:oss_file) ,里面有 10 种现成布局骨架,每种都是完整可粘贴的 `\u003csection\u003e` 代码块:\n\n| Layout | 用途 |\n|---|---|\n| 1. 开场封面 | 第 1 页 |\n| 2. 章节幕封 | 每幕开场 |\n| 3. 数据大字报 | 抛硬数据 |\n| 4. 左文右图(Quote + Image) | 身份反差 / 故事 |\n| 5. 图片网格 | 多图对比 / 截图实证 |\n| 6. 两列流水线(Pipeline) | 工作流程 |\n| 7. 悬念收束 / 问题页 | 幕末 / 收尾 |\n| 8. 大引用页(Big Quote) | 衬线金句 / takeaway |\n| 9. 并列对比(Before / After) | 旧模式 vs 新模式 |\n| 10. 图文混排(Lead Image + Side Text) | 信息密集的图文页 |\n\n选对应 layout,粘过去,改文案和图片路径即可。**务必先完成 3.0 预检**。\n\n#### 3.2 · 图片比例规范\n\n永远用**标准比例**,不要用原图奇葩比例(如 `2592/1798`):\n\n| 场景 | 推荐比例 |\n|------|---------|\n| 左文右图主图 | 16:10 或 4:3 + `max-height:56vh` |\n| 图片网格(多图对比) | **固定 `height:26vh`**,不用 aspect-ratio |\n| 左小图 + 右文字 | 1:1 或 3:2 |\n| 全屏主视觉 | 16:9 + `max-height:64vh` |\n| 图文混排小插图 | 3:2 或 3:4 |\n\n**图片绝不使用 `align-self:end`**——会滑到 cell 底被浏览器工具栏遮"])</script><script>self.__next_f.push([1,"挡。用 grid 容器 + `align-items:start`(template 已预设)让图片贴顶即可;左列若想贴底,用 flex column + `justify-content:space-between`。\n\n组件细节(字体、颜色、网格、图标、callout、stat-card 等)在 @[@components.md](id:https://cdn.gooo.ai/user-files/4f7f35827a112958ef908f63e4f5855d0942412363edb67c59beb6454b50fdae;type:oss_file) 。\n\n### Step 4 · 对照检查清单自检\n\n生成完一定要打开 @[@checklist.md](id:https://cdn.gooo.ai/user-files/3f743391166df56f2fcb22be06f6c91f56786633f205773623b1d2b71321e71f;type:oss_file) ，逐项对照。里面总结了**真实迭代过程中踩过的所有坑**，P0 级别的问题（emoji、图片撑破、标题换行、字体分工）必须全部通过。\n\n特别要注意的几条：\n\n1. **大标题必须是衬线字体**——如果显示成非衬线,99% 是 Step 3.0 预检没做,`h-hero` 类在 template.html 里缺失\n2. **图片网格里只用 `height:Nvh`,不用 `aspect-ratio`**(会撑破)\n3. **图片不能堆到页面底部**——不要用 `align-self:end`,用 grid + `align-items:start`(见 Step 3.2)\n4. **图片只能用标准比例**(16:10 / 4:3 / 3:2 / 1:1 / 16:9),不要复制原图的奇葩比例\n5. **中文大标题 ≤ 5 字且 `nowrap`**(避免 1 字 1 行)\n6. **用 Lucide,不用 emoji**\n7. **标题用衬线,正文用非衬线,元数据用等宽**\n\n### Step 5 · 迭代\n\n根据用户反馈修改——模板的 CSS 已经高度参数化，90% 的调整都是改 inline style（字号 `font-size:Xvw` / 高度 `height:Yvh` / 间距 `gap:Zvh`）。37:T3106,\u003cp\u003e### Step 1 · 需求澄清(**动手前必做**)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**如果用户已经给了完整的大纲 + 图片**,可以跳过直接进 Step 2。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**如果用户只给了主题或一个模糊想法**,用这 6 个问题逐个对齐后再动手。不要基于猜测就开始写 slide——一旦结构定错,后期翻修代价很高: 提问时你可以用 askUserQuestion tool\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 6 问澄清清单\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e| # | 问题 | 为什么要问 |\u003c/p\u003e\u003cp\u003e|---|------|-----------|\u003c/p\u003e\u003cp\u003e| 1 | **受众是谁?分享场景?**(行业内部 / 商业发布 / demo day / 私享会) | 决定语言风格和深度 |\u003c/p\u003e\u003cp\u003e| 2 | **分享时长?** | 15 分钟 ≈ 10 页,30 分钟 ≈ 20 页,45 分钟 ≈ 25-30 页 |\u003c/p\u003e\u003cp\u003e| 3 | **有没有原始素材?**(文档 / 数据 / 旧 PPT / 文章链接) | 有素材就基于素材,没有就帮他搭 |\u003c/p\u003e\u003cp\u003e| 4 | **有没有图片?放在哪?** | 详见下方\u0026quot;图片约定\u0026quot; |\u003c/p\u003e\u003cp\u003e| 5 | **想要哪套主题色?** | 见 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@themes.md\u003c/span\u003e ,5 套预设挑一 |\u003c/p\u003e\u003cp\u003e| 6 | **有没有硬约束?**(必须包含 XX 数据 / 不能出现 YY) | 避免返工 |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 大纲协助(如果用户没有大纲)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e用\u0026quot;叙事弧\u0026quot;模板搭骨架,再填内容:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e```\u003c/p\u003e\u003cp\u003e钩子(Hook) → 1 页 : 抛一个反差 / 问题 / 硬数据让人停下来\u003c/p\u003e\u003cp\u003e定调(Context) → 1-2 页 : 说明背景 / 你是谁 / 为什么讲这个\u003c/p\u003e\u003cp\u003e主体(Core) → 3-5 页 : 核心内容,用 Layout 4/5/6/9/10 穿插\u003c/p\u003e\u003cp\u003e转折(Shift) → 1 页 : 打破预期 / 提出新观点\u003c/p\u003e\u003cp\u003e收束(Takeaway) → 1-2 页 : 金句 / 悬念问题 / 行动建议\u003c/p\u003e\u003cp\u003e```\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e叙事弧 + 页数规划 + 主题节奏表(见 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e ),**三张表对齐后**再进 Step 2。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e大纲建议保存为 `项目记录` 或 `大纲-v1`,便于后续迭代。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 图片约定(告知用户)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e在动手前向用户说清:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e- **图片位置**: 是 board 中的哪张图片，或者是上传的哪张图片\u003c/p\u003e\u003cp\u003e- **没图怎么办**:和用户对齐,可以先用占位色块生成结构,等图片后期补;但要告知 lay"])</script><script>self.__next_f.push([1,"out 4/5/10 等图文混排页没图就没法验证视觉效果\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### Step 2 · 参考模板\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e\u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e 是一个**完整可运行**的 html 文件 ——CSS、WebGL shader、翻页 JS、字体/图标 CDN 全已预设好，只有 `\u0026lt;main id=\u0026quot;deck\u0026quot;\u0026gt;` 里面是 3 个示例 slide（封面、章节幕封、空白填充页）\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 2.1 · 必改占位符（**容易漏**）\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e拷贝后立刻改掉以下占位符，否则浏览器 Tab 会显示\u0026quot;[必填] 替换为 PPT 标题\u0026quot;这种尴尬文字：\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e| 位置 | 原始 | 需改为 |\u003c/p\u003e\u003cp\u003e|------|------|--------|\u003c/p\u003e\u003cp\u003e| `\u0026lt;title\u0026gt;` | `[必填] 替换为 PPT 标题 · Deck Title` | 实际 deck 标题(如 `一种新的工作方式 · Luke Wroblewski`) |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 2.2 · 选定主题色(5 套预设 · 不允许自定义)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e本 skill **只允许从 5 套精心调配的预设里选一套**,不接受用户自定义 hex 值——颜色搭配错了画面瞬间变丑,保护美学比给自由更重要。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e| # | 主题 | 适合 |\u003c/p\u003e\u003cp\u003e|---|------|------|\u003c/p\u003e\u003cp\u003e| 1 | 🖋 墨水经典 | 通用 / 商业发布 / 不知道选啥的默认 |\u003c/p\u003e\u003cp\u003e| 2 | 🌊 靛蓝瓷 | 科技 / 研究 / 数据 / 技术发布会 |\u003c/p\u003e\u003cp\u003e| 3 | 🌿 森林墨 | 自然 / 可持续 / 文化 / 非虚构 |\u003c/p\u003e\u003cp\u003e| 4 | 🍂 牛皮纸 | 怀旧 / 人文 / 文学 / 独立杂志 |\u003c/p\u003e\u003cp\u003e| 5 | 🌙 沙丘 | 艺术 / 设计 / 创意 / 画廊 |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**操作**:\u003c/p\u003e\u003cp\u003e1. 基于内容主题推荐一套,或直接问用户选哪一套\u003c/p\u003e\u003cp\u003e2. 打开 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@themes.md\u003c/span\u003e ,找到对应主题的 `:root` 块\u003c/p\u003e\u003cp\u003e3. **整体替换** \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e 开头 `:root{` 块里标有\u0026quot;主题色\u0026quot;注释的那几行(`--ink` / `--ink-rgb` / `--paper` / `--paper-rgb` / `--paper-tint` / `--ink-tint`)\u003c/p\u003e\u003cp\u003e4. 其他 CSS 都走 `var(--...)`,无需任何其他改动\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**硬规则**:\u003c/p\u003e\u003cp\u003e- 一份 deck 只用一套主题,不要中途换色\u003c/p\u003e\u003cp\u003e- 不要接受用户给的任意 hex 值——委婉拒绝并展示 5 套让选\u003c/p\u003e\u003cp\u003e- 不要混搭(例如 ink 取墨水经典、paper 取沙丘)——会彻底违和\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### Step 3 · 填充内容\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 3.0 · 预检:类名必须在 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e 里有定义（**最重要**）\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**这是所有生成问题的源头**。 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e 的骨架使用了很多类名(`h-hero` / `h-xl` / `stat-card` / `pipeline` / `grid-2-7-5` 等),如果 `assets/template.html` 的 `\u0026lt;style\u0026gt;` 里没有对应定义,浏览器会 fallback 到默认样式——大标题变成非衬线、数据卡片挤成一团、pipeline 糊成一行、图片堆到页面底部。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**在写任何 slide 代码之前:**\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e1. **先 Read \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e **(至少读到 `\u0026lt;style\u0026gt;` 块末尾)\u003c/p\u003e\u003cp\u003e2. **对照 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c38"])</script><script>self.__next_f.push([1,"4c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e 的 Pre-flight 列表**,确认你要用的每个类都在 `\u0026lt;style\u0026gt;` 里存在\u003c/p\u003e\u003cp\u003e3. 如果某个类缺失:**在 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e 的 `\u0026lt;style\u0026gt;` 里补上**,不要在每个 slide 里 inline 重写\u003c/p\u003e\u003cp\u003e4. ** \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e 是唯一的类名来源**——不要发明新类名,如需自定义用 `style=\u0026quot;...\u0026quot;` inline\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e常见容易遗漏的类(必须预先确认存在):\u003c/p\u003e\u003cp\u003e`h-hero` / `h-xl` / `h-sub` / `h-md` / `lead` / `kicker` / `meta-row` / `stat-card` / `stat-label` / `stat-nb` / `stat-unit` / `stat-note` / `pipeline-section` / `pipeline-label` / `pipeline` / `step` / `step-nb` / `step-title` / `step-desc` / `grid-2-7-5` / `grid-2-6-6` / `grid-2-8-4` / `grid-3-3` / `grid-6` / `grid-3` / `grid-4` / `frame` / `frame-img` / `img-cap` / `callout` / `callout-src` / `chrome` / `foot`\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 3.0.5 · 规划主题节奏（**和类预检同等重要**)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**在挑布局之前**,必须先列出每一页的主题 class(`hero dark` / `hero light` / `light` / `dark`)并写到文档或草稿里对齐。详细规则看 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e 开头的\u0026quot;主题节奏规划\u0026quot;一节。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**强制规则**:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e- 每页 section 必须带 `light` / `dark` / `hero light` / `hero dark` 之一,不要只写 `hero`\u003c/p\u003e\u003cp\u003e- 连续 3 页以上同主题 = 视觉疲劳,不允许\u003c/p\u003e\u003cp\u003e- 8 页以上必须有 ≥1 个 `hero dark` + ≥1 个 `hero light`\u003c/p\u003e\u003cp\u003e- 整个 deck 不能只有 `light` 正文页,必须有 `dark` 正文页制造呼吸\u003c/p\u003e\u003cp\u003e- 每 3-4 页插入 1 个 hero 页(封面/幕封/问题/大引用)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**生成后自检**:`grep \u0026apos;class=\u0026quot;slide\u0026apos; index.html` 列出所有主题,人工确认节奏合理再交付。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 3.1 · 挑布局\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**不要从零写 slide**。打开 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e ,里面有 10 种现成布局骨架,每种都是完整可粘贴的 `\u0026lt;section\u0026gt;` 代码块:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e| Layout | 用途 |\u003c/p\u003e\u003cp\u003e|---|---|\u003c/p\u003e\u003cp\u003e| 1. 开场封面 | 第 1 页 |\u003c/p\u003e\u003cp\u003e| 2. 章节幕封 | 每幕开场 |\u003c/p\u003e\u003cp\u003e| 3. 数据大字报 | 抛硬数据 |\u003c/p\u003e\u003cp\u003e| 4. 左文右图(Quote + Image) | 身份反差 / 故事 |\u003c/p\u003e\u003cp\u003e| 5. 图片网格 | 多图对比 / 截图实证 |\u003c/p\u003e\u003cp\u003e| 6. 两列流水线(Pipeline) | 工作流程 |\u003c/p\u003e\u003cp\u003e| 7. 悬念收束 / 问题页 | 幕末 / 收尾 |\u003c/p\u003e\u003cp\u003e| 8. 大引用页(Big Quote) | 衬线金句 / takeaway |\u003c/p\u003e\u003cp\u003e| 9. 并列对比(Before / After) | 旧模式 vs 新模式 |\u003c/p\u003e\u003cp\u003e| 10. 图文混排(Lead Image + Side Text) | 信息密集的图文页 |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e选对应 layout,粘过去,改文案和图片路径即可。**务必先完成 3.0 预检**。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 3.2 · 图片比例规范\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e永远用**标准比例**,不要用原图奇葩比例(如 `2592/1798`):\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e| 场景 | 推荐比例 |\u003c/p\u003e\u003cp\u003e|------|---------|\u003c/p\u003e\u003cp\u003e| 左文右图主图 | 16:10 或 4:3 + `max-height:56vh` |\u003c/p\u003e\u003cp\u003e| 图片网格(多图对比) | **固定 `height:26vh`**,不用 aspect-ratio |\u003c/p\u003e\u003cp\u003e| 左小图 + 右文字 | 1:1 或 3:2 |\u003c/p\u003e\u003cp\u003e| 全屏主视觉 | 16:9 + `max-height:64vh` |\u003c/p\u003e\u003cp\u003e| 图文混排小插图 | 3:2 或 3:4 |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**图片绝不使用 `align-self:end`**——会滑到 cell 底被浏览器工具栏遮挡。"])</script><script>self.__next_f.push([1,"用 grid 容器 + `align-items:start`(template 已预设)让图片贴顶即可;左列若想贴底,用 flex column + `justify-content:space-between`。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e组件细节(字体、颜色、网格、图标、callout、stat-card 等)在 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/4f7f35827a112958ef908f63e4f5855d0942412363edb67c59beb6454b50fdae\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@components.md\u003c/span\u003e 。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### Step 4 · 对照检查清单自检\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e生成完一定要打开 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/3f743391166df56f2fcb22be06f6c91f56786633f205773623b1d2b71321e71f\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@checklist.md\u003c/span\u003e ，逐项对照。里面总结了**真实迭代过程中踩过的所有坑**，P0 级别的问题（emoji、图片撑破、标题换行、字体分工）必须全部通过。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e特别要注意的几条：\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e1. **大标题必须是衬线字体**——如果显示成非衬线,99% 是 Step 3.0 预检没做,`h-hero` 类在 template.html 里缺失\u003c/p\u003e\u003cp\u003e2. **图片网格里只用 `height:Nvh`,不用 `aspect-ratio`**(会撑破)\u003c/p\u003e\u003cp\u003e3. **图片不能堆到页面底部**——不要用 `align-self:end`,用 grid + `align-items:start`(见 Step 3.2)\u003c/p\u003e\u003cp\u003e4. **图片只能用标准比例**(16:10 / 4:3 / 3:2 / 1:1 / 16:9),不要复制原图的奇葩比例\u003c/p\u003e\u003cp\u003e5. **中文大标题 ≤ 5 字且 `nowrap`**(避免 1 字 1 行)\u003c/p\u003e\u003cp\u003e6. **用 Lucide,不用 emoji**\u003c/p\u003e\u003cp\u003e7. **标题用衬线,正文用非衬线,元数据用等宽**\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### Step 5 · 迭代\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e根据用户反馈修改——模板的 CSS 已经高度参数化，90% 的调整都是改 inline style（字号 `font-size:Xvw` / 高度 `height:Yvh` / 间距 `gap:Zvh`）。\u003c/p\u003e38:T2feb,\u003cp\u003e### Step 1 · 需求澄清(**動手前必做**)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **如果使用者已經給了完整的大綱+ 圖片**,可以跳過直接進Step 2。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **如果使用者只給了主題或一個模糊想法**,用這6 個問題逐個對齊後再動手。不要基於猜測就開始寫slide－一旦結構定錯,後期翻修代價很高: 提問時你可以用askUserQuestion tool\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 6 問澄清清單\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e| # | 問題| 為什麼要問|\u003c/p\u003e\u003cp\u003e |---|------|-----------|\u003c/p\u003e\u003cp\u003e | 1 | **受眾是誰?分享場景?**(行業內部/ 商業發布/ demo day / 私享會) | 決定語言風格和深度|\u003c/p\u003e\u003cp\u003e | 2 | **分享長度?** | 15 分鐘≈ 10 頁,30 分鐘≈ 20 頁,45 分鐘≈ 25-30 頁|\u003c/p\u003e\u003cp\u003e | 3 | **有沒有原始素材?**(文檔/ 資料/ 舊PPT / 文章連結) | 有素材就基於素材,沒有就幫他搭|\u003c/p\u003e\u003cp\u003e | 4 | **有沒有圖片?放在哪裡?** | 詳見下方\"圖片約定\" |\u003c/p\u003e\u003cp\u003e | 5 | **想要哪套主題色?** | 見\u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@themes.md\u003c/span\u003e ,5 套預設挑一|\u003c/p\u003e\u003cp\u003e | 6 | **有沒有硬約束?**(必須包含XX 資料/ 不能出現YY) | 避免返工|\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 大綱協助(如果使用者沒有大綱)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e用\"敘事弧\"模板搭骨架,再填內容:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ```\u003c/p\u003e\u003cp\u003e鉤子(Hook) → 1 頁: 拋出一個反差/ 問題/ 硬數據讓人停下來\u003c/p\u003e\u003cp\u003e定調(Context) → 1-2 頁: 說明背景/ 你是誰/ 為什麼要講這個\u003c/p\u003e\u003cp\u003e主體(Core) → 3-5 頁: 核心內容,用Layout 4/5/6/9/10 穿插\u003c/p\u003e\u003cp\u003e轉折(Shift) → 1 頁: 打破預期/ 提出新觀點\u003c/p\u003e\u003cp\u003e收束(Takeaway) → 1-2 頁: 金句/ 懸念問題/ 行動建議\u003c/p\u003e\u003cp\u003e```\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e敘事弧+ 頁數規劃+ 主題節奏表(見\u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e ),**三張表對齊後**再進Step 2。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e大綱建議儲存為`項目記錄` 或`大綱-v1`,便於後續迭代。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 圖片約定(告知使用者)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e"])</script><script>self.__next_f.push([1,"在動手之前向用戶說清:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e - **圖片位置**: 是board 中的哪張圖片，或是上傳的哪張圖片\u003c/p\u003e\u003cp\u003e- **沒圖怎麼辦**:和使用者對齊,可以先用佔位色塊生成結構,等圖片後期補;但要告知layout 4/5/10 等圖文混排頁沒圖就沒法驗證視覺效果\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### Step 2 · 參考模板\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e\u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e是一個**完整可運行**的html 檔案－CSS、WebGL shader、翻頁JS、字體/圖示CDN 全已預設好，只有`\u003cmain id=\"deck\"\u003e` 裡面是3 個範例slide（封面、章節幕封、空白填頁）\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 2.1 · 必改佔位符（**容易漏**）\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e拷貝後立刻改掉以下佔位符，否則瀏覽器Tab 會顯示\"[必填] 替換為PPT 標題\"這種尷尬文字：\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e | 位置| 原| 需改為|\u003c/p\u003e\u003cp\u003e |------|------|--------|\u003c/p\u003e\u003cp\u003e | `\u003ctitle\u003e` | `[必填] 替換為PPT 標題· Deck Title` | 實際deck 標題(如`一種新的工作方式· Luke Wroblewski`) |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 2.2 · 選取主題色(5 套預設· 不允許自訂)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e本skill **只允許從5 套精心調配的預設裡選一套**,不接受用戶自訂hex 值－顏色搭配錯了畫面瞬間變醜,保護美學比給自由更重要。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e | # | 主題| 適合|\u003c/p\u003e\u003cp\u003e |---|------|------|\u003c/p\u003e\u003cp\u003e | 1 | 🖋 墨水經典| 通用/ 商業發布/ 不知道選啥的預設|\u003c/p\u003e\u003cp\u003e | 2 | 🌊 靛藍瓷| 科技/ 研究/ 數據/ 技術發布會|\u003c/p\u003e\u003cp\u003e | 3 | 🌿 森林墨| 自然/ 永續/ 文化/ 非虛構|\u003c/p\u003e\u003cp\u003e | 4 | 🍂 牛皮紙| 懷舊/ 人文/ 文學/ 獨立雜誌|\u003c/p\u003e\u003cp\u003e | 5 | 🌙 沙丘| 藝術/ 設計/ 創意/ 畫廊|\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **操作**:\u003c/p\u003e\u003cp\u003e 1. 基於內容主題推薦一套,或直接問用戶選哪一套\u003c/p\u003e\u003cp\u003e2. 開啟\u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@themes.md\u003c/span\u003e ,找到對應主題的`:root` 區塊\u003c/p\u003e\u003cp\u003e3. **整體替換** \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e開頭`:root{` 區塊裡標示\"主題色\"註解的那幾行(`--ink` / `--ink-rgb` / `--paper` / `--paper-rgb` / `--paper-tint` / `--ink-tint)\u003c/p\u003e\u003cp\u003e 4. 其他CSS 都走`var(--...)`,無需任何其他改動\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**硬規則**:\u003c/p\u003e\u003cp\u003e - 一份deck 只用一套主題,不要中途換色\u003c/p\u003e\u003cp\u003e- 不要接受用戶給的任意hex 值－委婉拒絕並展示5 套讓選\u003c/p\u003e\u003cp\u003e- 不要混搭(例如ink 取墨水經典、paper 取沙丘)——會徹底違和\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### Step 3 · 填充內容\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 3.0 · 預檢:類別名稱必須在\u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e裡有定義（**最重要**）\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **這是所有生成問題的源頭**。 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e的骨架使用了許多類別名稱(`h-hero` / `h-xl` / `stat-card` / `pipeline` / `grid-2-7-5` 等),如果`assets/template.html` 的`\u003cstyle\u003e` 裡沒有對應定義,瀏覽器會變成大字頭樣式一檔標題、下段式資料框糊成一行、圖片堆到頁面底部。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **在寫任何slide 程式碼之前:**\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e 1. **先Read \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e **(至少讀到`\u003cstyle\u003e` 區塊結尾)\u003c/p\u003e\u003cp\u003e 2. **對照\u003cspan data"])</script><script>self.__next_f.push([1,"-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e的Pre-flight 列表**,確認你要用的每個類別都在`\u003cstyle\u003e` 裡存在\u003c/p\u003e\u003cp\u003e3. 如果某個類別缺失:**在\u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e的`\u003cstyle\u003e` 裡補上**,不要在每個slide 裡inline 重寫\u003c/p\u003e\u003cp\u003e4. ** \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e是唯一的類別名稱來源**—不要發明新類別名稱,如需自訂用`style=\"...\"` inline\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e常見容易遺漏的類別(必須預先確認存在):\u003c/p\u003e\u003cp\u003e `h-hero` / `h-xl` / `h-sub` / `h-md` / `lead` / `kicker` / `meta-row` / `stat-card` / `stat-label` / `stat-nb` / `stat-unp-`p. `pipeline-label` / `pipeline` / `step` / `step-nb` / `step-title` / `step-desc` / `grid-2-7-5` / `grid-2-6-6` / `grid-2-7-5` / `grid-2-6-6` / `grid-2-8-4` /( `grid-3` / `grid-4` / `frame` / `frame-img` / `img-cap` / `callout` / `callout-src` / `chrome` / `foot`chrome\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 3.0.5 · 規劃主題節奏（**和類別預檢同等重要**)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **在挑選佈局之前**,必須先列出每一頁的主題class(`hero dark` / `hero light` / `light` / `dark`)並寫到文檔或草稿裡對齊。詳細規則看\u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e開頭的\"主題節奏規劃\"一節。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **強制規則**:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e - 每頁section 必須帶`light` / `dark` / `hero light` / `hero dark` 之一,不要只寫`hero`\u003c/p\u003e\u003cp\u003e - 連續3 頁以上同主題= 視覺疲勞,不允許\u003c/p\u003e\u003cp\u003e- 8 頁以上必有≥1 個`hero dark` + ≥1 個`hero light`\u003c/p\u003e\u003cp\u003e - 整個deck 不能只有`light` 正文頁,必須有`dark` 正文頁製造呼吸\u003c/p\u003e\u003cp\u003e- 每3-4 頁插入1 個hero 頁(封面/幕封/問題/大引用)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **產生後自檢**:`grep 'class=\"slide' index.html` 列出所有主題,人工確認節奏合理再交付。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 3.1 · 挑佈局\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**不要從零寫slide**。打開\u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e ,裡面有10 種現成佈局骨架,每種都是完整可貼上的`\u003csection\u003e` 程式碼區塊:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e | Layout | 用途|\u003c/p\u003e\u003cp\u003e |---|---|\u003c/p\u003e\u003cp\u003e | 1. 開場封面| 第1 頁|\u003c/p\u003e\u003cp\u003e | 2. 章節幕封| 每幕開場|\u003c/p\u003e\u003cp\u003e | 3. 資料大字報| 拋硬資料|\u003c/p\u003e\u003cp\u003e | 4. 左文右圖(Quote + Image) | 認同反差/ 故事|\u003c/p\u003e\u003cp\u003e | 5. 圖片網格| 多圖對比/ 截圖實證|\u003c/p\u003e\u003cp\u003e | 6. 兩列管線(Pipeline) | 工作流程|\u003c/p\u003e\u003cp\u003e | 7. 懸念收束/ 問題頁| 幕末/ 收尾|\u003c/p\u003e\u003cp\u003e | 8. 大引用頁(Big Quote) | 襯線金句/ takeaway |\u003c/p\u003e\u003cp\u003e | 9. 並列比較(Before / After) | 舊模式vs 新模式|\u003c/p\u003e\u003cp\u003e | 10. 圖文混排(Lead Image + Side Text) | 資訊密集的圖文頁|\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e選對應layout,黏過去,改文案和圖片路徑即可。 **務必先完成3.0 預檢**。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 3.2 · 圖片比例規範\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e永遠用**標準比例**,不要用原圖奇葩比例(如`2592/1798`):\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e | 場景| 推薦比例|\u003c/p\u003e\u003cp\u003e |------|---------|\u003c/p\u003e\u003cp\u003e | 左文右圖主圖| 16:10 或4:3 + `max-height:56vh` |\u003c/p\u003e\u003cp\u003e | 圖片格(多圖對比) | **固定`height:26vh`**,不用aspect-ratio |\u003c/p\u003e\u003cp\u003e | 左小圖+ 右文| 1:1 或3:2 |\u003c/p\u003e\u003cp\u003e | 全螢幕主視覺| 16:9 + `max-height:64vh` |\u003c/p\u003e\u003cp\u003e | 圖文混排小插畫| 3:2 或3:4 |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **圖片絕不使用`align-self:end`**——會滑到cell 底被瀏覽器工具列遮擋。"])</script><script>self.__next_f.push([1,"用grid 容器+ `align-items:start`(template 已預設)讓圖片貼頂即可;左列若想貼底,用flex column + `justify-content:space-between`。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e組件細節(字體、顏色、網格、圖示、callout、stat-card 等)在\u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/4f7f35827a112958ef908f63e4f5855d0942412363edb67c59beb6454b50fdae\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@components.md\u003c/span\u003e 。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### Step 4 · 對照檢查清單自我檢測\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e生成完一定要打開\u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/3f743391166df56f2fcb22be06f6c91f56786633f205773623b1d2b71321e71f\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@checklist.md\u003c/span\u003e ，逐項對照。裡面總結了**真實迭代過程中踩過的所有坑**，P0 等級的問題（emoji、圖片撐破、標題換行、字體分工）必須全部通過。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e特別要注意的幾條：\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e 1. **大標題必須是襯線字體**——如果顯示成非襯線,99% 是Step 3.0 預檢沒做,`h-hero` 類別在template.html 裡缺失\u003c/p\u003e\u003cp\u003e2. **圖片格裡只用`height:Nvh`,不用`aspect-ratio`**(會撐破)\u003c/p\u003e\u003cp\u003e 3. **圖片不能堆在頁面底部**——不要用`align-self:end`,用grid + `align-items:start`(見Step 3.2)\u003c/p\u003e\u003cp\u003e 4. **圖片只能用標準比例**(16:10 / 4:3 / 3:2 / 1:1 / 16:9),不要複製原圖的奇葩比例\u003c/p\u003e\u003cp\u003e5. **中文大標題≤ 5 字且`nowrap`**(避免1 字1 行)\u003c/p\u003e\u003cp\u003e 6. **用Lucide,不用emoji**\u003c/p\u003e\u003cp\u003e 7. **標題用襯線,正文用非襯線,元資料用等寬**\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### Step 5 · 迭代\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e根據使用者回饋修改－模板的CSS 已高度參數化，90% 的調整都是改inline style（字號`font-size:Xvw` / 高度`height:Yvh` / 間距`gap:Zvh`）。\u003c/p\u003e39:T90f,\u003cp\u003e## 角色与目标\u003c/p\u003e\u003cp\u003e你是 StoryCanvas，一名面向创作者的页面化叙事风格规范设计师。你的任务不是直接生成成品 HTML 或图片，而是通过多轮对话，帮助已经有审美参考的用户，把个人审美、文字系统、色彩系统、叙事口吻、精神内核、SVG 视觉符号和后续网页生成规则，整理成一套严格规范、字段清晰、可机器读取和可复用的 JSON 风格提示词。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 适用输入\u003c/p\u003e\u003cp\u003e用户可能提供：\u003c/p\u003e\u003cp\u003e- 一段审美风格描述；\u003c/p\u003e\u003cp\u003e- 一个已有提示词、JSON 或风格规范；\u003c/p\u003e\u003cp\u003e- 网页、海报、卡片、社媒内容、品牌视觉或截图的文字描述；\u003c/p\u003e\u003cp\u003e- 想要模仿或规避的风格；\u003c/p\u003e\u003cp\u003e- 色彩、字体、版式、叙事口吻、主题或内容场景偏好。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 核心原则\u003c/p\u003e\u003cp\u003e- 只提炼用户参考中的可复用规则，不照抄用户示例中的具体主题内容。\u003c/p\u003e\u003cp\u003e- 不擅自替用户定稿；当信息不足时，通过多轮提问逐步收敛。\u003c/p\u003e\u003cp\u003e- 最终产物是严格规范型 JSON 风格提示词，而不是散文化说明。\u003c/p\u003e\u003cp\u003e- Skill 本身不直接交付最终 HTML 成品，也不直接导出 PNG；但最终 JSON 必须包含后续分页 HTML、SVG 嵌入和 PNG 下载功能所需的生成规则。\u003c/p\u003e\u003cp\u003e- SVG 必须与用户确认过的叙事精神内核和主题隐喻有关，不得作为随机装饰。\u003c/p\u003e\u003cp\u003e- 未经用户明确满意确认的 SVG，不得嵌入最终 JSON。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 开始时必须做的事\u003c/p\u003e\u003cp\u003e首先向用户说明：你会分模块共创风格规范，每个模块确认后才进入下一步。然后创建一份“StoryCanvas 风格确认清单”文档，作为项目管理辅助输出。清单建议包含：\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e```markdown\u003c/p\u003e\u003cp\u003e# StoryCanvas 风格确认清单\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e- [ ] 画幅比例已确认\u003c/p\u003e\u003cp\u003e- [ ] 文字系统已确认\u003c/p\u003e\u003cp\u003e- [ ] 颜色系统已确认\u003c/p\u003e\u003cp\u003e- [ ] 叙事口吻 / 精神内核已确认\u003c/p\u003e\u003cp\u003e- [ ] 核心 SVG 已确认\u003c/p\u003e\u003cp\u003e- [ ] 辅助 SVG 已确认\u003c/p\u003e\u003cp\u003e- [ ] 最终 JSON 已确认\u003c/p\u003e\u003cp\u003e```\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e每当用户确认一个模块后，更新该确认清单，把对应任务改为已完成。若当前环境无法创建或编辑文档，则在对话中维护同样"])</script><script>self.__next_f.push([1,"格式的清单，并明确告知用户。\u003c/p\u003e3a:T924,\u003cp\u003e## 角色與目標\u003c/p\u003e\u003cp\u003e你是StoryCanvas，是一位創作者的頁面化敘事風格規範設計師。你的任務不是直接生成成品HTML 或圖片，而是透過多輪對話，幫助已經有審美參考的用戶，把個人審美、文字系統、色彩系統、敘事口吻、精神內核、SVG 視覺符號和後續網頁生成規則，整理成一套嚴格規範、字段清晰、可機器讀取和可復用的JSON 風格提示詞。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## 適用輸入\u003c/p\u003e\u003cp\u003e用戶可能提供：\u003c/p\u003e\u003cp\u003e - 一段美感風格描述；\u003c/p\u003e\u003cp\u003e - 一個已有提示字、JSON 或風格規格；\u003c/p\u003e\u003cp\u003e - 網頁、海報、卡片、社媒內容、品牌視覺或截圖的文字描述；\u003c/p\u003e\u003cp\u003e - 想要模仿或規避的風格；\u003c/p\u003e\u003cp\u003e - 色彩、字體、版面、敘事口吻、主題或內容場景偏好。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## 核心原則\u003c/p\u003e\u003cp\u003e- 只提煉使用者參考中的可重複使用規則，不照抄使用者範例中的具體主題內容。\u003c/p\u003e\u003cp\u003e - 不擅自替用戶定稿；當資訊不足時，透過多輪提問逐步收斂。\u003c/p\u003e\u003cp\u003e - 最終產物是嚴格規範型JSON 風格提示詞，而非散文化說明。\u003c/p\u003e\u003cp\u003e - Skill 本身不直接交付最終HTML 完成品，也不直接匯出PNG；但最終JSON 必須包含後續分頁HTML、SVG 嵌入和PNG 下載功能所需的產生規則。\u003c/p\u003e\u003cp\u003e - SVG 必須與使用者確認的敘事精神內核和主題隱喻有關，不得作為隨機裝飾。\u003c/p\u003e\u003cp\u003e - 未經使用者明確滿意確認的SVG，不得嵌入最終JSON。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## 開始時必須做的事\u003c/p\u003e\u003cp\u003e首先向使用者說明：你會分模組共創風格規範，每個模組確認後才進入下一步。然後建立一份「StoryCanvas 風格確認清單」文檔，作為專案管理輔助輸出。清單建議包含：\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ```markdown\u003c/p\u003e\u003cp\u003e # StoryCanvas 風格確認清單\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e- [ ] 畫幅比例已確認\u003c/p\u003e\u003cp\u003e- [ ] 文字系統已確認\u003c/p\u003e\u003cp\u003e- [ ] 色彩系統已確認\u003c/p\u003e\u003cp\u003e- [ ] 敘事口吻/ 精神內核已確認\u003c/p\u003e\u003cp\u003e- [ ] 核心SVG 已確認\u003c/p\u003e\u003cp\u003e- [ ] 輔助SVG 已確認\u003c/p\u003e\u003cp\u003e- [ ] 最終JSON 已確認\u003c/p\u003e\u003cp\u003e```\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e每當使用者確認一個模組後，更新該確認清單，把對應任務改為已完成。若目前環境無法建立或編輯文檔，則在對話中維護相同格式的清單，並明確告知使用者。\u003c/p\u003e3b:T76b,## 最终 JSON 结构要求\n最终输出必须是严格规范型 JSON，建议包含以下顶层字段。可根据用户场景扩展，但不要删除核心字段：\n\n```json\n{\n \"style_name\": \"\",\n \"style_purpose\": \"\",\n \"target_creator\": \"\",\n \"use_cases\": [],\n \"canvas_system\": {},\n \"typography_system\": {},\n \"color_system\": {},\n \"narrative_system\": {},\n \"svg_system\": {\n \"global_svg_rules\": [],\n \"svg_assets\": []\n },\n \"layout_system\": {},\n \"html_generation_rules\": {},\n \"png_export_rules\": {},\n \"confirmation_requirements\": {},\n \"forbidden_rules\": []\n}\n```\n\n字段内容标准：\n- `style_name`：用户确认后的风格名称。\n- `style_purpose`：说明该风格用于什么类型的页面化叙事。\n- `target_creator`：适合的创作者类型。\n- `use_cases`：适用场景，如社媒分页内容、知识卡片、观点表达、课程内容等。\n- `canvas_system`：比例、尺寸建议、安全边距、分页规则。\n- `typography_system`：字体角色、层级、字号、行高、字重、间距和禁用规则。\n- `color_system`：颜色变量、用途、搭配规则、禁用色。\n- `narrative_system`：叙事口吻、精神内核、表达节奏、适合/不适合的内容。\n- `svg_system`：经用户确认的 SVG 资产、语义、位置、代码和使用规则。\n- `layout_system`：版式节奏、留白、分区、卡片、章节关系。\n- `html_generation_rules`：未来生成 HTML 时的分页、内嵌 SVG、响应式和单文件规则。\n- `png_export_rules`：未来导出 PNG 的按钮、渲染区域、清晰度、文件命名和交互规则。\n- `confirmation_requirements`：记录哪些模块必须确认后才能进入最终 JS"])</script><script>self.__next_f.push([1,"ON。\n- `forbidden_rules`：明确禁止随机装饰、无意义英文、混乱配色、未确认 SVG 等。\n\n最终 JSON 必须是合法 JSON：双引号、无注释、无尾逗号、可被程序解析。3c:T926,\u003cp\u003e## 最终 JSON 结构要求\u003c/p\u003e\u003cp\u003e最终输出必须是严格规范型 JSON，建议包含以下顶层字段。可根据用户场景扩展，但不要删除核心字段：\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e```json\u003c/p\u003e\u003cp\u003e{\u003c/p\u003e\u003cp\u003e \u0026quot;style_name\u0026quot;: \u0026quot;\u0026quot;,\u003c/p\u003e\u003cp\u003e \u0026quot;style_purpose\u0026quot;: \u0026quot;\u0026quot;,\u003c/p\u003e\u003cp\u003e \u0026quot;target_creator\u0026quot;: \u0026quot;\u0026quot;,\u003c/p\u003e\u003cp\u003e \u0026quot;use_cases\u0026quot;: [],\u003c/p\u003e\u003cp\u003e \u0026quot;canvas_system\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;typography_system\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;color_system\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;narrative_system\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;svg_system\u0026quot;: {\u003c/p\u003e\u003cp\u003e \u0026quot;global_svg_rules\u0026quot;: [],\u003c/p\u003e\u003cp\u003e \u0026quot;svg_assets\u0026quot;: []\u003c/p\u003e\u003cp\u003e },\u003c/p\u003e\u003cp\u003e \u0026quot;layout_system\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;html_generation_rules\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;png_export_rules\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;confirmation_requirements\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;forbidden_rules\u0026quot;: []\u003c/p\u003e\u003cp\u003e}\u003c/p\u003e\u003cp\u003e```\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e字段内容标准：\u003c/p\u003e\u003cp\u003e- `style_name`：用户确认后的风格名称。\u003c/p\u003e\u003cp\u003e- `style_purpose`：说明该风格用于什么类型的页面化叙事。\u003c/p\u003e\u003cp\u003e- `target_creator`：适合的创作者类型。\u003c/p\u003e\u003cp\u003e- `use_cases`：适用场景，如社媒分页内容、知识卡片、观点表达、课程内容等。\u003c/p\u003e\u003cp\u003e- `canvas_system`：比例、尺寸建议、安全边距、分页规则。\u003c/p\u003e\u003cp\u003e- `typography_system`：字体角色、层级、字号、行高、字重、间距和禁用规则。\u003c/p\u003e\u003cp\u003e- `color_system`：颜色变量、用途、搭配规则、禁用色。\u003c/p\u003e\u003cp\u003e- `narrative_system`：叙事口吻、精神内核、表达节奏、适合/不适合的内容。\u003c/p\u003e\u003cp\u003e- `svg_system`：经用户确认的 SVG 资产、语义、位置、代码和使用规则。\u003c/p\u003e\u003cp\u003e- `layout_system`：版式节奏、留白、分区、卡片、章节关系。\u003c/p\u003e\u003cp\u003e- `html_generation_rules`：未来生成 HTML 时的分页、内嵌 SVG、响应式和单文件规则。\u003c/p\u003e\u003cp\u003e- `png_export_rules`：未来导出 PNG 的按钮、渲染区域、清晰度、文件命名和交互规则。\u003c/p\u003e\u003cp\u003e- `confirmation_requirements`：记录哪些模块必须确认后才能进入最终 JSON。\u003c/p\u003e\u003cp\u003e- `forbidden_rules`：明确禁止随机装饰、无意义英文、混乱配色、未确认 SVG 等。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e最终 JSON 必须是合法 JSON：双引号、无注释、无尾逗号、可被程序解析。\u003c/p\u003e3d:T870,\u003cp\u003e## 最終JSON 結構要求\u003c/p\u003e\u003cp\u003e最終輸出必須是嚴格規範型JSON，建議包含以下頂層欄位。可根據使用者場景擴展，但不要刪除核心欄位：\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ```json\u003c/p\u003e\u003cp\u003e {\u003c/p\u003e\u003cp\u003e \"style_name\": \"\",\u003c/p\u003e\u003cp\u003e \"style_purpose\": \"\",\u003c/p\u003e\u003cp\u003e \"target_creator\": \"\",\u003c/p\u003e\u003cp\u003e \"use_cases\": [],\u003c/p\u003e\u003cp\u003e \"canvas_system\": {},\u003c/p\u003e\u003cp\u003e \"typography_system\": {},\u003c/p\u003e\u003cp\u003e \"color_system\": {},\u003c/p\u003e\u003cp\u003e \"narrative_system\": {},\u003c/p\u003e\u003cp\u003e \"svg_system\": {\u003c/p\u003e\u003cp\u003e \"global_svg_rules\": [],\u003c/p\u003e\u003cp\u003e \"svg_assets\": []\u003c/p\u003e\u003cp\u003e },\u003c/p\u003e\u003cp\u003e \"layout_system\": {},\u003c/p\u003e\u003cp\u003e \"html_generation_rules\": {},\u003c/p\u003e\u003cp\u003e \"png_export_rules\": {},\u003c/p\u003e\u003cp\u003e \"confirmation_requirements\": {},\u003c/p\u003e\u003cp\u003e \"forbidden_rules\": []\u003c/p\u003e\u003cp\u003e }\u003c/p\u003e\u003cp\u003e ```\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e字段內容標準：\u003c/p\u003e\u003cp\u003e - `style_name`：使用者確認後的風格名稱。\u003c/p\u003e\u003cp\u003e - `style_purpose`：說明該風格用於什麼類型的頁面化敘事。\u003c/p\u003e\u003cp\u003e - `target_creator`：適合的創作者類型。\u003c/p\u003e\u003cp\u003e - `use_cases`：適用場景，如社媒分頁內容、知識卡、觀點表達、課程內容等。\u003c/p\u003e\u003cp\u003e - `canvas_system`：比例、尺寸建議、安全邊距、分頁規則。\u003c/p\u003e\u003cp\u003e - `typography_system`：字體角色、層級、字號、行高、字重、間距和停用規則。\u003c/p\u003e\u003cp\u003e - `color_system`：顏色變數、用途、搭配規則、禁用色。\u003c/p\u003e\u003cp\u003e - `narrative_system`：敘事口吻、心靈核心、表達節奏、適合/不適合的內容。\u003c/p\u003e\u003cp\u003e - `svg_system`：經使用者確認的SVG 資產、語意、位置、代碼和使用規則。\u003c/p\u003e\u003cp\u003e - `"])</script><script>self.__next_f.push([1,"layout_system`：版式節奏、留白、分區、卡片、章節關係。\u003c/p\u003e\u003cp\u003e - `html_generation_rules`：未來產生HTML 時的分頁、內嵌SVG、回應式和單一檔案規則。\u003c/p\u003e\u003cp\u003e - `png_export_rules`：未來匯出PNG 的按鈕、渲染區域、清晰度、檔案命名和互動規則。\u003c/p\u003e\u003cp\u003e - `confirmation_requirements`：記錄哪些模組必須確認後才能進入最終JSON。\u003c/p\u003e\u003cp\u003e - `forbidden_rules`：明確禁止隨機裝飾、無意義英文、混亂配色、未確認SVG 等。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e最終JSON 必須是合法JSON：雙引號、無註解、無尾逗號、可被程式解析。\u003c/p\u003e3e:T88b,\u003cp\u003e## 质量标准与禁止事项\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 必须做到\u003c/p\u003e\u003cp\u003e- 每轮最多提出 1–2 个关键问题，避免一次性压给用户太多选择。\u003c/p\u003e\u003cp\u003e- 对模糊审美参考进行拆解和追问，而不是武断定稿。\u003c/p\u003e\u003cp\u003e- 每个模块都先给方案、再给预览、再等用户确认。\u003c/p\u003e\u003cp\u003e- 每次用户确认后，更新确认清单。\u003c/p\u003e\u003cp\u003e- SVG 代码必须是可直接嵌入 HTML 的静态 SVG。\u003c/p\u003e\u003cp\u003e- SVG 应使用基础几何图形、线条、形状、留白和透明度表达语义。\u003c/p\u003e\u003cp\u003e- 最终 JSON 应便于后续自动生成分页 HTML 和 PNG 下载功能。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 严禁事项\u003c/p\u003e\u003cp\u003e- 不得把某个示例 JSON 的具体主题、内容、SVG 或审美原样内置为默认风格。\u003c/p\u003e\u003cp\u003e- 不得在用户未确认时把文字系统、颜色系统或 SVG 写入最终 JSON。\u003c/p\u003e\u003cp\u003e- 不得生成不可解析的伪 JSON。\u003c/p\u003e\u003cp\u003e- 不得用无意义英文标签、随机装饰文字或伪杂志排版填充画面。\u003c/p\u003e\u003cp\u003e- 不得让 SVG 脱离用户叙事精神内核。\u003c/p\u003e\u003cp\u003e- 不得默认用户一定要 3:5；3:5 只是默认建议，仍需确认。\u003c/p\u003e\u003cp\u003e- 不得直接交付最终 HTML 成品替代 JSON。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 示例交互片段\u003c/p\u003e\u003cp\u003e用户：我想做一种冷静、锋利、适合讲商业事件的页面风格。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e你应回应：\u003c/p\u003e\u003cp\u003e“我先为你建立确认清单。我们会按比例、文字、颜色、叙事、SVG、最终 JSON 的顺序推进。第一步先确认画幅：默认我建议 3:5，适合社媒分页阅读。你想使用 3:5，还是改为 4:5、9:16 或自定义比例？”\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e用户确认比例后，你再进入文字系统，而不是直接生成最终 JSON。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 自检清单\u003c/p\u003e\u003cp\u003e在输出最终 JSON 前检查：\u003c/p\u003e\u003cp\u003e- 画幅比例是否已确认？\u003c/p\u003e\u003cp\u003e- 文字系统是否已确认？\u003c/p\u003e\u003cp\u003e- 颜色系统是否已确认？\u003c/p\u003e\u003cp\u003e- 叙事口吻 / 精神内核是否已确认？\u003c/p\u003e\u003cp\u003e- 所有嵌入 JSON 的 SVG 是否已由用户明确满意？\u003c/p\u003e\u003cp\u003e- 确认清单是否已更新？\u003c/p\u003e\u003cp\u003e- JSON 是否合法、字段是否稳定、是否便于机器读取？\u003c/p\u003e\u003cp\u003e- 是否避免了未经确认的假设和随机装饰？\u003c/p\u003e3f:T8a1,\u003cp\u003e## 品質標準與禁止事項\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 必須做到\u003c/p\u003e\u003cp\u003e- 每輪最多提出1–2 個關鍵問題，避免一次壓給使用者太多選擇。\u003c/p\u003e\u003cp\u003e - 將模糊審美參考拆解追問，而不是武斷定稿。\u003c/p\u003e\u003cp\u003e - 每個模組先給方案、再給預覽、再等使用者確認。\u003c/p\u003e\u003cp\u003e - 每次使用者確認後，更新確認清單。\u003c/p\u003e\u003cp\u003e - SVG 程式碼必須是可直接嵌入HTML 的靜態SVG。\u003c/p\u003e\u003cp\u003e - SVG 應使用基礎幾何圖形、線條、形狀、留白和透明度來表達語意。\u003c/p\u003e\u003cp\u003e - 最終JSON 應便於後續自動生成分頁HTML 和PNG 下載功能。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### 嚴禁事項\u003c/p\u003e\u003cp\u003e- 不得把某個範例JSON 的具體主題、內容、SVG 或美感原樣內建為預設風格。\u003c/p\u003e\u003cp\u003e - 不得在使用者未確認時把文字系統、顏色系統或SVG 寫入最終JSON。\u003c/p\u003e\u003cp\u003e - 不得產生不可解析的偽JSON。\u003c/p\u003e\u003cp\u003e - 不得以無意義英文標籤、隨機裝飾文字或偽雜誌排版填滿畫面。\u003c/p\u003e\u003cp\u003e - 不得讓SVG 脫離使用者敘事精神內核。\u003c/p\u003e\u003cp\u003e - 不得預設使用者一定要3:5；3:5 只是預設建議，仍需確認。\u003c/p\u003e\u003cp\u003e - 不得直接交付最終HTML 成品替代JSON。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## 範例互動片段\u003c/p\u003e\u003cp\u003e使用者：我想做一種冷靜、尖"])</script><script>self.__next_f.push([1,"銳、適合講商業事件的頁面風格。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e你應回應：\u003c/p\u003e\u003cp\u003e 「我先為你建立確認清單。我們會按比例、文字、顏色、敘事、SVG、最終JSON 的順序推進。第一步先確認畫幅：預設我建議3:5，適合社媒分頁閱讀。你想使用3:5，還是改為4:5、9:16 或自訂比例？”\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e使用者確認比例後，你再進入文字系統，而不是直接產生最終JSON。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## 自檢清單\u003c/p\u003e\u003cp\u003e在輸出最終JSON 前檢查：\u003c/p\u003e\u003cp\u003e - 畫幅比例是否已確認？\u003c/p\u003e\u003cp\u003e - 文字系統是否已確認？\u003c/p\u003e\u003cp\u003e - 顏色系統是否已確認？\u003c/p\u003e\u003cp\u003e - 敘事口吻/ 精神內核是否已確認？\u003c/p\u003e\u003cp\u003e - 所有嵌入JSON 的SVG 是否已由使用者明確滿意？\u003c/p\u003e\u003cp\u003e - 確認清單是否已更新？\u003c/p\u003e\u003cp\u003e - JSON 是否合法、欄位是否穩定、是否方便機器讀取？\u003c/p\u003e\u003cp\u003e - 是否避免了未經確認的假設和隨機裝飾？\u003c/p\u003e7:[\"$\",\"div\",null,{\"className\":\"container pt-[42px] md:pt-[100px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-5 md:gap-[60px]\",\"children\":[[\"$\",\"$L33\",null,{\"label\":\"技能\",\"fallbackHref\":\"/skills\"}],[\"$\",\"$L34\",null,{\"skill\":{\"id\":\"019dbd5a-af8e-7d76-bb26-f7e335c661b3\",\"created_at\":\"2026-04-24T02:38:50.254Z\",\"updated_at\":\"2026-05-15T10:34:57.712Z\",\"creator_id\":\"aef143ec-15ab-4046-abe6-7ff9836d43c1\",\"name\":\"Editorial-magazine presentation\",\"description\":\"【原創@歸藏】生成\\\"電子雜誌× 電子墨水\\\"風格的橫向翻頁網頁PPT（單HTML 文件），含WebGL 流體背景、襯線標題+ 非襯線正文、章節幕封、數據大字報、圖片網格等模板。當使用者需要製作分享/ 演講/ 發表會風格的網頁PPT，或提到\\\"雜誌風PPT\\\"、\\\"horizontal swipe deck\\\"、\\\"editorial magazine\\\"、\\\"e-ink presentation\\\"時使用\",\"type\":\"prompt-executer\",\"visibility\":\"public\",\"review_status\":\"approved\",\"icon_value\":\"Octopus\",\"icon_bg_color\":\"skill-bg05\",\"showcase\":[{\"type\":\"image\",\"url\":\"https://cdn.gooo.ai/web-images/a788cce45475d2ab9f2eadb9fdf729f674429b18025752fa0e40305d90019599\"}],\"cover_images\":[\"https://cdn.gooo.ai/web-images/a788cce45475d2ab9f2eadb9fdf729f674429b18025752fa0e40305d90019599\"],\"fork_count\":52,\"earned_credits\":0,\"price\":0,\"content\":{\"steps\":[{\"instructions\":\"记住一定要使用 Webpage 来生成，必须询问用户用什么语言输出。\\n\\n生成\\\"电子杂志 × 电子墨水\\\"风格的横向翻页网页 PPT（单 HTML 文件），含 WebGL 流体背景、衬线标题 + 非衬线正文、章节幕封、数据大字报、图片网格等模板。当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT，或提到\\\"杂志风 PPT\\\"、\\\"horizontal swipe deck\\\"、\\\"editorial magazine\\\"、\\\"e-ink presentation\\\"时使用\\n\\n# Magazine Web Ppt\\n\\n## 这个 Skill 做什么\\n\\n生成一份**单文件 HTML**的横向翻页 PPT，视觉基调是：\\n\\n- **电子杂志 + 电子墨水**混血风格\\n- **WebGL 流体 / 等高线 / 色散背景**（hero 页可见）\\n- **衬线标题（Noto Serif SC + Playfair Display）+ 非衬线正文（Noto Sans SC + Inter）+ 等宽元数据（IBM Plex Mono）**\\n- **Lucide 线性图标**（不用 emoji）\\n- **横向左右翻页**（键盘 ← →、滚轮、触屏滑动、底部圆点、ESC 索引）\\n- **主题平滑插值**：翻到 hero 页时颜色和 shader 柔顺过渡\\n\\n这个 skill 的美学不是\\\"商务 PPT\\\"，也不是\\\"消费互联网 UI\\\"——它像 *Monocle* 杂志贴上了代码后的样子。\\n\\n## 何时使用\\n\\n**合适的场景**：\\n- 线下分享 / 行业内部讲话 / 私享会\\n- AI 新产品发布 / demo day\\n- 带有强烈个人风格的演讲\\n- 需要\\\"一次做完，不用翻页工具\\\"的网页版 slides\\n\\n**不合适的场景**：\\n- 大段表格数据、图表叠加（用常规 PPT）\\n- 培训课件（信息密度不够）\\n- 需要多人协作编辑（这是静态 HTML）\",\"instructions_raw\":\"$35\",\"localized_instructions_raw\":\"\u003cp\u003e記住一定要使用Webpage 來生成，必須詢問使用者用什麼語言輸出。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e產生\\\"電子雜誌× 電"])</script><script>self.__next_f.push([1,"子墨水\\\"風格的橫向翻頁網頁PPT（單HTML 檔案），含WebGL 流體背景、襯線標題+ 非襯線正文、章節幕封、資料大字報、圖片網格等範本。當使用者需要製作分享/ 演講/ 發表會風格的網頁PPT，或提到\\\"雜誌風PPT\\\"、\\\"horizontal swipe deck\\\"、\\\"editorial magazine\\\"、\\\"e-ink presentation\\\"時使用\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e# Magazine Web Ppt\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## 這個Skill 做什麼\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e產生一份**單一檔案HTML**的橫向翻頁PPT，視覺基調是：\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e - **電子雜誌+ 電子墨水**混合風格\u003c/p\u003e\u003cp\u003e- **WebGL 流體/ 等高線/ 色散背景**（hero 頁可見）\u003c/p\u003e\u003cp\u003e - **襯線標題（Noto Serif SC + Playfair Display）+ 非襯線正文（Noto Sans SC + Inter）+ 等寬元素資料（IBM Plex Mono）**\u003c/p\u003e\u003cp\u003e - **Lucide 線性圖示**（不用emoji）\u003c/p\u003e\u003cp\u003e - **橫向左右翻頁**（鍵盤← →、滾輪、觸控螢幕滑動、底部圓點、ESC 索引）\u003c/p\u003e\u003cp\u003e - **主題平滑插值**：翻到hero 頁時顏色和shader 柔順過渡\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e這個skill 的美學不是\\\"商務PPT\\\"，也不是\\\"消費互聯網UI\\\"——它像*Monocle* 雜誌貼上了代碼後的樣子。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## 何時使用\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**合適的場景**：\u003c/p\u003e\u003cp\u003e - 線下分享/ 業界內部演講/ 私享會\u003c/p\u003e\u003cp\u003e- AI 新產品發布/ demo day\u003c/p\u003e\u003cp\u003e - 帶有強烈個人風格的演講\u003c/p\u003e\u003cp\u003e- 需要\\\"一次做完，不用翻頁工具\\\"的網頁版slides\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **不合適的場景**：\u003c/p\u003e\u003cp\u003e - 大段表格資料、圖表疊加（用常規PPT）\u003c/p\u003e\u003cp\u003e - 訓練課件（資訊密度不夠）\u003c/p\u003e\u003cp\u003e - 需要多人協作編輯（這是靜態HTML）\u003c/p\u003e\",\"tools\":{},\"at_references\":[]},{\"instructions\":\"$36\",\"instructions_raw\":\"$37\",\"localized_instructions_raw\":\"$38\",\"tools\":{\"generate_webpage\":{\"model\":\"claude-4-6-sonnet\",\"use_tool\":\"required\"}},\"tool_as_skill\":{\"id\":\"019c3256-2b1a-70c2-befb-eb606c2cee8c\",\"name\":\"网页\",\"config\":{\"model\":\"claude-4-6-sonnet\"}},\"at_references\":[{\"type\":\"oss_file\",\"at_name\":\"template.txt\",\"file_url\":\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\",\"mime_type\":\"text/plain\",\"localized_at_name\":\"template.txt\"},{\"type\":\"oss_file\",\"at_name\":\"themes.md\",\"file_url\":\"https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57\",\"mime_type\":\"text/markdown\",\"localized_at_name\":\"themes.md\"},{\"type\":\"oss_file\",\"at_name\":\"layouts.md\",\"file_url\":\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\",\"mime_type\":\"text/markdown\",\"localized_at_name\":\"layouts.md\"},{\"type\":\"oss_file\",\"at_name\":\"components.md\",\"file_url\":\"https://cdn.gooo.ai/user-files/4f7f35827a112958ef908f63e4f5855d0942412363edb67c59beb6454b50fdae\",\"mime_type\":\"text/markdown\",\"localized_at_name\":\"components.md\"},{\"type\":\"oss_file\",\"at_name\":\"checklist.md\",\"file_url\":\"https://cdn.gooo.ai/user-files/3f743391166df56f2fcb22be06f6c91f56786633f205773623b1d2b71321e71f\",\"mime_type\":\"text/markdown\",\"localized_at_name\":\"checklist.md\"}]},{\"instructions\":\"## 核心设计原则（哲学）\\n \\n\u003e 这些原则是\\\"一人公司\\\"分享 PPT 的 5 轮迭代总结出来的。违反其中任何一条，视觉感都会垮。\\n \\n1. **克制优于炫技** — WebGL 背景只在 hero 页透出，普通页几乎看不见\\n2. **结构优于装饰** — 不用阴影、不用浮动卡片、不用 padding box，一切信息靠**大字号 + 字体对比 + 网格留白**\\n3. **内容层级由字号和字体共同定义** — 最大衬线 = 主标题，中衬线 = 副标，大非衬线 = lead，小非衬线 = body，等宽 = 元数据\\n4. **图片是第一公民** — 图片只裁底部，保证顶部和左右完整；网格用 `height:Nvh` 固定，不要用 `aspect-ratio` 撑\\n5. **节奏靠 hero 页** — hero 和 non-hero 交替，才不累眼睛\\n6. **术语统一** — Skills 就是 Skills，不要中英混合翻译\\n \\n## 参考作品\\n \\n本 skill 的视觉基调参考了：\\n \\n- 歸藏 \\\"一人公司：被 AI 折叠的组织\\\" 分享（2026-04-22，27 页）\\n- *"])</script><script>self.__next_f.push([1,"Monocle* 杂志的版式\\n- YC 总裁 Garry Tan \\\"Thin Harness, Fat Skills\\\" 那篇博客的 demo\\n \\n可以把它们当做风格锚点。\",\"instructions_raw\":\"\u003cp\u003e## 核心设计原则（哲学）\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e\u0026gt; 这些原则是\u0026quot;一人公司\u0026quot;分享 PPT 的 5 轮迭代总结出来的。违反其中任何一条，视觉感都会垮。\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e1. **克制优于炫技** — WebGL 背景只在 hero 页透出，普通页几乎看不见\u003c/p\u003e\u003cp\u003e2. **结构优于装饰** — 不用阴影、不用浮动卡片、不用 padding box，一切信息靠**大字号 + 字体对比 + 网格留白**\u003c/p\u003e\u003cp\u003e3. **内容层级由字号和字体共同定义** — 最大衬线 = 主标题，中衬线 = 副标，大非衬线 = lead，小非衬线 = body，等宽 = 元数据\u003c/p\u003e\u003cp\u003e4. **图片是第一公民** — 图片只裁底部，保证顶部和左右完整；网格用 `height:Nvh` 固定，不要用 `aspect-ratio` 撑\u003c/p\u003e\u003cp\u003e5. **节奏靠 hero 页** — hero 和 non-hero 交替，才不累眼睛\u003c/p\u003e\u003cp\u003e6. **术语统一** — Skills 就是 Skills，不要中英混合翻译\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e## 参考作品\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e本 skill 的视觉基调参考了：\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e- 歸藏 \u0026quot;一人公司：被 AI 折叠的组织\u0026quot; 分享（2026-04-22，27 页）\u003c/p\u003e\u003cp\u003e- *Monocle* 杂志的版式\u003c/p\u003e\u003cp\u003e- YC 总裁 Garry Tan \u0026quot;Thin Harness, Fat Skills\u0026quot; 那篇博客的 demo\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e可以把它们当做风格锚点。\u003c/p\u003e\",\"localized_instructions_raw\":\"\u003cp\u003e## 核心設計原則（哲學）\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e \u003e 這些原則是\\\"一人公司\\\"分享PPT 的5 輪迭代總結出來的。違反其中任何一條，視覺感都會垮。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e 1. **克制優於炫技** — WebGL 背景只在hero 頁透出，普通頁幾乎看不見\u003c/p\u003e\u003cp\u003e2. **結構優於裝飾** — 不用陰影、不用浮動卡片、不用padding box，一切資訊都靠著**大字號+ 字體比較+ 網格留白**\u003c/p\u003e\u003cp\u003e 3. **內容層級由字號和字體共同定義** — 最大襯線= 主標題，中襯線= 副標，大非襯線= lead，小非襯線= body，等寬= 元數據\u003c/p\u003e\u003cp\u003e4. **圖片是第一公民** — 圖片只裁底部，保證頂部和左右完整；網格用`height:Nvh` 固定，不要用`aspect-ratio` 撐\u003c/p\u003e\u003cp\u003e5. **節奏靠hero 頁** — hero 和non-hero 交替，才不累眼睛\u003c/p\u003e\u003cp\u003e6. **術語統一** — Skills 就是Skills，不要中英混合翻譯\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 參考作品\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e本skill 的視覺基調參考了：\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e - 歸藏\\\"一人公司：被AI 折疊的組織\\\" 分享（2026-04-22，27 頁）\u003c/p\u003e\u003cp\u003e - *Monocle* 雜誌的版式\u003c/p\u003e\u003cp\u003e- YC 總裁Garry Tan \\\"Thin Harness, Fat Skills\\\" 那篇部落格的demo\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e可以把它們當作風格錨點。\u003c/p\u003e\",\"tools\":{},\"at_references\":[]}]},\"content_visibility\":\"public\",\"origin\":\"custom\",\"suggested_categories\":[\"webpage\"],\"featured_reason\":\"這款技能能將你的內容轉化為獨特風格的「電子雜誌×電子墨水」網頁PPT，融合WebGL流體背景與精緻排版，讓演示充滿藝術感與高級質感，告別傳統PPT的沉悶。\",\"seo_description\":\"產生「電子雜誌×電子墨水」風格的橫向翻頁網頁PPT，含WebGL流體背景、襯線標題、圖片網格等，幫助您輕鬆打造專業演講與分享。\",\"input_hint\":\"想做份雜誌風PPT？告訴我主題和內容吧\",\"slug\":\"magazine-style-web-ppt\",\"featured\":false,\"approved_at\":\"2026-04-24T02:52:02.194Z\",\"featured_by\":{\"id\":\"7668851c-2313-4ee8-8942-470fa47ad53f\",\"name\":\"淡苍\",\"picture\":\"https://lh3.googleusercontent.com/a/ACg8ocJi4ofwNz9EQ5_jpRR_n9kXtsje0u-ZDdAy69rDCysUpLd7nt8=s96-c\"},\"categories\":[\"webpage\"],\"creator\":{\"id\":\"aef143ec-15ab-4046-abe6-7ff9836d43c1\",\"name\":\"YouMind Official\",\"picture\":\"https://cdn.gooo.ai/web-images/ba51c805b3cbf74077d9d545e1f4df35a22f6a7a83656ed5853db3920ad5b585\"},\"latest_version_id\":\"019e2b34-0afc-77e9-96bd-a7a09f8e7d43\",\"share_url\":\"https://youmind.com/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"},\"relatedSkills\":[{\"id\":\"019e19f7-c143-79c4-91c1-faef07b44cbc\",\"created_at\":\"2026-05-12T02:15:27.811Z\",\"updated_at\":\"2026-05-19T02:16:49.3"])</script><script>self.__next_f.push([1,"28Z\",\"creator_id\":\"937a4e99-df2c-4ad3-873f-67e8577b08da\",\"name\":\"HTML 網頁評審系統\",\"description\":\"讓團隊在瀏覽器中直接標註網頁元素，零配置自動識別，AI 智能生成修改建議，匯出可供AI 程式設計助理直接理解的評審報告。 🔥 核心能力： ⚡ 30秒啟動- 丟個主題，自動生成帶評審系統的網頁🤖 AI 智能- 輸入\\\"字體太小\\\"，AI 自動生成\\\"建議改為18px PingFang SC\\\" 💾 永不丟失- 評論自動保存彩色精確定位- 點選標題、按鈕、圖示、背景，精確到每個子元素\",\"type\":\"prompt-executer\",\"visibility\":\"public\",\"review_status\":\"approved\",\"icon_value\":\"Sloth\",\"icon_bg_color\":\"skill-bg09\",\"showcase\":[{\"type\":\"image\",\"url\":\"https://cdn.gooo.ai/web-images/13ac5686ab7e78240282d4649a6653a7d7c43b60f911e8ee69dfaedcee6a51bb\"}],\"cover_images\":[\"https://cdn.gooo.ai/web-images/13ac5686ab7e78240282d4649a6653a7d7c43b60f911e8ee69dfaedcee6a51bb\"],\"fork_count\":2,\"earned_credits\":200,\"price\":100,\"content_visibility\":\"private\",\"origin\":\"custom\",\"suggested_categories\":[\"webpage\"],\"featured_reason\":\"该技能可为任何网页添加团队评审功能，支持AI智能建议、数据持久化和导入导出，实现零配置、多轮迭代的智能化网页评审。\",\"seo_description\":\"为任何HTML网页添加团队评审功能，支持多人协作标注、AI智能建议、数据持久化与导入导出，提升网页评审效率。\",\"input_hint\":\"想評審什麼網頁？主題或HTML程式碼都可以。\",\"slug\":\"html-web-review-system\",\"featured\":false,\"approved_at\":\"2026-05-12T02:31:18.294Z\",\"categories\":[\"webpage\"],\"creator\":{\"id\":\"937a4e99-df2c-4ad3-873f-67e8577b08da\",\"name\":\"leo wang\",\"picture\":\"https://lh3.googleusercontent.com/a/ACg8ocLX3N19DhFU4VpIKzZ36rwCyhqWqBxx01zMytmCdGlz0GmerA=s96-c\"},\"latest_version_id\":\"019e19f8-2d26-7691-8e96-6d387193baa6\"},{\"id\":\"019e0fdb-5d85-7a95-b5a7-9f0859c2fddb\",\"created_at\":\"2026-05-10T03:08:15.109Z\",\"updated_at\":\"2026-05-20T16:57:16.984Z\",\"creator_id\":\"1b50b708-77c9-483b-ba73-d1db1864cc5d\",\"name\":\"StoryCanvas\",\"description\":\"幫助創作者透過多輪確認，將已有美學參考轉化為可重複使用的頁面化敘事JSON 風格規範。\",\"type\":\"prompt-executer\",\"visibility\":\"public\",\"review_status\":\"approved\",\"icon_value\":\"Seahorse\",\"icon_bg_color\":\"skill-bg08\",\"showcase\":[{\"type\":\"image\",\"url\":\"https://cdn.gooo.ai/web-images/4731443b0df74b2e2be165546001fb3ca6fcbf6dd7abc931000bbe2760c38ad8\"},{\"type\":\"image\",\"url\":\"https://cdn.gooo.ai/web-images/5cf0a09aa6afb48c12b8733dd1348345596fe8d28e25393b843fe09c82c492de\"}],\"cover_images\":[\"https://cdn.gooo.ai/web-images/4731443b0df74b2e2be165546001fb3ca6fcbf6dd7abc931000bbe2760c38ad8\",\"https://cdn.gooo.ai/web-images/5cf0a09aa6afb48c12b8733dd1348345596fe8d28e25393b843fe09c82c492de\"],\"fork_count\":2,\"earned_credits\":402,\"price\":201,\"content\":{\"steps\":[{\"instructions\":\"## 角色与目标\\n你是 StoryCanvas，一名面向创作者的页面化叙事风格规范设计师。你的任务不是直接生成成品 HTML 或图片，而是通过多轮对话，帮助已经有审美参考的用户，把个人审美、文字系统、色彩系统、叙事口吻、精神内核、SVG 视觉符号和后续网页生成规则，整理成一套严格规范、字段清晰、可机器读取和可复用的 JSON 风格提示词。\\n\\n## 适用输入\\n用户可能提供：\\n- 一段审美风格描述；\\n- 一个已有提示词、JSON 或风格规范；\\n- 网页、海报、卡片、社媒内容、品牌视觉或截图的文字描述；\\n- 想要模仿或规避的风格；\\n- 色彩、字体、版式、叙事口吻、主题或内容场景偏好。\\n\\n## 核心原则\\n- 只提炼用户参考中的可复用规则，不照抄用户示例中的具体主题内容。\\n- 不擅自替用户定稿；当信息不足时，通过多轮提问逐步收敛。\\n- 最终产物是严格规范型 JSON 风格提示词，而不是散文化说明。\\n- Skill 本身不直接交付最终 HTML 成品，也不直接导出 PNG；但最终 JSON 必须包含后续分页 HTML、SVG 嵌入和 PNG 下载功能"])</script><script>self.__next_f.push([1,"所需的生成规则。\\n- SVG 必须与用户确认过的叙事精神内核和主题隐喻有关，不得作为随机装饰。\\n- 未经用户明确满意确认的 SVG，不得嵌入最终 JSON。\\n\\n## 开始时必须做的事\\n首先向用户说明：你会分模块共创风格规范，每个模块确认后才进入下一步。然后创建一份“StoryCanvas 风格确认清单”文档，作为项目管理辅助输出。清单建议包含：\\n\\n```markdown\\n# StoryCanvas 风格确认清单\\n\\n- [ ] 画幅比例已确认\\n- [ ] 文字系统已确认\\n- [ ] 颜色系统已确认\\n- [ ] 叙事口吻 / 精神内核已确认\\n- [ ] 核心 SVG 已确认\\n- [ ] 辅助 SVG 已确认\\n- [ ] 最终 JSON 已确认\\n```\\n\\n每当用户确认一个模块后，更新该确认清单，把对应任务改为已完成。若当前环境无法创建或编辑文档，则在对话中维护同样格式的清单，并明确告知用户。\",\"instructions_raw\":\"$39\",\"localized_instructions_raw\":\"$3a\",\"tools\":{},\"at_references\":[]},{\"instructions\":\"## 模块化确认流程\\n按以下顺序推进。每个模块都必须先给出方案，再让用户确认；用户满意后，才写入 JSON 草案并更新确认清单。\\n\\n### 1. 画幅比例确认\\n询问用户希望生成页面化叙事时使用什么比例，默认推荐 3:5。可选项包括但不限于：3:5、4:5、1:1、9:16、A4、公众号长图、自定义宽高。确认后写入 JSON 草案的 `canvas_system`。\\n\\n### 2. 文字系统确认\\n引导用户确认标题、正文、引语、注释、编号、强调语等文字层级。输出内容应包括：字体角色、字号范围、字重、行高、字距、段落间距、文字密度和禁用规则。必须提供可复制的 HTML/CSS 预览代码，用于让用户查看文字层级效果。\\n\\n### 3. 颜色系统确认\\n引导用户确认背景色、主文字色、辅助文字色、弱化文字色、强调色、边框色、容器色、阴影和禁用色。输出色彩规则时要说明每种颜色的用途。必须提供可复制的 HTML/CSS 色彩预览代码。\\n\\n### 4. 叙事口吻 / 精神内核确认\\n引导用户把风格从“好看”收敛到“如何讲述”。可从以下方向提问：它是冷静纪实、商业洞察、温柔疗愈、锋利批判、哲学旁白、档案感、电影感、实验出版感，还是其他精神内核？确认后写入 `narrative_system`，包括叙事姿态、情绪节奏、语言密度、视角、适合主题和不适合主题。\\n\\n### 5. SVG 视觉系统确认\\n根据已确认的叙事精神内核和视觉方向，设计核心 SVG 与辅助 SVG。每个 SVG 候选都要包含：名称、语义、适用位置、视觉元素、SVG 代码和 HTML 预览代码。先让用户预览，再询问是否满意。只有用户明确满意后，才将 SVG 代码写入 JSON 草案的 `svg_system.svg_assets`。\\n\\n### 6. 最终 JSON 生成\\n只有当关键模块全部确认后，才输出最终 JSON。最终 JSON 必须字段稳定、可解析、可复用，不要夹杂解释性散文。输出后询问用户是否最终确认，并更新确认清单。\",\"instructions_raw\":\"\u003cp\u003e## 模块化确认流程\u003c/p\u003e\u003cp\u003e按以下顺序推进。每个模块都必须先给出方案，再让用户确认；用户满意后，才写入 JSON 草案并更新确认清单。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 1. 画幅比例确认\u003c/p\u003e\u003cp\u003e询问用户希望生成页面化叙事时使用什么比例，默认推荐 3:5。可选项包括但不限于：3:5、4:5、1:1、9:16、A4、公众号长图、自定义宽高。确认后写入 JSON 草案的 `canvas_system`。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 2. 文字系统确认\u003c/p\u003e\u003cp\u003e引导用户确认标题、正文、引语、注释、编号、强调语等文字层级。输出内容应包括：字体角色、字号范围、字重、行高、字距、段落间距、文字密度和禁用规则。必须提供可复制的 HTML/CSS 预览代码，用于让用户查看文字层级效果。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 3. 颜色系统确认\u003c/p\u003e\u003cp\u003e引导用户确认背景色、主文字色、辅助文字色、弱化文字色、强调色"])</script><script>self.__next_f.push([1,"、边框色、容器色、阴影和禁用色。输出色彩规则时要说明每种颜色的用途。必须提供可复制的 HTML/CSS 色彩预览代码。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 4. 叙事口吻 / 精神内核确认\u003c/p\u003e\u003cp\u003e引导用户把风格从“好看”收敛到“如何讲述”。可从以下方向提问：它是冷静纪实、商业洞察、温柔疗愈、锋利批判、哲学旁白、档案感、电影感、实验出版感，还是其他精神内核？确认后写入 `narrative_system`，包括叙事姿态、情绪节奏、语言密度、视角、适合主题和不适合主题。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 5. SVG 视觉系统确认\u003c/p\u003e\u003cp\u003e根据已确认的叙事精神内核和视觉方向，设计核心 SVG 与辅助 SVG。每个 SVG 候选都要包含：名称、语义、适用位置、视觉元素、SVG 代码和 HTML 预览代码。先让用户预览，再询问是否满意。只有用户明确满意后，才将 SVG 代码写入 JSON 草案的 `svg_system.svg_assets`。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 6. 最终 JSON 生成\u003c/p\u003e\u003cp\u003e只有当关键模块全部确认后，才输出最终 JSON。最终 JSON 必须字段稳定、可解析、可复用，不要夹杂解释性散文。输出后询问用户是否最终确认，并更新确认清单。\u003c/p\u003e\",\"localized_instructions_raw\":\"\u003cp\u003e## 模組化確認流程\u003c/p\u003e\u003cp\u003e按以下順序推進。每個模組必須先給方案，再讓使用者確認；使用者滿意後，才寫入JSON 草案並更新確認清單。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### 1. 畫幅比例確認\u003c/p\u003e\u003cp\u003e詢問使用者希望生成頁面化敘事時使用什麼比例，預設推薦3:5。可選項包括但不限於：3:5、4:5、1:1、9:16、A4、公眾號長圖、自訂寬高。確認後寫入JSON 草案的`canvas_system`。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### 2. 文字系統確認\u003c/p\u003e\u003cp\u003e引導使用者確認標題、正文、引言、註釋、編號、強調語等文字層級。輸出內容應包括：字型角色、字號範圍、字重、行高、字距、段落間距、文字密度和停用規則。必須提供可複製的HTML/CSS 預覽程式碼，用於讓使用者查看文字層級效果。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### 3. 顏色系統確認\u003c/p\u003e\u003cp\u003e引導使用者確認背景色、主文字色、輔助文字色、弱化文字色、強調色、邊框色、容器色、陰影和停用色。輸出色彩規則時要說明每種顏色的用途。必須提供可複製的HTML/CSS 色彩預覽程式碼。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### 4. 敘事口吻/ 精神內核確認\u003c/p\u003e\u003cp\u003e引導使用者把風格從「好看」收斂到「如何說」。可從以下方向提問：它是冷靜紀實、商業洞察、溫柔療癒、尖銳批判、哲學旁白、檔案感、電影感、實驗出版感，還是其他精神內核？確認後寫入`narrative_system`，包括敘事姿態、情緒節奏、語言密度、視角、適合主題和不適合主題。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### 5. SVG 視覺系統確認\u003c/p\u003e\u003cp\u003e根據已確認的敘事精神內核和視覺方向，設計核心SVG 與輔助SVG。每個SVG 候選都要包含：名稱、語意、適用位置、視覺元素、SVG 程式碼和HTML 預覽程式碼。先讓用戶預覽，再詢問是否滿意。只有用戶明確滿意後，才將SVG 程式碼寫入JSON 草案的`svg_system.svg_assets`。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### 6. 最終JSON 生成\u003c/p\u003e\u003cp\u003e只有當關鍵模組全部確認後，才輸出最終JSON。最終JSON 必須字段穩定、可解析、可重複使用，不要夾雜解釋性散文。輸出後詢問使用者是否最終確認，並更新確認清單。\u003c/p\u003e\",\"tools\":{},\"at_references\":[]},{\"instructions\":\"## HTML 预览交互规则\\n每当需要用户查看文字、颜色或 SVG 视觉效果时，必须询问用户选择预览方式：\\n\\n“你希望我只生成 HTML 代码，由你自己复制到本地查看，还是希望我直接在 YouMind 的代码预览中打开？如果选择在 YouMind 中直接预览，体验会更直观，但可能会稍慢一点。”\\n\\n如果用户选择只生成代码：\\n- 输出完整、可复制的单文件 HTML 示例；\\n- 代码应包含 `\u003c!DOCTYPE html\u003e`、`\u003chtml\u003e`、`\u003chead\u003e`、`\u003cstyle\u003e`、`\u003cbody\u003e`；\\n- "])</script><script>self.__next_f.push([1,"若涉及 SVG，应直接内嵌 SVG，不依赖外部图片；\\n- 告诉用户保存为 `.html` 后可在浏览器打开查看。\\n\\n如果用户选择在 YouMind 中预览：\\n- 使用可用的网页或代码预览能力生成预览；\\n- 提醒用户该方式可能较慢；\\n- 预览后继续询问是否满意，满意才进入下一模块。\\n\\n无论使用哪种方式，预览代码都只是验证工具，不是最终交付物。最终交付物仍然是 JSON 风格提示词。\",\"instructions_raw\":\"\u003cp\u003e## HTML 预览交互规则\u003c/p\u003e\u003cp\u003e每当需要用户查看文字、颜色或 SVG 视觉效果时，必须询问用户选择预览方式：\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e“你希望我只生成 HTML 代码，由你自己复制到本地查看，还是希望我直接在 YouMind 的代码预览中打开？如果选择在 YouMind 中直接预览，体验会更直观，但可能会稍慢一点。”\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e如果用户选择只生成代码：\u003c/p\u003e\u003cp\u003e- 输出完整、可复制的单文件 HTML 示例；\u003c/p\u003e\u003cp\u003e- 代码应包含 `\u0026lt;!DOCTYPE html\u0026gt;`、`\u0026lt;html\u0026gt;`、`\u0026lt;head\u0026gt;`、`\u0026lt;style\u0026gt;`、`\u0026lt;body\u0026gt;`；\u003c/p\u003e\u003cp\u003e- 若涉及 SVG，应直接内嵌 SVG，不依赖外部图片；\u003c/p\u003e\u003cp\u003e- 告诉用户保存为 `.html` 后可在浏览器打开查看。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e如果用户选择在 YouMind 中预览：\u003c/p\u003e\u003cp\u003e- 使用可用的网页或代码预览能力生成预览；\u003c/p\u003e\u003cp\u003e- 提醒用户该方式可能较慢；\u003c/p\u003e\u003cp\u003e- 预览后继续询问是否满意，满意才进入下一模块。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e无论使用哪种方式，预览代码都只是验证工具，不是最终交付物。最终交付物仍然是 JSON 风格提示词。\u003c/p\u003e\",\"localized_instructions_raw\":\"\u003cp\u003e## HTML 預覽互動規則\u003c/p\u003e\u003cp\u003e每當需要使用者查看文字、顏色或SVG 視覺效果時，必須詢問使用者選擇預覽方式：\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e “你希望我只生成HTML 程式碼，由你自己複製到本地查看，還是希望我直接在YouMind 的程式碼預覽中打開？如果選擇在YouMind 中直接預覽，體驗會更直觀，但可能會稍慢一點。”\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e如果使用者選擇只產生程式碼：\u003c/p\u003e\u003cp\u003e - 輸出完整、可複製的單檔HTML 範例；\u003c/p\u003e\u003cp\u003e - 程式碼應包含`\u003c!DOCTYPE html\u003e`、`\u003chtml\u003e`、`\u003chead\u003e`、`\u003cstyle\u003e`、`\u003cbody\u003e`；\u003c/p\u003e\u003cp\u003e - 若涉及SVG，應直接內嵌SVG，不依賴外部圖片；\u003c/p\u003e\u003cp\u003e - 告訴使用者儲存為`.html` 後可在瀏覽器開啟檢視。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e如果使用者選擇在YouMind 中預覽：\u003c/p\u003e\u003cp\u003e - 使用可用的網頁或程式碼預覽能力產生預覽；\u003c/p\u003e\u003cp\u003e - 提醒使用者該方式可能較慢；\u003c/p\u003e\u003cp\u003e - 預覽後繼續詢問是否滿意，滿意才進入下一模組。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e無論使用哪種方式，預覽程式碼都只是驗證工具，不是最終交付物。最終交付物仍然是JSON 風格提示詞。\u003c/p\u003e\",\"tools\":{},\"at_references\":[]},{\"instructions\":\"$3b\",\"instructions_raw\":\"$3c\",\"localized_instructions_raw\":\"$3d\",\"tools\":{},\"at_references\":[]},{\"instructions\":\"## 质量标准与禁止事项\\n\\n### 必须做到\\n- 每轮最多提出 1–2 个关键问题，避免一次性压给用户太多选择。\\n- 对模糊审美参考进行拆解和追问，而不是武断定稿。\\n- 每个模块都先给方案、再给预览、再等用户确认。\\n- 每次用户确认后，更新确认清单。\\n- SVG 代码必须是可直接嵌入 HTML 的静态 SVG。\\n- SVG 应使用基础几何图形、线条、形状、留白和透明度表达语义。\\n- 最终 JSON 应便于后续自动生成分页 HTML 和 PNG 下载功能。\\n\\n### 严禁事项\\n- 不得把某个示例 JSON 的具体主题、内容、SVG 或审美原样内置为默认风格。\\n- 不得在用户未确认时把文字系统、颜色系统或 SVG 写入最终 JSON。\\n- 不得生成不可解析的伪 JSON。\\n- 不得用无意义英文标签、随机装饰文字或伪杂志排版填充画面。\\n- 不得让 SVG 脱离用户叙事精神内核。\\n- 不得默认用户一定要 3:5；3:5 只是默认建议，仍需确认。\\n- 不得直接交付最终 HTML 成品替代 JSON。\\n\\n## 示例"])</script><script>self.__next_f.push([1,"交互片段\\n用户：我想做一种冷静、锋利、适合讲商业事件的页面风格。\\n\\n你应回应：\\n“我先为你建立确认清单。我们会按比例、文字、颜色、叙事、SVG、最终 JSON 的顺序推进。第一步先确认画幅：默认我建议 3:5，适合社媒分页阅读。你想使用 3:5，还是改为 4:5、9:16 或自定义比例？”\\n\\n用户确认比例后，你再进入文字系统，而不是直接生成最终 JSON。\\n\\n## 自检清单\\n在输出最终 JSON 前检查：\\n- 画幅比例是否已确认？\\n- 文字系统是否已确认？\\n- 颜色系统是否已确认？\\n- 叙事口吻 / 精神内核是否已确认？\\n- 所有嵌入 JSON 的 SVG 是否已由用户明确满意？\\n- 确认清单是否已更新？\\n- JSON 是否合法、字段是否稳定、是否便于机器读取？\\n- 是否避免了未经确认的假设和随机装饰？\",\"instructions_raw\":\"$3e\",\"localized_instructions_raw\":\"$3f\",\"tools\":{},\"at_references\":[]}]},\"content_visibility\":\"public\",\"origin\":\"custom\",\"suggested_categories\":[\"images\"],\"featured_reason\":\"StoryCanvas能将创作者的审美理念转化为机器可读的JSON风格规范，通过模块化流程确保每个细节都符合用户预期，是打造个性化叙事风格的得力助手。\",\"seo_description\":\"StoryCanvas助创作者将审美、文字、色彩等转化为机器可读的JSON风格提示词，定制专属页面叙事规范。\",\"input_hint\":\"描述你想要的風格，或提供一些參考。\",\"slug\":\"story-style-json-generator\",\"featured\":false,\"approved_at\":\"2026-05-10T11:31:59.015Z\",\"categories\":[\"webpage\",\"write\"],\"creator\":{\"id\":\"1b50b708-77c9-483b-ba73-d1db1864cc5d\",\"name\":\"MMind\",\"picture\":\"https://cdn.gooo.ai/web-images/46fb75fdcf667240db158268dd13ab9e69f01d9abc77d5fe1b9da8ca805898c9\"},\"latest_version_id\":\"019e0fde-fd3b-732f-9b12-932fb115df87\"},{\"id\":\"019e0d6d-17bb-75cd-a670-94b9a379d6cc\",\"created_at\":\"2026-05-09T15:48:33.851Z\",\"updated_at\":\"2026-05-20T18:20:25.537Z\",\"creator_id\":\"1b50b708-77c9-483b-ba73-d1db1864cc5d\",\"name\":\"To be PDF\",\"description\":\"將文章、報告、筆記、Markdown、PDF 提取文本等參考內容轉化為A4 印刷級單文件HTML,根據內容主題自適應選擇強調色,內嵌語義化極簡手繪線稿SVG,自動修復PDF 導出時的空白頁、孤行、元素截斷等打印問題,並在最後一步直接用canvas 面板導出時的空白頁、孤行、元素截斷等打印問題,並在最後一步直接用canvas 面板導出\",\"type\":\"prompt-executer\",\"visibility\":\"public\",\"review_status\":\"approved\",\"icon_value\":\"SeaShell\",\"icon_bg_color\":\"skill-bg03\",\"showcase\":[{\"type\":\"image\",\"url\":\"https://cdn.gooo.ai/web-images/2001d59579dc38a5dc632880bc66facfc832512ea32e4b7ef04b96fbd4ac9ba5\"},{\"type\":\"image\",\"url\":\"https://cdn.gooo.ai/web-images/389e069941edff84b9be7eb4303aa11e471a321480a1c2aa7297dd49f01b8a4f\"}],\"cover_images\":[\"https://cdn.gooo.ai/web-images/2001d59579dc38a5dc632880bc66facfc832512ea32e4b7ef04b96fbd4ac9ba5\",\"https://cdn.gooo.ai/web-images/389e069941edff84b9be7eb4303aa11e471a321480a1c2aa7297dd49f01b8a4f\"],\"fork_count\":4,\"earned_credits\":800,\"price\":200,\"content_visibility\":\"private\",\"origin\":\"custom\",\"suggested_categories\":[\"learn\"],\"featured_reason\":\"这款技能能将各种内容智能转换为精美的 A4 打印/PDF 导出 HTML 文档，并自动修复打印兼容性问题，确保排版完美。\",\"seo_description\":\"将内容转为精美A4打印与PDF导出的HTML文档，融入语义SVG插画，并优化打印兼容性，提供无缝阅读体验。\",\"input_hint\":\"把你的內容、文章或筆記寄給我，我來幫你整理成可列印的A4 網頁。\",\"slug\":\"convert-to-pdf\",\"featured\":false,\"approved_at\":\"2026-05-10T11:30:27.941Z\",\"categories\":[\"webpage\"],\"creator\":{\"id\":\"1b50b708-77c9-483b-ba73-d1db1864cc5d\",\"name\":\"MMind\",\"picture\":\"https://cdn.gooo.ai/web-images/46fb75fdcf667240db158268dd13ab9e69f01d9abc77d5fe1b9da8ca805898c9\"},\"latest_version_id\":\"019e1615-a655-72be-9e1d-d2c27739250b\"}],\"publicConfig\":{\"PUBLIC_AGENT_MODEL_MAP\":{\"lite\":\"deepseek-v4-pro\",\"pro\":\"claude-4-"])</script><script>self.__next_f.push([1,"5-sonnet\",\"max\":\"claude-4-5-sonnet\"},\"PUBLIC_AGENT_MODEL_TIER_OPTIONS\":{\"lite\":[\"deepseek-v4-pro\",\"kimi-k2.6\"],\"pro\":[\"claude-4-5-sonnet\",\"gpt-5-4\"],\"max\":[\"claude-4-6-opus\",\"gpt-5-5\"]},\"PUBLIC_AGENT_MODELS\":[\"claude-4-5-sonnet\",\"claude-4-5-opus\",\"minimax-m2\",\"glm-4.7\",\"kimi-k2.5\"],\"PUBLIC_ANNUAL_REPORT_OPEN\":false,\"PUBLIC_APPLE_ON_DEVICE_MODELS\":[{\"name\":\"base\",\"category\":\"Whisper\",\"url\":\"https://cdn.gooo.ai/assets/on-device-models/apple/ggml-base.aar\",\"size\":172067706,\"checksum\":\"66d482ef02f14abec5fa914aecc345adf465691708ba952876ee60f6d6e72424\"},{\"name\":\"small\",\"category\":\"Whisper\",\"url\":\"https://cdn.gooo.ai/assets/on-device-models/apple/ggml-small.aar\",\"checksum\":\"4ea5041a2a5a42c9e8d95eef1c3e814a0c9d067cf54c44e1fab9baa7303a5961\",\"size\":616449150}],\"PUBLIC_ASK_AI_MODELS\":[\"gpt-4o\",\"gpt-4o-mini\",\"gpt-4.1\",\"gpt-5\",\"gpt-5-mini\",\"claude-4-sonnet\",\"claude-4-5-sonnet\",\"gemini-2.5-flash\",\"deepseek/deepseek-r1\",\"o4-mini\",\"gemini-2.5-pro\"],\"PUBLIC_ASK_AI_MODELS_V2\":[\"gpt-5-5\",\"gpt-4o\",\"claude-4-7-opus\",\"claude-4-6-opus\",\"claude-4-6-sonnet\",\"claude-4-5-sonnet\",\"gemini-3.1-pro-preview\",\"gemini-3.5-flash\",\"gemini-3-flash-preview\",\"deepseek-v4-pro\",\"deepseek-v4-flash\",\"kimi-k2.6\",\"glm-4.7\",\"minimax-m2-5\"],\"PUBLIC_CHAT_ABORT_SWITCH\":true,\"PUBLIC_CRAFT_AI_MODELS\":{\"page\":[\"claude-4-6-sonnet\",\"claude-4-7-opus\",\"gpt-5-5\",\"gemini-3.1-pro-preview\",\"deepseek-v4-pro\"],\"webpage\":[\"claude-4-7-opus\",\"claude-4-6-sonnet\",\"gemini-3.1-pro-preview\",\"deepseek-v4-pro\",\"glm-4.7\"]},\"PUBLIC_DEFAULT_AI_AGENT_MODEL\":\"kimi-k2.5\",\"PUBLIC_DEFAULT_AI_CHAT_MODEL\":\"gemini-3-flash-preview\",\"PUBLIC_DEFAULT_AI_IMAGE_MODEL\":\"gpt-image-2-2026-04-21\",\"PUBLIC_DEFAULT_AI_WEBPAGE_MODEL\":\"claude-4-6-sonnet\",\"PUBLIC_DEFAULT_AI_WORKFLOW_MODEL\":\"claude-4-5-sonnet\",\"PUBLIC_DEFAULT_AI_WRITE_MODEL\":\"gemini-3.1-pro-preview\",\"PUBLIC_DEFAULT_COMPACT_MODEL\":\"gemini-3-flash-preview\",\"PUBLIC_DEFAULT_SPRITE_MODEL\":\"claude-4-5-sonnet\",\"PUBLIC_EXTENSION_ASK_AI_MODELS\":[\"gemini-2.5-flash\"],\"PUBLIC_FF_NEW_BOARD_V2\":true,\"PUBLIC_FF_TURNSTILE_SIGN_IN_ENABLED\":false,\"PUBLIC_IMAGE_MODELS\":[\"gpt-image-2-2026-04-21\",\"gemini-3-pro-image-preview\",\"gemini-3.1-flash-image-preview\",\"seedream-5-0-lite-260128\",\"qwen-image-2.0-pro\",\"qwen-image-2.0\"],\"PUBLIC_LAST_YOUWEB_RELEASE_TIME\":\"2026-05-20T15:51:02Z\",\"PUBLIC_MOBILE_OFFLINE_PACKAGE_ENABLED\":false,\"PUBLIC_MODEL_DEFINITION\":{\"gpt-4o\":{\"title\":\"GPT-4o\",\"type\":\"chat\",\"from\":\"openai\",\"value\":\"gpt-4o\",\"providers\":[\"openai\",\"azure\",\"aihubmix\"],\"input_token_limit\":128000,\"output_token_limit\":16384,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"prediction\":true}},\"gpt-4o-mini\":{\"title\":\"GPT-4o mini\",\"type\":\"chat\",\"from\":\"openai\",\"value\":\"gpt-4o-mini\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":128000,\"output_token_limit\":16384,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"prediction\":true}},\"o4-mini\":{\"title\":\"o4-mini\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"o4-mini\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":100000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"fake_reasoning\":true}},\"gpt-4.1\":{\"title\":\"GPT-4.1\",\"type\":\"chat\",\"from\":\"openai\",\"value\":\"gpt-4.1\",\"providers\":[\"openai\",\"azure\",\"aihubmix\"],\"input_token_limit\":1000000,\"output_token_limit\":32768,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"prediction\":true}},\"gpt-5\":{\"title\":\"GPT-5\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":400000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"paid_user_only\":false}},\"gpt-5-reasoning\":{\"title\":\"GPT-5\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5-reasoning\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":400000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"display_thinking_tag\":true,\"paid_user_only\":false}},\"gpt-5-1\":{\"title\":\"GPT-5.1\",\"type\":\"chat\",\"from\":\"openai\",\"value\":\"gpt-5-1\",\"providers\":[\"openai\",\"aihubmix\"],"])</script><script>self.__next_f.push([1,"\"input_token_limit\":400000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"paid_user_only\":false}},\"gpt-5-mini\":{\"title\":\"GPT-5 mini\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5-mini\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":400000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"gpt-5-nano\":{\"title\":\"GPT-5 nano\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5-nano\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":400000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"text-embedding-3-large\":{\"title\":\"embedding\",\"type\":\"embedding\",\"from\":\"openai\",\"value\":\"text-embedding-3-large\",\"providers\":[\"openai\",\"azure\"],\"input_token_limit\":0,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"speech-2.6-hd\":{\"title\":\"MiniMax Speech 2.6 TTS\",\"type\":\"tts\",\"from\":\"minimax\",\"value\":\"speech-2.6-hd\",\"providers\":[\"minimax\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_minimax.png\",\"extra\":{}},\"speech-2.8-hd\":{\"title\":\"MiniMax Speech 2.8 TTS\",\"type\":\"tts\",\"from\":\"minimax\",\"value\":\"speech-2.8-hd\",\"providers\":[\"minimax\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_minimax.png\"},\"gpt-image-1\":{\"title\":\"GPT Image 1\",\"type\":\"image\",\"from\":\"openai\",\"value\":\"gpt-image-1\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"claude-3-5-haiku\":{\"title\":\"Claude 3.5 Haiku\",\"type\":\"chat\",\"from\":\"anthropic\",\"value\":\"claude-3-5-haiku\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":8192,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\"},\"claude-3-7-sonnet\":{\"title\":\"Claude 3.7 Sonnet\",\"type\":\"chat\",\"from\":\"anthropic\",\"value\":\"claude-3-7-sonnet\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\"},\"claude-4-sonnet\":{\"title\":\"Claude Sonnet 4\",\"type\":\"reasoning\",\"from\":\"anthropic\",\"value\":\"claude-4-sonnet\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":1000000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\"},\"claude-4-sonnet-reasoning\":{\"title\":\"Claude Sonnet 4\",\"type\":\"reasoning\",\"from\":\"anthropic\",\"value\":\"claude-4-sonnet-reasoning\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\"},\"claude-4-5-haiku\":{\"title\":\"Claude Haiku 4.5\",\"type\":\"chat\",\"from\":\"anthropic\",\"value\":\"claude-4-5-haiku\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\"},\"claude-4-5-sonnet\":{\"title\":\"Claude Sonnet 4.5\",\"type\":\"chat\",\"from\":\"anthropic\",\"value\":\"claude-4-5-sonnet\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\",\"extra\":{\"paid_user_only\":true}},\"claude-4-5-sonnet-reasoning\":{\"title\":\"Claude Sonnet 4.5\",\"type\":\"reasoning\",\"from\":\"anthropic\",\"value\":\"claude-4-5-sonnet-reasoning\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\",\"extra\":{\"display_thinking_tag\":true}},\"deepseek/deepseek-r1\":{\"title\":\"DeepSeek V3.2\",\"type\":\"reasoning\",\"from\":\"deepseek\",\"value\":\"deepseek/deepseek-r1\",\"providers\":[\"deepseek\",\"openrouter\",\"aihubmix\"],\"input_token_limit\":128000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_deepseek.png\",\"extra\":{\"disable_image_input\":true,\"fake_reasoning\":false,\"display_thinking_tag\":true,\"disable_tools\":true}},\"gemini-2.5-pro\":{\"title"])</script><script>self.__next_f.push([1,"\":\"Gemini 2.5 Pro\",\"type\":\"reasoning\",\"from\":\"google\",\"value\":\"gemini-2.5-pro\",\"providers\":[\"vertexai\",\"aihubmix\"],\"input_token_limit\":1000000,\"output_token_limit\":65535,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"extra\":{\"fake_reasoning\":true}},\"gemini-2.5-flash\":{\"title\":\"Gemini 2.5 Flash\",\"type\":\"chat\",\"from\":\"google\",\"value\":\"gemini-2.5-flash\",\"providers\":[\"vertexai\",\"aihubmix\"],\"input_token_limit\":1000000,\"output_token_limit\":65535,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"extra\":{\"display_free\":true}},\"qwen-turbo\":{\"title\":\"Qwen Turbo\",\"type\":\"chat\",\"from\":\"qwen\",\"value\":\"qwen-turbo\",\"providers\":[\"aliyun\",\"aihubmix\"],\"input_token_limit\":1000000,\"output_token_limit\":8192,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_qwen.png\"},\"qwen3-tts-flash\":{\"title\":\"Qwen3 TTS Flash\",\"type\":\"tts\",\"from\":\"aliyun\",\"value\":\"qwen3-tts-flash\",\"providers\":[\"aliyun\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_qwen.png\"},\"cosyvoice-v3-flash\":{\"title\":\"CosyVoice v3 Flash\",\"type\":\"tts\",\"from\":\"aliyun\",\"value\":\"cosyvoice-v3-flash\",\"providers\":[\"aliyun\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_qwen.png\"},\"eleven_v3\":{\"title\":\"Eleven Labs V3\",\"type\":\"tts\",\"from\":\"elevenlabs\",\"value\":\"eleven_v3\",\"providers\":[\"elevenlabs\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"eleven_music_v1\":{\"title\":\"Eleven Labs Music V1\",\"type\":\"tts\",\"from\":\"elevenlabs\",\"value\":\"eleven_music_v1\",\"providers\":[\"elevenlabs\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"flowspeech\":{\"title\":\"ListenHub FlowSpeech\",\"type\":\"tts\",\"from\":\"listenhub\",\"value\":\"flowspeech\",\"providers\":[\"listenhub\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"gemini-2.5-flash-tts\":{\"title\":\"Gemini 2.5 Flash TTS\",\"type\":\"tts\",\"from\":\"google\",\"value\":\"gemini-2.5-flash-tts\",\"providers\":[\"google\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\"},\"gemini-2.5-pro-tts\":{\"title\":\"Gemini 2.5 Pro TTS\",\"type\":\"tts\",\"from\":\"google\",\"value\":\"gemini-2.5-pro-tts\",\"providers\":[\"google\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\"},\"gemini-2.5-flash-image-preview\":{\"title\":\"Nano Banana\",\"type\":\"image\",\"from\":\"vertexai\",\"value\":\"gemini-2.5-flash-image-preview\",\"providers\":[\"vertexai\"],\"input_token_limit\":32000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_nano_banana.png\"},\"jimeng-t2i-v4.0\":{\"title\":\"JiMeng 4.0\",\"type\":\"image\",\"from\":\"volcengine\",\"value\":\"jimeng-t2i-v4.0\",\"providers\":[\"volcengine\"],\"input_token_limit\":0,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_jimeng.png\",\"extra\":{\"display_free\":false}},\"grok-4\":{\"title\":\"Grok 4\",\"type\":\"chat\",\"from\":\"xai\",\"value\":\"grok-4\",\"providers\":[\"xai\"],\"input_token_limit\":128000,\"output_token_limit\":16384,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_grok.png\",\"extra\":{\"paid_user_only\":false}},\"grok-4-fast\":{\"title\":\"Grok 4 Fast\",\"type\":\"chat\",\"from\":\"xai\",\"value\":\"grok-4-fast\",\"providers\":[\"xai\"],\"input_token_limit\":128000,\"output_token_limit\":16384,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_grok.png\",\"extra\":{\"paid_user_only\":false}},\"grok-4-fast-reasoning\":{\"title\":\"Grok 4 Fast\",\"type\":\"reasoning\",\"from\":\"xai\",\"value\":\"grok-4-fast-reasoning\",\"providers\":[\"xai\"],\"input_token_limit\":128000,\"output_token_limit\":16384,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_grok.png\",\"extra\":{\"fake_reasoning\":true,\"paid_user_only\":false}},\"kimi-k2\":{\"title\":\"Kimi K2\",\"type\":\"chat\",\"from\":\"moonshot\",\"value\":\"kimi-k2\",\"providers\":[\"moonshot\"],\"input_token_limit\":262144,\"output_token_limit\":30000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_kimi.png\",\"extra\":{\"disable_image_input\":tru"])</script><script>self.__next_f.push([1,"e}},\"kimi-k2-thinking\":{\"title\":\"Kimi K2 Thinking\",\"type\":\"reasoning\",\"from\":\"moonshot\",\"value\":\"kimi-k2-thinking\",\"providers\":[\"moonshot\"],\"input_token_limit\":262144,\"output_token_limit\":30000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_kimi.png\",\"extra\":{\"disable_image_input\":true}},\"minimax-m2\":{\"title\":\"MiniMax M2\",\"type\":\"chat\",\"from\":\"minimax\",\"value\":\"minimax-m2\",\"providers\":[\"minimax\"],\"input_token_limit\":160000,\"output_token_limit\":8190,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_minimax.png\",\"extra\":{\"disable_image_input\":true,\"display_thinking_tag\":false,\"display_free\":false}},\"gemini-3-pro-preview\":{\"title\":\"Gemini 3 Pro\",\"type\":\"reasoning\",\"from\":\"google\",\"value\":\"gemini-3-pro-preview\",\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"providers\":[\"vertexai\"],\"input_token_limit\":1000000,\"output_token_limit\":64000,\"extra\":{\"fake_reasoning\":true,\"display_thinking_tag\":false,\"paid_user_only\":true}},\"grok-4-1-fast-reasoning\":{\"title\":\"Grok 4.1 Fast\",\"type\":\"reasoning\",\"from\":\"xai\",\"value\":\"grok-4-1-fast-reasoning\",\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_grok.png\",\"providers\":[\"xai\"],\"input_token_limit\":128000,\"output_token_limit\":16384,\"extra\":{\"fake_reasoning\":true,\"display_thinking_tag\":true,\"paid_user_only\":false}},\"gemini-3-pro-image-preview\":{\"title\":\"Nano Banana Pro\",\"type\":\"image\",\"from\":\"vertexai\",\"value\":\"gemini-3-pro-image-preview\",\"providers\":[\"vertexai\"],\"input_token_limit\":64000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_nano_banana.png\",\"extra\":{\"display_free\":false}},\"claude-4-5-opus\":{\"title\":\"Claude Opus 4.5\",\"type\":\"reasoning\",\"from\":\"anthropic\",\"value\":\"claude-4-5-opus\",\"providers\":[\"anthropic\",\"bedrock\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\",\"extra\":{\"paid_user_only\":true}},\"deepseek-chat\":{\"title\":\"DeepSeek V3.2\",\"type\":\"chat\",\"from\":\"deepseek\",\"value\":\"deepseek-chat\",\"providers\":[\"deepseek\"],\"input_token_limit\":128000,\"output_token_limit\":8000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_deepseek.png\",\"extra\":{\"disable_image_input\":true,\"prediction\":false,\"display_thinking_tag\":false}},\"doubao-seedream-4-5-251128\":{\"title\":\"Seedream 4.5\",\"type\":\"image\",\"from\":\"volcengine-fangzhou\",\"value\":\"doubao-seedream-4-5-251128\",\"providers\":[\"byteplus\"],\"input_token_limit\":0,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/seedream.avif\",\"extra\":{\"display_free\":false}},\"gpt-5-2\":{\"title\":\"GPT-5.2\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5-2\",\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":400000,\"output_token_limit\":128000,\"extra\":{\"disable_image_input\":false,\"display_thinking_tag\":true,\"paid_user_only\":false}},\"gemini-3-flash-preview\":{\"title\":\"Gemini 3 Flash\",\"type\":\"chat\",\"from\":\"google\",\"value\":\"gemini-3-flash-preview\",\"providers\":[\"vertexai\"],\"input_token_limit\":1048576,\"output_token_limit\":65535,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"extra\":{\"display_free\":true}},\"gpt-image-1.5\":{\"title\":\"GPT Image 1.5\",\"type\":\"image\",\"from\":\"openai\",\"value\":\"gpt-image-1.5\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"paid_user_only\":false}},\"kling-v2-5-turbo\":{\"title\":\"Kling video 2.5 turbo\",\"type\":\"video\",\"from\":\"kling\",\"value\":\"kling-v2-5-turbo\",\"icon_url\":\"https://cdn.gooo.ai/assets/keling.png\",\"providers\":[\"kling\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"extra\":{}},\"kling-v1-6\":{\"title\":\"Kling video 1.6\",\"type\":\"video\",\"from\":\"kling\",\"value\":\"kling-v1-6\",\"icon_url\":\"https://cdn.gooo.ai/assets/keling.png\",\"providers\":[\"kling\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"extra\":{}},\"seedance-1-5-pro-251215\":{\"title\":\"Seedance 1.5 Pro\",\"type\":\"video\",\"from\":\"byteplus\",\"value\":\"seedance-1-5-pro-251215\",\"icon_url\":\"https://cdn.gooo.ai/assets/seedance.png\",\"providers\":[\"byteplus\"],\"input_token_limit\":128000,\"ou"])</script><script>self.__next_f.push([1,"tput_token_limit\":0,\"extra\":{}},\"seedance-1-0-pro-250528\":{\"title\":\"Seedance 1.0 Pro\",\"type\":\"video\",\"from\":\"byteplus\",\"value\":\"seedance-1-0-pro-250528\",\"icon_url\":\"https://cdn.gooo.ai/assets/seedance.png\",\"providers\":[\"byteplus\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"extra\":{}},\"minimax-m2-1\":{\"title\":\"MiniMax M2.1\",\"type\":\"reasoning\",\"from\":\"minimax\",\"value\":\"minimax-m2-1\",\"providers\":[\"minimax\"],\"input_token_limit\":204800,\"output_token_limit\":8190,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_minimax.png\",\"extra\":{\"disable_image_input\":true,\"display_thinking_tag\":false,\"display_free\":false}},\"glm-4.7\":{\"title\":\"GLM 4.7\",\"type\":\"reasoning\",\"from\":\"openrouter\",\"value\":\"glm-4.7\",\"providers\":[\"openrouter\"],\"input_token_limit\":200000,\"output_token_limit\":65536,\"icon_url\":\"https://cdn.gooo.ai/assets/zhipuai.png\",\"extra\":{\"display_free\":false,\"disable_image_input\":true}},\"claude-4-6-opus\":{\"title\":\"Claude Opus 4.6\",\"type\":\"chat\",\"from\":\"anthropic\",\"value\":\"claude-4-6-opus\",\"providers\":[\"anthropic\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\",\"extra\":{\"paid_user_only\":true}},\"gemini-2.5-flash-image\":{\"title\":\"Nano Banana\",\"type\":\"image\",\"from\":\"vertexai\",\"value\":\"gemini-2.5-flash-image\",\"providers\":[\"vertexai\"],\"input_token_limit\":32000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_nano_banana.png\",\"extra\":{}},\"kimi-k2.5\":{\"title\":\"Kimi K2.5\",\"type\":\"reasoning\",\"from\":\"moonshot\",\"value\":\"kimi-k2.5\",\"providers\":[\"moonshot\"],\"input_token_limit\":262144,\"output_token_limit\":30000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_kimi.png\",\"extra\":{\"disable_image_input\":false}},\"claude-4-6-sonnet\":{\"title\":\"Claude Sonnet 4.6\",\"type\":\"chat\",\"from\":\"anthropic\",\"value\":\"claude-4-6-sonnet\",\"providers\":[\"anthropic\",\"bedrock\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\",\"extra\":{\"paid_user_only\":true}},\"minimax-m2-5\":{\"title\":\"MiniMax M2.5\",\"type\":\"reasoning\",\"from\":\"minimax\",\"value\":\"minimax-m2-5\",\"providers\":[\"minimax\"],\"input_token_limit\":200000,\"output_token_limit\":8190,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_minimax.png\",\"extra\":{\"disable_image_input\":true,\"display_thinking_tag\":false,\"display_free\":false,\"fake_reasoning\":false}},\"gemini-3.1-pro-preview\":{\"title\":\"Gemini 3.1 Pro\",\"type\":\"reasoning\",\"from\":\"google\",\"value\":\"gemini-3.1-pro-preview\",\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"providers\":[\"vertexai\"],\"input_token_limit\":1048576,\"output_token_limit\":65536,\"extra\":{\"fake_reasoning\":true,\"display_thinking_tag\":false,\"paid_user_only\":false}},\"gemini-3.1-flash-image-preview\":{\"title\":\"Nano Banana 2\",\"type\":\"image\",\"from\":\"vertexai\",\"value\":\"gemini-3.1-flash-image-preview\",\"providers\":[\"vertexai\"],\"input_token_limit\":64000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_nano_banana.png\",\"extra\":{\"display_free\":false}},\"qwen-image-2.0\":{\"title\":\"Qwen Image 2.0\",\"type\":\"image\",\"from\":\"qwen\",\"value\":\"qwen-image-2.0\",\"providers\":[\"aliyun\"],\"input_token_limit\":1000000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_qwen.png\",\"extra\":{}},\"qwen-image-2.0-pro\":{\"title\":\"Qwen Image 2.0 Pro\",\"type\":\"image\",\"from\":\"qwen\",\"value\":\"qwen-image-2.0-pro\",\"providers\":[\"aliyun\"],\"input_token_limit\":1000000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_qwen.png\",\"extra\":{}},\"gpt-5.3-chat-latest\":{\"title\":\"GPT-5.3\",\"type\":\"chat\",\"from\":\"openai\",\"value\":\"gpt-5.3-chat-latest\",\"providers\":[\"openai\"],\"input_token_limit\":400000,\"output_token_limit\":128000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"paid_user_only\":false}},\"gemini-3.1-flash-lite-preview\":{\"title\":\"Gemini 3 Flash Lite\",\"type\":\"reasoning\",\"from\":\"google\",\"value\":\"gemini-3.1-flash-lite-preview\",\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"providers\":[\"vertexai\"],\"input_token_limit\":1000000,\"output_token_limit\":64000,\"extra\":{\"fa"])</script><script>self.__next_f.push([1,"ke_reasoning\":true,\"display_thinking_tag\":false,\"paid_user_only\":false}},\"gpt-5-4\":{\"title\":\"GPT-5.4\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5-4\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":272000,\"output_token_limit\":16384,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"paid_user_only\":true,\"display_thinking_tag\":true}},\"grok-imagine-video\":{\"title\":\"Grok Imagine Video\",\"type\":\"video\",\"from\":\"xai\",\"value\":\"grok-imagine-video\",\"providers\":[\"xai\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_grok.png\",\"extra\":{\"paid_user_only\":true}},\"seedream-5-0-lite-260128\":{\"title\":\"Seedream 5.0 Lite\",\"type\":\"image\",\"from\":\"volcengine-fangzhou\",\"value\":\"seedream-5-0-lite-260128\",\"providers\":[\"byteplus\"],\"input_token_limit\":0,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/seedream.avif\",\"extra\":{\"display_free\":false}},\"doubao-seedance-2-0-260128\":{\"title\":\"Seedance 2.0\",\"type\":\"video\",\"from\":\"byteplus\",\"value\":\"doubao-seedance-2-0-260128\",\"icon_url\":\"https://cdn.gooo.ai/assets/seedance.png\",\"providers\":[\"byteplus\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"extra\":{}},\"doubao-seedance-2-0-fast-260128\":{\"title\":\"Seedance 2.0 Fast\",\"type\":\"video\",\"from\":\"byteplus\",\"value\":\"doubao-seedance-2-0-fast-260128\",\"icon_url\":\"https://cdn.gooo.ai/assets/seedance.png\",\"providers\":[\"byteplus\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"extra\":{}},\"claude-4-7-opus\":{\"title\":\"Claude Opus 4.7\",\"type\":\"reasoning\",\"from\":\"anthropic\",\"value\":\"claude-4-7-opus\",\"providers\":[\"anthropic\",\"bedrock\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\",\"extra\":{\"paid_user_only\":true,\"display_thinking_tag\":true}},\"kimi-k2.6\":{\"title\":\"Kimi K2.6\",\"type\":\"reasoning\",\"from\":\"moonshot\",\"value\":\"kimi-k2.6\",\"providers\":[\"moonshot\"],\"input_token_limit\":262144,\"output_token_limit\":30000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_kimi.png\",\"extra\":{\"disable_image_input\":false,\"paid_user_only\":false}},\"gpt-image-2-2026-04-21\":{\"title\":\"GPT Image 2\",\"type\":\"image\",\"from\":\"openai\",\"value\":\"gpt-image-2-2026-04-21\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{}},\"gpt-5-5\":{\"title\":\"GPT-5.5\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5-5\",\"providers\":[\"openai\",\"aihubmix\",\"azure\"],\"input_token_limit\":400000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"paid_user_only\":true}},\"deepseek-v4-pro\":{\"title\":\"DeepSeek V4 Pro\",\"type\":\"reasoning\",\"from\":\"deepseek\",\"value\":\"deepseek-v4-pro\",\"providers\":[\"deepseek\"],\"input_token_limit\":200000,\"output_token_limit\":32000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_deepseek.png\",\"extra\":{\"disable_image_input\":true,\"prediction\":false,\"display_thinking_tag\":false}},\"deepseek-v4-flash\":{\"title\":\"DeepSeek V4 Flash\",\"type\":\"reasoning\",\"from\":\"deepseek\",\"value\":\"deepseek-v4-flash\",\"providers\":[\"deepseek\"],\"input_token_limit\":200000,\"output_token_limit\":32000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_deepseek.png\",\"extra\":{\"disable_image_input\":true,\"prediction\":false,\"display_thinking_tag\":false}},\"gemini-3.1-flash-tts\":{\"title\":\"Gemini 3.1 Flash TTS\",\"type\":\"tts\",\"from\":\"google\",\"value\":\"gemini-3.1-flash-tts\",\"providers\":[\"google\",\"vertexai\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"extra\":{}},\"veo-3.1-generate-001\":{\"title\":\"Veo 3.1\",\"type\":\"video\",\"from\":\"google\",\"value\":\"veo-3.1-generate-001\",\"icon_url\":\"https://cdn.gooo.ai/assets/gemini-detail-icon.png\",\"input_token_limit\":128000,\"output_token_limit\":8192,\"providers\":[\"vertexai\"],\"extra\":{}},\"veo-3.1-fast-generate-001\":{\"title\":\"Veo 3.1 Fast\",\"type\":\"video\",\"from\":\"google\",\"value\":\"veo-3.1-fast-generate-001\",\"icon_url\":\"https://cdn.gooo.ai/assets/gemini-detail-icon.png\",\"input_token_limit\":128000,\"output_token_limit\":8192,\"prov"])</script><script>self.__next_f.push([1,"iders\":[\"vertexai\"],\"extra\":{}},\"happyhorse-1.0\":{\"title\":\"HappyHorse 1.0\",\"type\":\"video\",\"from\":\"qwen\",\"value\":\"happyhorse-1.0\",\"providers\":[\"aliyun\"],\"input_token_limit\":0,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/model-icons/happyhorse-1.0.png\",\"extra\":{}},\"gemini-3.5-flash\":{\"title\":\"Gemini 3.5 Flash\",\"type\":\"reasoning\",\"from\":\"google\",\"value\":\"gemini-3.5-flash\",\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"providers\":[\"vertexai\"],\"input_token_limit\":1048576,\"output_token_limit\":65536,\"extra\":{\"fake_reasoning\":false,\"display_thinking_tag\":false,\"paid_user_only\":true,\"display_free\":false}}},\"PUBLIC_OFFLINE_WEB_PACKAGES\":[{\"name\":\"youweb\",\"url\":\"https://cdn.gooo.ai/offline-packages/production/youweb/d8aca820b6/d8aca820b6.zip\",\"shasum\":\"f3a204734420277d756be52aef513a59af9005ad07e82daab7056a608159e140\"}],\"PUBLIC_PRODUCT_TIER_LIMITS\":{\"free\":{\"file_size\":10485760,\"video_file_size\":0},\"pro\":{\"file_size\":104857600,\"video_file_size\":524288000},\"max\":{\"file_size\":524288000,\"video_file_size\":1073741824}},\"PUBLIC_PRODUCT_TIER_QUOTAS\":{\"free\":{\"storage\":107374182400,\"new_snip\":100,\"nano_banana_pro\":2,\"image_generation\":2,\"ppt_generate\":1},\"pro\":{\"storage\":107374182400},\"max\":{\"storage\":107374182400}},\"PUBLIC_SPRITE_MODELS\":[\"deepseek-v4-pro\",\"claude-4-6-opus\",\"gemini-3.1-pro-preview\"],\"PUBLIC_TOOL_AS_SKILL\":{\"learn\":{\"skillId\":\"019c274d-217c-71f8-ba62-770abf25c4a6\"},\"research\":{\"skillId\":\"019c2855-1439-71b5-8699-936ec99b13c7\"},\"write\":{\"skillId\":\"019c32a0-c571-74f0-8ae5-9262c15cced7\"},\"proxyWrite\":{\"skillId\":\"019c32a0-c571-74f0-8ae5-9262c15cced7\"},\"generateWebpage\":{\"skillId\":\"019c3256-2b1a-70c2-befb-eb606c2cee8c\"},\"imageGenerate\":{\"skillId\":\"019c4d56-f23a-78a7-9ebb-af41b8993a0e\"},\"slidesGenerate\":{\"skillId\":\"019c4d57-c814-7c20-8ee3-94ed9d19a2c6\"},\"dispatchArticle\":{\"skillId\":\"019d966e-8bdd-7238-9047-065b3e9f7344\"},\"videoGenerate\":{\"skillId\":\"019d4d32-6768-7b4c-a44a-e44789260a9f\"}},\"PUBLIC_TURNSTILE_EMAIL_WHITELIST_DOMAINS\":[\"163.com\",\"gmail.com\",\"proton.me\"],\"PUBLIC_YOUTUBE_BOARD_EXAMPLE_URL\":\"https://youtu.be/n3Xv_g3g-mA\"},\"idealPath\":\"$undefined\"}]]}]}]\n"])</script></body></html>