avatar
蕭富云行動應用開發者 · Android & Flutter

Frame0、HTML、ASCII —— 線框的三種畫法

2026-05-23-(6 min read)
這兩天在跟 Claude 討論一個 GPS app 的設計,講到「接受半徑」應該設多少。20m?50m?100m?光講數字不夠直覺,想畫個圖比較看看。 前兩天才剛量過 Frame0 對上 ASCII 的成本,那是 93 個形狀的複雜 UI 線框;這次的場景簡單得多——一個十字路口…

#AI #Software #Tools

繼續閱讀...

Frame0 對上 ASCII 線框圖:同一張畫面的成本實測

2026-05-22-(6 min read)
最近開始把 Frame0 接到 Claude Code 的 MCP 工具集裡,想法很簡單:讓 AI 在對話裡順手畫個線框圖,溝通起來會比文字描述快。 但這也帶出一個問題 —— 畫一張線框圖到底會花多少 token? 我拿自己的 side project Heimdall(一個 J…

#Frame0 #MCP #Tooling

繼續閱讀...

Iris — 螢幕上的小窗

2026-04-21-(3 min read)
我做了一個新的 app,叫做 Iris。 它是一個 macOS 上的懸浮視窗——永遠置頂、可拖曳,能同時顯示 Spotify 的同步歌詞、專輯封面,還有 CPU、記憶體、磁碟這些系統指標。 為什麼做這個 寫程式的時候我習慣一邊聽歌。遇到喜歡的段落,常常會想看一下歌詞是什麼—…

#Iris #macOS

繼續閱讀...

AI Agent 到底是什麼?

2026-04-14-(3 min read)
最近身邊很多人在討論 AI Agent,各種場景都有:自動審查 PR、自動寫測試、自動產生 release notes、自動回覆客服…… 這讓我開始思考:「Agent」這個詞,到底指的是什麼? 拆開來看 如果把一個 PR review agent 拆解,大概長這樣: PR 開啟 …

#AI #Software

繼續閱讀...

一個好的軟體專案該有的幾件事(Flutter)

2025-06-28-(3 min read)
在日常開發中,我們常常著重於功能的完成與 UI 的華麗,但真正能走得長遠、方便維護與協作的軟體專案,往往在工程基礎上更下功夫。本文將以 Flutter 專案為例,介紹一個我認為好的軟體專案應該具備的幾個重要元素,幫助團隊打造高品質的程式碼基礎。 1. 清楚且一致的命名(Namin…

#Softaware #Flutter

繼續閱讀...