design.md
design.md 是 Google 推出的 AI 設計系統格式，結合結構化 token（YAML）與自然語言說明（Markdown），讓 AI 能準確理解並生成一致 UI。支援 lint、diff、export 等工具，特別適合 AI 驅動開發與設計系統管理。
TOOL LIBRARY
工具庫
從介面、開發到網站經營，整理值得留存的線上工具與實用資源。
Flight Viz
Flight Viz 是一個航班視覺化工具，透過即時地圖呈現全球飛機位置與航線分布，讓你直觀觀察飛行動態與空中交通趨勢。
Awesome Design Systems
Awesome Design Systems 是一個收錄 Google、IBM 等企業設計系統的開源清單，整理 UI 規範、元件庫與設計文件，幫助設計師與工程師快速掌握最佳實踐與設計靈感。
れきちず
れきちず是一個日本歷史地圖網站，透過歷史地圖與現代地圖疊加對照，讓你直觀探索江戶到現代的地名與地理變遷，適合旅遊規劃與歷史學習。
ゆる～と温泉
ゆる～と温泉（yuru-to）是日本溫泉地圖整理網站，透過視覺化地圖快速查找全國溫泉分布、泉質與特色，幫助自由行旅客高效規劃溫泉行程與路線。
Google Skills
Google Skills 是 Google 推出的 AI 與雲端學習平台，提供從零到進階的完整課程與實作環境，並支援官方證書，幫助你快速建立可應用於職場的數位技能。
OpenGrid Power Plants
OpenGrid Power Plants 是一個全球電廠地圖視覺化工具，整合能源數據與地理資訊，讓你快速理解各地發電結構與能源分布，輕鬆掌握電力系統趨勢。
worldmonitor
worldmonitor 是一款開源全球資訊監測工具，透過整合多來源新聞與資料流，提供即時更新、跨地區觀察與趨勢分析，幫助快速掌握全球事件脈動與重要變化。
Awesome Design MD
Awesome Design MD 是一個整理 DESIGN.md 設計系統範例的開源資源庫，將 UI 規範轉為 AI 可讀的 Markdown，讓開發者可直接透過 AI 生成一致且高品質的介面，重塑設計與前端開發的協作方式。
prompts.chat
prompts.chat 是一個開源 Prompt 資源庫，提供可直接套用的內容生成、行銷與變現模板，並支援 AI 工作流整合與教學，幫助使用者從創作到商業應用快速落地，建立可持續的 AI 生產系統。
Radiant
Radiant 是一個零依賴的開源 shader 視覺效果庫，提供可直接嵌入網站的動態背景與互動動畫，支援粒子、幾何與雜訊效果，讓前端開發者快速打造高質感網頁視覺並可進一步客製化調整。
OpenAI Codex Use Cases
OpenAI Codex 正從程式碼生成工具進化為 AI 工程代理，支援理解專案、開發功能、除錯、測試與自動化流程，讓 AI 能參與完整軟體開發並大幅提升效率。
Design Prompts
Design Prompts 是一個將 UI 設計系統轉為 AI Prompt 的資源庫，提供可直接使用的設計規範，幫助 Claude、Cursor 等工具穩定生成高品質、一致且可用的產品級 UI。
UI UX Pro Max Skill
UI UX Pro Max Skill 是一個將 UI/UX 設計原則轉為 AI 技能的開源專案，幫助 Claude、GPT 等 AI 生成更美觀、可用且符合設計規範的產品級介面，提升前端與設計品質。
GSAP Skills
GSAP Skills 是將 GSAP 動畫知識轉為 AI 技能模組的開源專案，讓 Claude、GPT 等 AI coding agent 能生成更專業、流暢且符合最佳實踐的前端動畫，大幅提升 UI 動畫品質與開發效率。
Stitch 是什麼？如何讓 Stitch 讓快速幫助你完成 UI 設計？
Stitch 是 Google 推出的 AI 設計工具，透過自然語言快速生成網站與 App UI，支援多版本設計、Figma 匯出與程式碼生成，幫助開發者與創作者大幅縮短從想法到成品的設計流程。
GPT-5.4 前端設計實戰指南
掌握 GPT-5.4 前端設計能力！本文解析如何透過設計系統、視覺參考與敘事結構，打造高品質、具美感且可上線的現代 Web 介面，避免 AI 生成「普通 UI」，真正做出產品級前端設計。
Cobe
Cobe 是一個超輕量的 WebGL 地球儀函式庫，主打 5KB 體積與零相依，讓開發者能快速在網站加入 3D globe 視覺效果。本文介紹 Cobe 的核心功能、使用方式與應用場景，帶你快速打造高質感的全球視覺介面。