設計
Color Palette
Vife更新於 2026年11月8日
Turn a seed colour, logo, photo or mood into an accessible palette with tints, shades, light and dark themes and ready-to-use tokens.
試試看
- Build an accessible palette from our brand colour
- Pull a colour palette from this photo of our café and make it usable for a website
- 我想要一套“安静、高级”感觉的配色，给我色板和对比度检查
詳細資訊
- Publisher
- VIFE official
- Runtime
- Runs in a cloud sandbox
- 最後更新
- 2026年11月8日
Related skills
- PresentationPlan, design and export polished, editable slide decks from an idea, an outline or a document.Vife設計+1
28 已使用
- Landing Page BuilderBuild a polished, responsive single-file landing page with real copy, accessible markup and meta tags, previewed at desktop and mobile sizes.Vife設計+1
0 已使用
- Brand Identity KitDefine a brand's positioning, voice, colours, type and logo, and package them as a guidelines PDF with ready-to-use design tokens.Vife設計+1
0 已使用
- Accessibility AuditAudit a website against WCAG 2.2 AA with browser checks, keyboard and focus walks and manual review, then deliver findings with selectors and fixes.Vife編程+1
0 已使用
- 批次圖像建立你可以在單次執行中產生大量圖像，而不必逐一產生——可依據提示詞清單、變體矩陣（例如 SKU、顏色、風格、姿勢、背景或長寬比），或將單一概念擴展為系統化變體。此技能會讓所有不變的參數保持固定，建立每張圖像一列的編號表格，產生並驗證每個結果，並以確定性方式命名檔案，使其依批次順序排序。你會收到圖像資料夾以及一份清單，列出每個 id、提示詞、變化屬性、參數、檔案名稱和狀態，並附上成功、重試及任何失敗的摘要。媒體+2
5 已使用
- 改善程式碼庫架構掃描你的程式碼庫，找出架構上的摩擦點，並取得一份視覺化的 HTML 報告，列出可深化之處：透過重構將淺層模組轉變為深層模組，進而提升可測試性與 AI 可導覽性。掃描會優先關注近期變更的熱點區域（或你指定的方向），讀取你的詞彙表與 ADR，並探查那些為了理解單一概念而需要在眾多小模組之間來回跳轉的地方。每張候選卡片都會顯示涉及的檔案、問題、建議方案、在局部性與槓桿效應方面的效益、前後對照圖以及推薦強度，最後給出首要推薦。選定一項後，代理會與你一起走過決策樹。
mattpocock編程+1318.2k 個 Star
- 一次性原型你會得到一個快速打造的一次性原型，用來回答一個設計問題。如果你不確定某個狀態模型或某段邏輯是否合適，你會得到一個可分享的單一 HTML 檔案，其中包含自由操作按鈕和分頁籤的引導式導覽，可讓狀態機走過各種棘手情況。如果你在探索介面應該長什麼樣子，你會得到同一路由下幾個截然不同的變體，可透過 URL 參數和底部懸浮列切換。原型都有明確標示，執行起來極其簡單，並且省去細節打磨，讓你快速學習。mattpocock編程+1
318.2k 個 Star
- 教我學點東西你會有一位私人老師，它會在你目前的目錄中建立一個學習工作區，並透過多次工作階段教你一個主題。它會把你的學習動機記錄在任務檔案中，在學習紀錄中追蹤你學到的內容，蒐集可信的資源，並製作簡短精美的 HTML 課程，搭配互動測驗和回饋循環。它也會建立可列印的參考文件和詞彙表，並為你推薦可以在現實世界中練習的社群。mattpocock內容+2
318.2k 個 Star
