Zara Zhang 前端 Slides
Zara Zhang 生成高品質前端 Slides
描述
推薦自
淡苍
為什麼我們推薦這個技能
此技能可建立精美、富含動畫且零依賴的 HTML 簡報，避免常見的「AI 生成垃圾」，打造真正獨特的設計。確保每張投影片完美適配視窗，帶來精緻專業的體驗。
此技能專為使用者設計，可生成零相依性、動畫豐富的 HTML 簡報——這些簡報可直接在瀏覽器中執行，無需任何額外安裝或設定。特別適合需要快速建立具備獨特視覺風格與流暢動畫之簡報的專業人士，例如行銷人員、教育工作者、開發人員，以及任何希望透過引人入勝的視覺內容傳達資訊的人士。 此工具的核心優勢在於其高度可自訂的設計流程以及對使用者體驗的重視。它能根據使用者選擇的簡報目的、長度與內容，以及想要的「氛圍」，智慧地生成設計提案。使用者可以選擇引導式設計流程——透過描述情感偏好來取得三種風格預覽——或直接從預設清單中選取偏好的風格。 透過利用 AI 圖片生成、即時網路搜尋功能以及使用者個人知識庫的存取，此技能確保生成的簡報既視覺搶眼又內容豐富。最終輸出為一個包含所有必要 CSS 和 JavaScript 的獨立 HTML 檔案，保證在任何現代瀏覽器中都能無縫顯示。它不僅提供美觀的字體排版與色彩配置，還融入了精心製作的動畫，旨在為觀眾帶來沉浸式觀看體驗。
相關技能
查看全部
網頁可探索式解說頁面建置器
報告是解釋。頁面讓人們自己去發掘。 YouMind 已經能建立網頁。Explorable Explainer 決定要建立什麼——它把一份研究、一份資料集或一個主題，變成單一互動頁面，承襲新聞圖表與可探索式解說的傳統：捲動驅動的敘事、真實的圖表、可以操作的控件、可以查證的來源。 它先規劃，再寫程式。你首先批准建置計畫：頁面要回答的那一個問題、那個揭示時刻——讀者應該感到「哦！」的瞬間——五到八個區段的捲動主軸、兩到四個互動（每個都說明讀者能從操作中學到什麼），以及一份資料契約，列出每個數字及其來源。 接著它建立一個單一、自包含的 HTML 檔案，無需建置步驟。語意化標記。所有數字集中在檔案頂部一個可編輯的 DATA 常數。捲動揭示在手機上不會出錯。每個控件都是真正可用鍵盤操作的表單元素，並以即時文字描述目前值。 無障礙是內建而非事後添加：4.5:1 對比度、可見的焦點框、處處有替代文字、不單靠顏色傳達意義、尊重減少動畫設定、從 360px 起皆為響應式。 交付之前，它會執行五點自我審查並誠實回報結果：揭示點是否真的奏效、關閉 JavaScript 後頁面是否仍可閱讀、Tab 順序是否合理、每個數字是否可追溯、是否有讀者會想停止的動畫。 它有兩條絕不打破的規則：絕不為了讓圖表好看而編造資料，而且當你的數字與草稿互相矛盾時，它會直接告訴你。 適合研究人員、分析師、記者、教育工作者、獨立創業者與顧問——他們希望自己的作品被探索，而不是被匆匆略過。
網頁柔光日間 浮世風格網頁
柔光日間風格的網頁設計系統：淡天藍畫布（#ebf5ff）、字重固定 500 的超大展示字（響應式最高 148px）、32px 圓角卡片 + 9999px 藥丸、近黑 #181d27 實心 CTA、粉彩色塊與漂浮 3D 黏土質插畫。深度只靠畫布到卡片的色階位移，內容卡片零陰影。適用於「柔光日間風格」「3D 插畫登陸頁」「淡藍畫布」「圓角卡片風」「SaaS 官網」「Linear/Framer 風格」等需求，內建無障礙與響應式約束。
網頁Fashion Creative Design 風格網頁
時尚編輯式海報風格的網頁設計系統：暖奶油紙質畫布（#fffef7）、300 字重超大標題（64–84px）、全出血攝影、零陰影、卡片直角 + 按鈕 1440px 藥丸圓角。 適用於「時尚設計風格」「雜誌排版」「海報風」「藝術畫冊網頁」「工作室作品集」「畫廊頁面」等需求，可將任意內容改寫為高級時裝編輯風頁面。
Zara Zhang 前端 Slides
Zara Zhang 生成高品質前端 Slides
描述
推薦自
淡苍
為什麼我們推薦這個技能
此技能可建立精美、富含動畫且零依賴的 HTML 簡報，避免常見的「AI 生成垃圾」，打造真正獨特的設計。確保每張投影片完美適配視窗，帶來精緻專業的體驗。
此技能專為使用者設計，可生成零相依性、動畫豐富的 HTML 簡報——這些簡報可直接在瀏覽器中執行，無需任何額外安裝或設定。特別適合需要快速建立具備獨特視覺風格與流暢動畫之簡報的專業人士，例如行銷人員、教育工作者、開發人員，以及任何希望透過引人入勝的視覺內容傳達資訊的人士。 此工具的核心優勢在於其高度可自訂的設計流程以及對使用者體驗的重視。它能根據使用者選擇的簡報目的、長度與內容，以及想要的「氛圍」，智慧地生成設計提案。使用者可以選擇引導式設計流程——透過描述情感偏好來取得三種風格預覽——或直接從預設清單中選取偏好的風格。 透過利用 AI 圖片生成、即時網路搜尋功能以及使用者個人知識庫的存取，此技能確保生成的簡報既視覺搶眼又內容豐富。最終輸出為一個包含所有必要 CSS 和 JavaScript 的獨立 HTML 檔案，保證在任何現代瀏覽器中都能無縫顯示。它不僅提供美觀的字體排版與色彩配置，還融入了精心製作的動畫，旨在為觀眾帶來沉浸式觀看體驗。
相關技能
查看全部網頁可探索式解說頁面建置器
報告是解釋。頁面讓人們自己去發掘。 YouMind 已經能建立網頁。Explorable Explainer 決定要建立什麼——它把一份研究、一份資料集或一個主題，變成單一互動頁面，承襲新聞圖表與可探索式解說的傳統：捲動驅動的敘事、真實的圖表、可以操作的控件、可以查證的來源。 它先規劃，再寫程式。你首先批准建置計畫：頁面要回答的那一個問題、那個揭示時刻——讀者應該感到「哦！」的瞬間——五到八個區段的捲動主軸、兩到四個互動（每個都說明讀者能從操作中學到什麼），以及一份資料契約，列出每個數字及其來源。 接著它建立一個單一、自包含的 HTML 檔案，無需建置步驟。語意化標記。所有數字集中在檔案頂部一個可編輯的 DATA 常數。捲動揭示在手機上不會出錯。每個控件都是真正可用鍵盤操作的表單元素，並以即時文字描述目前值。 無障礙是內建而非事後添加：4.5:1 對比度、可見的焦點框、處處有替代文字、不單靠顏色傳達意義、尊重減少動畫設定、從 360px 起皆為響應式。 交付之前，它會執行五點自我審查並誠實回報結果：揭示點是否真的奏效、關閉 JavaScript 後頁面是否仍可閱讀、Tab 順序是否合理、每個數字是否可追溯、是否有讀者會想停止的動畫。 它有兩條絕不打破的規則：絕不為了讓圖表好看而編造資料，而且當你的數字與草稿互相矛盾時，它會直接告訴你。 適合研究人員、分析師、記者、教育工作者、獨立創業者與顧問——他們希望自己的作品被探索，而不是被匆匆略過。
網頁柔光日間 浮世風格網頁
柔光日間風格的網頁設計系統：淡天藍畫布（#ebf5ff）、字重固定 500 的超大展示字（響應式最高 148px）、32px 圓角卡片 + 9999px 藥丸、近黑 #181d27 實心 CTA、粉彩色塊與漂浮 3D 黏土質插畫。深度只靠畫布到卡片的色階位移，內容卡片零陰影。適用於「柔光日間風格」「3D 插畫登陸頁」「淡藍畫布」「圓角卡片風」「SaaS 官網」「Linear/Framer 風格」等需求，內建無障礙與響應式約束。
網頁Fashion Creative Design 風格網頁
時尚編輯式海報風格的網頁設計系統：暖奶油紙質畫布（#fffef7）、300 字重超大標題（64–84px）、全出血攝影、零陰影、卡片直角 + 按鈕 1440px 藥丸圓角。 適用於「時尚設計風格」「雜誌排版」「海報風」「藝術畫冊網頁」「工作室作品集」「畫廊頁面」等需求，可將任意內容改寫為高級時裝編輯風頁面。
發現下一個適合你的技能
繼續探索更多精選 AI 技能，用於研究、創作和日常工作。