設計工具收藏：9 個幫介面加分的動效、素材與元件工具
最近看到幾個滿酷的工具，從 UI 動效、音效、玻璃材質，到漸層背景和介面元件都有。先收在一起，之後做網站或產品時可以回來找。
iPhone Duo 的 UI/UX 第一課：為什麼把導覽與控制項放到側邊？
iPhone Duo 最值得 UI/UX 設計師注意的，是控制項的位置變了：底部的 Dock、部分導覽與工具移到側邊，展開後也能出現更豐富的內容布局。這些改變背後，牽涉的是內容空間、操作距離，以及開合前後的使用連續性。
Config 2026：六項更新，如何改變設計工作？
Config 2026 的更新有一個共同方向：讓程式碼、動態與製作流程，都能在 Figma 畫布裡被編輯、討論和重用。 對設計師來說，值得關注的是這些能力如何改善日常工作。
iPhone Duo 設計規範與研究整理｜給產品設計師的工作筆記
- Apple 官方：產品規格、Human Interface Guidelines、Developer Tech Talks。
UX/UI 如何用AI做前端
我以前都用Claude app 但後來使用Claude CLI後 我是強烈推薦的。不過你可能會很好奇為什麼要這樣用，有什麼原因嗎？
告別 App 文字設計思維！Framer 的行高、間距與 SEO 標籤邏輯
在學習 Framer 的字體設定之前，我們必須建立一個基礎觀念：影響網頁文字美感的關鍵，不只有選什麼字體而已，重要的還有字的高度（Line Height）與間距（Letter Spacing）。
Metal：用 WebGL2 做液態金屬質感的網頁特效元件庫
一個 React 元件庫，把即時渲染的液態金屬效果套到按鈕、圖示、文字和徽章上。官方描述是「游走的光暈、映在鄰近元素上的反射、會被游標拉彎的環」。
The Anatomy of Effective Commerce Agents：電商 agent 的架構、效能與上線
Anthropic 官方的電商 agent 建置指南，分三部分：架構、效能、上線。講怎麼蓋一個能幫消費者買東西、幫商家管營運的 AI agent。對象是零售、旅遊、電信、票務這類產業的工程團隊。
anthropics/commerce-agents：電商 agent 的官方參考實作
Anthropic 官方釋出的電商 agent 範本專案。裡面有兩個做好的 agent：購物 agent（給消費者——找商品、比較、規劃購買、管購物車、回答訂單與政策問題）和商家 agent（給店家員工——看營運數字、維護商品、處理庫存與訂
Anthropic 員工怎麼用 Claude Tag：三個團隊的實際案例
Claude Tag 是把 Claude 接進 Slack 的功能：在對話串裡 @Claude，它讀完整串對話和你設好的常規指令，做完事情再把結果貼回頻道。這篇是 Anthropic 內部三個團隊怎麼用它的實際案例，約 2200 字。
The AI-Native SDLC Playbook：以 AI agent 為中心重畫開發流程
Anthropic 官方寫的長篇指南，講企業怎麼把整套軟體開發流程改成以 AI agent 為中心。開場主張是一句話：「Code is no longer the bottleneck」——程式碼不再是瓶頸。
lieflat-charts：49 種圖表規格的資料視覺化 skill
一個給 AI agent 用的資料視覺化 skill，把你的資料變成有編輯設計質感的 HTML 圖表。它不是圖表函式庫，是一份「什麼資料該用什麼圖、配什麼顏色」的規則書加上 49 種現成規格。
ip-as-logo-skill：用 AI 生成極簡吉祥物 Logo 的 Agent Skill
一份給 AI 用的「作畫規則書」，專門生成極簡風格的吉祥物角色。它不是程式、不是網站，就是一個 Markdown 文字檔——裝進 AI agent 之後，你說「幫我做一個吉祥物」，它會照著這份規則產圖。
mattpocock/skills：AI 寫程式的 26 個工作流程規則
Matt Pocock（TypeScript 圈知名教學者）整理的一套 26 個 AI 寫程式用的工作流程規則。核心主張是：AI 寫程式最大的問題不是寫得慢，是還沒搞懂要做什麼就開始寫。所以這套東西大半在處理「動手之前」。
Brik：不用寫程式做網頁互動特效的製作工具
一個做可互動視覺效果的網頁工具。它的產出不是一張圖或一段影片，而是一個「活的」東西——會動、能互動、可以匯出。定位語是「turn creative vision into living design」，強調做出來的東西「interactiv