mcp

2026-07-17

Design 043

Originkit.dev：可貼進 Framer、也能接 MCP，和 React Bits 怎麼選？

Originkit.dev 把 copy code、Framer 與 MCP 放進同一套動畫元件工作流。這篇先看它能解決什麼，再和偏 React 特效的 React Bits 對照。

framer react animation components mcp ui

5 min

2026-07-16

Development 042

Grok Build：xAI 開源終端 coding agent，能直接拿來做什麼？

Grok Build 是 xAI 在 7/15 開源的終端 coding agent。重點不只是一個新 CLI，而是整套 agent loop、工具層、TUI 與擴充系統都公開了，現在可以直接看資料流向、接自訂模型、研究它的 Rust 架構。

xai grok-build coding-agent rust cli mcp

7 min

2026-06-25

AI Tools 029

LottieFiles 的 motion-design-skill：先把動態設計想對，再開始做動畫

motion-design-skill 不是動畫執行工具，而是給 AI 的動態設計原則。它先管 timing、easing、choreography 和情緒，再交給 Lottie、Framer Motion、GSAP 或 SVG 流程落地。

lottiefiles motion-design ai-agents animation lottie svg mcp

9 min

2026-06-20

AI 025

VRoid Studio 介紹與 MCP 整合：怎麼把角色做成 VTuber，或做成你的個人形象

VRoid Studio 適合做 VTuber 與個人形象；這篇整理它的基本用法、MCP 能插在哪裡，以及怎麼把流程接成可重複使用的角色系統。

vroid vroid-studio mcp vtuber vrm avatar ai persona

14 min

2026-06-20

Design 023

Penpot 可以畫 hi-fi 嗎？本地架設、MCP 串 Claude/Codex 與 UI 落地流程

Penpot 不是只能拿來畫 wireframe。這篇深入探討它的高保真（Hi-Fi）設計定位，對比 Pencil 的差異，並詳解如何自架、串接 MCP 以及前端落地的實務流程。

penpot design prototyping hi-fi self-host design-system mcp claude-code codex

10 min

2026-05-28

AI Tools 003

TW Legal RAG：把台灣判決做成語義檢索，讓法律問題先找到案例

TW Legal RAG 比較像一個把 2200 萬筆台灣判決做成語義檢索與 citation check 的法律工具鏈，而不是一個只會聊天的法學助理。

ai rag legal semantic-search cli mcp

6 min