2026-08-20
Design
067
IP as Logo Skill：把品牌角色做成可批次探索的圖像 brief
把品牌角色的視覺方向拆成可檢查、可迭代的生成 brief。
branding
image-generation
agent-skills
8 min
Design
瀏覽「Design」分類下的公開文章。
2026-08-20
Design
066
morphicons：讓任意 stroke icon 平滑變形
用 path 對齊與 interpolation 把圖示轉場做成可重用的動態元件。
animation
icons
frontend
8 min
2026-07-17
Design
042
Originkit.dev：可貼進 Framer、也能接 MCP，和 React Bits 怎麼選？
Originkit.dev 把 copy code、Framer 與 MCP 放進同一套動畫元件工作流。這篇先看它能解決什麼，再和偏 React 特效的 React Bits 對照。
framer
react
animation
components
mcp
ui
5 min
2026-06-25
Design
029
React Bits：開箱即用的文字動態與背景效果庫
React Bits 把文字動態、背景效果、粒子、光效和互動視覺包成可直接放進 React 專案的元件，適合用來補首屏與視覺層。
react
animation
background
text-effects
frontend
ui
6 min
2026-06-20
Design
022
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-06-10
Design
016
如何讓 AI 有設計品味
這不是單靠一句「做得高級一點」就能解決的事；Taste Skill、Impeccable、awesome-design-md、Huashu Design 分別對應風格訓練、設計規則、可讀規格與高保真交付。
design
ai
prompt
design-systems
design-md
taste-skill
impeccable
huashu-design
10 min
Signals
Visits
--
Waiting for Cloudflare metrics.