The Second Sidetrack
At the end of my last post, I mentioned that Fitting Room, my paper-doll outfit experiment, was sitting quietly on my laptop, untouched while I got completely swallowed up by building this blog.
A week later, I have an update on that: it is still sitting there. Quiet as ever.
Fitting Room received exactly zero minutes of my time this week. Right after wrapping up the blog build and writing a few new pieces, I got sidetracked all over again. Or, to be entirely honest, I circled back to an older sidetrack that started before all of this.
Back in late August, while I was back home in Taiwan, I started trying to build a website for my Instagram account, @love.in.hongkong. At the time, I had never even heard the term "vibe coding." I was simply curious to see what a new AI agent could do.
It didn't go well. I hit wall after wall, got hopelessly stuck, and felt genuinely disappointed because I had been so excited about having a new site. Seeing my frustration, my brother suggested I learn Figma first to sketch out wireframes. But a brand-new teaching semester was right around the corner. The thought of adding a steep software learning curve on top of intense teaching prep was exhausting. So I shelved the whole project and told myself I'd get to it later.
Then came this blog. Building it with Claude in seven days proved what kind of execution power Claude actually had.
So I dug that shelved Instagram project back out and handed it over to Claude. That is where all my hours went this week.
Why build a standalone website for an Instagram account in the first place? On @love.in.hongkong, I take people exploring Hong Kong on foot, with all the tricky transit and walking logistics already mapped out. But Instagram is a terrible library: once you have dozens of reels, it is nearly impossible for followers to search specific neighborhoods or browse past routes. A website solves that instantly. It acts as both a curated walking guide to Hong Kong and a clean, searchable portfolio for my work.
The account is currently sitting at over 9,000 followers. My goal is to officially launch the site when I hit the 10,000 milestone. At the current growth rate, that should happen sometime in November, which means the site needs to be ready before then.
As for Fitting Room? It will just have to snooze in my laptop a little longer.
The Ride to the Forest
Even after this blog went live, one lingering question stayed on my mind: how on earth did the first website come together so fast?
Seven days from a casual Wednesday chat to a live website, complete with three archived Chinese books and three new blog posts, built by someone who cannot write a single line of code.
The answer clicked on Sunday.
I was on my way to a forest-bathing workshop, and shared a car with the forest-bathing guide and Agnes, one of my design students. Winding down the road, the conversation turned to my latest obsession outside of Instagram: vibe coding.
When I mentioned that I built and launched the entire blog in just seven days, both of them gasped in disbelief. Neither of them comes from a tech background, so hearing that an absolute non-coder built a website in a week sounded like straight-up black magic.
Watching their amazed faces, I chuckled and shook my head.
"It really isn't about understanding code," I told them.
It wasn't magic, and I certainly hadn't turned into a computer whiz overnight. If you pasted the site's raw source code in front of me right now, I still wouldn't be able to tell you what the lines mean. That speed had nothing to do with programming. It had everything to do with how my day job has trained me to work for more than twenty years.
How Landscape Architects Work
By profession, I am a landscape architect. I have more than twenty years of professional experience, many of them spent in fast-paced international design firms, juggling tight deadlines and complex, high-pressure master plans.
In landscape architecture, there is one non-negotiable reality: we almost never work alone. Teamwork isn't corporate fluff you put on a slide; it is simply how we survive every single day.
Decades in that environment gave me some very specific instincts:
First, I have an eye that hunts down reference images at lightning speed. When a concept sparks in my head, I don't waste time trying to describe abstract geometry in thin air. I immediately pull together the right reference images that capture the exact mood, materiality, spatial proportions, and human feeling of the space.
Second, I know how to give crisp directions and design markups. I will not drop a pile of pretty pictures on a junior designer's desk in total silence, expecting them to read my mind. I pull out a red pen, circle specific zones, mark them up, and articulate why I want a change—whether for aesthetic balance or for how a person will actually experience walking through that space.
Third, I always gauge a teammate's capabilities before handing off a brief. When a new designer joins the team, I don't dump tasks on them blindly. I ask questions, test what tools they know, and figure out their strengths and limits. Only then do I know how to frame the task, explain my expectations, and set realistic benchmarks.
I'm also completely comfortable working with people who aren't sitting next to me. During the pandemic, we collaborated remotely as second nature, and I have spent years teaming up with colleagues stationed in other offices. An AI agent is really no different: a colleague you've never met in person, collaborating across a screen.
So when I sat down to vibe code, I wasn't acting like an intimidated beginner desperately memorizing syntax. I was acting like a creative director briefing her team.
A Very Good Question
That dynamic showed up clearly while building the landing page for this blog.
When Claude and I started, my very first question was not "Can you build this page?"
I asked: "Can you read live external web links?"
I wanted to pull reference sites from the web for it to look at, so I needed to know our communication boundaries upfront. If it couldn't read live URLs, my entire workflow would have had to change—taking dozens of screenshots, typing out tedious layout breakdowns, or finding messy workarounds.
Once Claude confirmed that it could browse live links, it did something that immediately caught my attention. Instead of rushing to spit out generic boilerplate code, it behaved like a seasoned senior designer. It turned around and asked me to explain the specific reasons why I liked each reference site I had shared.
That was a very good question.
Because it asked the right question, I gave it an exact, detailed brief: which visual elements matched my aesthetic, how the user journey should flow, and the overall mood we wanted to strike. With that clarity, Claude nailed the structure.
What followed was the familiar back-and-forth rhythm of my day job: refining layouts, nudging font sizes, tightening margins, and polishing the user experience—exactly like marking up landscape schemes with my design team.
And during that iteration, something fascinating happened. Many of my markups were driven purely by aesthetic intuition: "This feels a bit cramped," "Give this block more breathing room," or "The balance here feels off." I was communicating in sensory, design-led language. Claude would immediately understand, validate my observation, but then reply in its unmistakably machine voice: "Yes, I measured the pixel spacing and set up a rule to maintain that proportion."
I loved that contrast. My human aesthetic eye was being backed up by machine precision. What I felt intuitively but couldn't articulate in technical terms, Claude locked down with exact, pixel-perfect rules.
(Writing has its own version of this workflow—which is how six posts came together in two weeks—but that experiment deserves a post of its own.)
George's Half and the Right Teammate
Earlier this week, when I told my friend George about the seven-day turnaround, his immediate reaction was: "Well, that's because you have a strong AI."
George's half of the argument is definitely true. If I had stayed stubbornly chained to that first AI agent from August, this website wouldn't exist yet.
Yet a powerful AI is still only half the equation. Hand a brilliant AI to someone who doesn't know how to brief, how to select reference images, or how to mark up revisions, and it will just produce polished clutter. On the flip side, more than twenty years of design experience won't get you a live website in seven days if your teammate can't write a single line of code.
My own takeaway comes down to four interlocking pieces: the right tool, the right teammate, good teamwork, and an efficient workflow.
When those four line up, the friction between having an idea and bringing it to life disappears. My professional instincts and my AI teammate complement and unlock each other. Not knowing how to code is no longer the bottleneck holding my creativity back; instead, the ideas in my head are making their way out into the world faster than ever before.
As for my Fitting Room app? It's still resting quietly on my laptop. November is creeping up fast, and I have another website to finish first.
第三週:那段車子裡的對話、設計修改、強大的 AI
第二個意外的支線,以及第一個網站為什麼能那麼快
又一個不在計畫內的支線
上一篇文章的最後,我提到我忙著把這個部落格架起來,所以我的紙娃娃穿搭程式 Fitting Room 正安安靜靜地躺在我的筆電裡,一個畫面都沒動。
一個星期過去了,關於 Fitting Room,我有一個最新進度:它依然躺在那裡。安安靜靜的。
這整整一週,Fitting Room 得到的時間依舊是零。因為就在我把這個部落格架好、並順手寫了幾篇新文章之後,我又離題了。或者更準確地說,我繞回了一個更早的舊支線。
八月下旬,我回台灣的時候,曾嘗試為我的 Instagram 帳號(@love.in.hongkong)做一個專屬網站。那時候的我根本不知道,我正在做的事叫做 vibe coding(用聊天的方式寫程式)。我當時只是單純想測試看看,一個新的 AI agent 到底能做什麼。
只可惜,那個網站的架設一點都不順利。我卡關了,且一直撞牆,也很失望。我原本以為我很快就能有一個新網站了。我哥建議我去學 Figma,用它當輔助來畫版面。但我馬上就要開學了,要進入忙碌的教書生活,如果這時候還要逼自己學一套完全陌生的設計工具,對我來說實在太累了。於是我把那個網站晾在一旁,決定以後再說吧。
直到這個部落格出現。我和 Claude 合作,只花了七天就把它從零到有架了起來。那次經驗向我證明了,Claude 到底具備什麼樣的執行力。
於是我把那個 IG 網站重新翻出來,交給 Claude 接手。這就是我這星期在做的事。
那為什麼我要幫我的 IG 做網站呢?我經營的 @love.in.hongkong,主要是帶著大家用雙腳探索香港,並且把繁瑣的交通和路線先幫大家整理好。但是在 IG 上很難搜尋或瀏覽我已經做好的大量影片,而網站正好可以解決這個問題。它可以成為一個有條理的香港旅遊導覽網站,同時也是我 IG 內容的一個作品集網頁。
我現在的 IG 帳號粉絲數已經九千多人了。我計畫等到粉絲數達到一萬人的時候,正式公開這個網站。以現在的成長速度來看,應該在十一月就能達標,所以網站必須在那之前準備好。
至於 Fitting Room?只能請它在筆電裡繼續多睡一會兒了。
森林浴的路上
部落格網站上線之後,有個問題一直懸在空中:第一個網站到底為什麼能那麼快?
一個完全不會寫任何一行程式碼的人,從星期三的一場閒聊開始,七天之內就把一個包含三本中文書、三篇文章的網站架上線。
這個答案,在星期天清晰了起來。
那天我去參加了一場森林浴活動。前往郊區的路上,我和森林浴的導師,還有我的設計課學生 Agnes 坐同一台車。我們聊到我除了 Instagram 之外,最近最投入的專案:vibe coding。
當我提到我只花了七天就把整個部落格做出來時,他們兩個都很驚訝。他們倆都不是科技圈的人,所以聽到有人居然能在一個星期內做出一整個網站,覺得好像某種神奇的黑魔法。
看著他們佩服的神情跟讚嘆聲,我忍不住笑了笑,搖了搖頭。
「這真的不是因為我懂寫程式啦。」我說。
這不是魔法,我也沒有突然變成什麼電腦天才。如果現在有人把這個部落格背後的原始程式碼貼在我面前,要我解釋那些一行行的符號是什麼意思,我依然完全看不懂。那個速度,跟懂不懂程式碼一點關係都沒有。它真正的核心,是我過去這二十年來,到底是如何工作的。
景觀設計師是怎麼工作的
我是一名景觀建築師,有超過二十年的專業經驗,很多年都在步調極快的國際設計公司裡,負責時程緊迫、要求嚴格的複雜專案。
在景觀建築這個行業裡,有一個最基本的現實:我們很少單打獨鬥。團隊合作不是什麼寫在手冊上的企業口號,而是我們每天工作的方式。
長年在這種高壓、講求效率的環境下工作,會把人訓練出幾種非常直覺的專業習慣:
第一,我有一雙能極快找到參考資料的美學眼睛。當我腦中浮現一個設計想法時,我不會花時間空口描述抽象的幾何形狀。我會非常迅速地搜尋並挑選出最到位的參考圖片(reference images),精準傳達出我想要的整體氛圍、材質質感、空間比例,以及人在那個環境裡的真實感受。
第二,我懂得如何給予清楚的指令和圖面標註(markup)。我不會把一疊漂亮的參考圖片丟到同事桌上,什麼都不說,然後期待他有讀心術,知道我想要什麼。我會在圖紙上勾選、寫標註,並且清楚解釋「為什麼」我喜歡某個細節、為什麼要這樣調整。我會說明這是基於美學的考量,還是站在使用者的體驗出發。
第三,在把工作分派出去之前,我會先摸清楚隊友的能力。當一個新的設計師加入團隊,我不會盲目地把工作丟給他。我會先問問題,了解他能做什麼。只有先了解隊友的能力,我才知道該怎麼交代任務、怎麼解釋需求,以及該把自己的期待放在哪裡。
我也很習慣跟「沒有坐在身邊的隊友」合作。疫情期間,我跟遠端的同事一起工作;也常跟不同辦公室的同事合作。AI agent 其實就像這樣:一個我從來沒見過面、但一起在線上工作的同事。
所以當我坐下來開始 vibe coding 的時候,我的心態並不是一個試著死背語法的程式新手。我是創意總監,正在給我的團隊交代任務。
一個非常好的問題
在設計這個部落格,正準備和 Claude 討論首頁的排版時,我開口問的第一句話,並不是「你可以幫我寫出這個網頁嗎?」
我問的是:「你可以讀外部網站連結嗎?」因為我想要上網找一些我覺得好看的網站讓它參考。所以,我得先知道該怎麼跟它溝通。如果它無法直接讀取網頁連結,我就需要改變我的溝通方式,比如一張張截圖、手寫文字拆解排版,或是尋找其他迂迴的方法。
當 Claude 確認它能直接讀取網頁之後,它的反應立刻引起了我的注意。它沒有急著丟出一堆程式碼,反而表現得像一個非常聰明的資深設計師。它反過來向我提出了一個要求:請我詳細說明,在那些我提供給它的參考網站裡,我究竟具體喜歡哪一個網站的哪些部分,背後的「原因」是什麼?
那真是一個非常好的問題。
正因為它問了對的問題,所以我給了它一份非常精準且清楚的方向:哪些視覺元素符合我的美學、整體的使用形式是什麼,以及我們希望呈現的調性。有了明確的指引,Claude 便開始精準執行網頁的架構。
接下來的過程,就是我非常熟悉的節奏:來回溝通、微調版面、調整字體大小、修改邊距、優化體驗,就跟我們平常在設計公司裡和同事一來一往修改景觀方案一樣。
而且在這個來回微調的過程中,我發現了一件很有趣的事。很多時候,我的修改完全是出自美學直覺,比如「這裡感覺太擠了」、「那個區塊需要更多呼吸的空間」、「整體的視覺比重不太對」。我用感性的人類語言去解釋,Claude 聽懂了之後,除了認同我的看法,還會用一種非常「機器」的方式回覆我:「是的,我測量了像素距離,並且重新設定了排版規則。」那一刻我覺得非常奇妙:我的肉眼美學要求,背後有它用機器的精準像素在撐腰。我無法用技術語言精確定義的感覺,它用冰冷精密的規則幫我固定了下來。
我也發展出一套利用 AI 輔助我寫文章的方法,兩個星期能寫出六篇文章,就是靠它。不過那個故事,值得另外寫一篇。
George 的另一半推論,與對的隊友
這星期我和朋友 George 聊到了這件事。
他聽到我七天做出一個網站的過程後,第一時間給出的反應是:「哎呀,那是因為妳的 AI 很強啦。」
這也是真的。如果我只跟八月那個 AI agent 合作,網站不可能做得這麼快。
然而,擁有一個強大的 AI,終究只是一半的答案。它還是需要一個懂得怎麼交代任務、怎麼挑參考圖、怎麼標註修改的人。相對地,就算有超過二十年的設計底子,如果沒有一個能把想法寫成程式碼的隊友,我也沒辦法在七天內讓一個網站上線。
我自己的總結,其實就是四個關鍵要素的組合:對的工具、對的隊友、好的團隊合作,加上一套高效率的工作流程。
當這四個要素同時就位時,原本卡在想法和實現之間的巨大阻力就消失了。我的專業訓練和我的 AI 隊友正好互相補位、互相成長。我不會寫程式這件事,不再是我發揮創意的絆腳石;相反地,那些在我腦袋裡盤旋的想法,現在能比以往任何時候都還要快地被實現出來。
至於我的 Fitting Room 程式,依然安靜地待在我的筆電裡。十一月眨眼就到了,我得先把另一個網站趕出來才行。