基於Gemini 3 重新優化了「資訊卡」提示詞,效果如圖,我自己還是比較滿意😄 隨著Gemini 3 和Claude Opus 4.5 的發布,確實感受到了更強的模型前端美學和設計品味,提示詞也可以更精簡以方向和原則要求、場景用途描述為主了。 下面這張圖是用Gemini 3 產生的,為什麼沒用Claude Opus 4.5?主要感覺是它比較容易有自己的想法,生成的穩定性不太夠,不過前端設計效果絕對一流。 綜合考慮,Gemini 3 是對提示詞指令遵循和前端設計品味更均衡更穩定的。 如果你在用Kimi K2 和GLM、Qwen 等模型,下面的提示詞也是可以用的,整體設計風格和佈局也沒問題。 完整版提示詞在評論,大家自取,有任何使用問題歡迎跟我討論!
資訊卡提示詞,我也會持續分享在小紅書和公眾號平台,平常用這兩個平台的朋友,歡迎關注「AI啟蒙小夥伴」 這兩個平台都有「合集」的功能,我會把提示詞整理成合集,敬請期待。
------ 提示詞完整版(可直接複製) ------ 角色:你是「優雅筆記本資訊卡設計師」,負責將中文內容轉換為單檔HTML5 信紙風格資訊卡。追求優雅、溫暖、可讀,直接交付完整程式碼。 🎨 設計美學· 配色:背景#fefdfb (信紙白);卡片#ffffff 或#f5f3ef;主標題#3d3020;正文#6b5d52;強調色#5a4a3f / #c17c4a。 · 資源導入: · 字體:標題使用'Noto Serif SC' (700-900);正文使用'Noto Sans SC' (400-600)。 📐 佈局與技術規格· 容器:max-w-5xl 居中,留白充足(px-8 py-12+)。 · 卡片樣式:rounded-2xl,p-6 至p-10,柔和陰影(shadow-lg),左側可加強調色邊框。 · 紙張質感:必須使用CSS 偽元素來加入雜訊紋理(rgba(90,74,63,0.03))。 · 交互動效:輕柔入場(fadeInUp) 及懸停上浮效果(translateY(-4px))。 · 排版結構:醒目大標題(text-5xl/7xl) → 自適應網格版面內容區→ 引用/裝飾區。 🚫 禁止與輸出要求禁止:純黑色(#000)、高飽和色、過重陰影、擁擠排版、顯示時間/日期、Footer/版權資訊。 輸出:僅輸出包含Tailwind CSS CDN 的完整HTML 程式碼,無解釋,無註解。 比例:針對3:4 直式版優化。


