幾乎不會 coding 的作品集

不會寫程式,也能叫 AI 幫你做一個小工具

這個網站裡的作品,大部分都是不會寫程式的人做的。他們做的事情很簡單:把想要的東西用講的告訴 AI,看到成果,再一句一句叫它改。

下面五個步驟,照著做一次,你就會知道是怎麼一回事。

  1. 想一件讓你煩的小事

    不用想什麼大發明。最好的題目,通常是這三種:

    • 每次都要重算一次的(加班費、分帳、報價)
    • 每次都要問人、翻訊息才找得到的(誰付錢了、東西放哪)
    • 一直記在紙上或腦袋裡的(打卡、吃藥、存貨)

    別人真的做出來的例子:

  2. 打開一個 AI 聊天工具

    ChatGPT、Claude、Gemini 都可以,先用免費版試就好。三家都能直接在對話裡做出網頁,並且當場打開來用(名稱不太一樣,ChatGPT 和 Gemini 叫 Canvas,Claude 叫 Artifacts)。

    如果畫面上沒看到可以打開的成品,就再補一句:「請給我一個完整的 HTML 檔,我存到電腦用瀏覽器打開。」

    各家的免費額度和功能常常調整,以官方網站為準。

  3. 照這句話開口

    把空格換成你自己的情況,越具體越好。說清楚「給誰用、要做到什麼、不要什麼」就夠了。

    萬用開場我想做一個網頁小工具,給__用。它要能__、__、__。請做成打開就能用的網頁,不用登入,資料存在這台手機或電腦裡就好。畫面要簡單,字大一點,手機也好按。

    不知道怎麼填?挑一個最接近的直接改:

    記帳、分帳我想做一個分帳小工具,給我跟室友用。可以記每一筆誰付了多少、要分給哪些人,最後自動算出誰該給誰多少錢。請做成打開就能用的網頁,不用登入。
    點餐收錢我想做一個團體點餐工具,給我們辦公室用。可以列出每個人點了什麼、多少錢,一個一個勾「已付款」,上面隨時看到總共要收多少、已經收了多少。請做成打開就能用的網頁。
    打卡、紀錄我想做一個每天紀錄的小工具,給我自己用來記__(例如血壓、喝水、運動)。每天按一下就能記,能看到最近一個月的變化圖,資料可以匯出成 Excel。請做成打開就能用的網頁。
    提醒清單我想做一個出門前的檢查清單,裡面有鑰匙、錢包、手機。每樣按一下就打勾,全部打勾會跳出「可以出門了」,隔天自動清空。請做成手機打開就能用的網頁。
    小遊戲我想做一個簡單的小遊戲,給小學生玩。玩法是__,有計分和重新開始的按鈕,畫面可愛一點。請做成打開就能玩的網頁,手機也能玩。

    更多靈感可以逛生活、理財與記帳、遊戲與娛樂這幾類。

  4. 做出來不滿意,就直接說

    第一次做出來通常不會完美,這很正常。不用懂原因,把你看到的問題講出來就好:

    按了沒反應我按「__」按鈕之後沒有反應,請幫我修好,並告訴我要怎麼測試。
    看不懂、太亂畫面太複雜了,我看不懂要從哪裡開始。請把按鈕變少、字放大,最重要的功能放最上面。
    想加功能我想多一個功能:__。請加上去,其他原本的功能不要動。

    一次只改一件事,比一次講五件事容易成功。

  5. 想給別人用之前

    自己用,怎麼做都可以。要分享給別人用,有兩件事先想清楚:

    • 別人的資料存在哪裡?如果會記到姓名、電話、帳號,先問 AI:「這樣存資料安全嗎?別人看得到嗎?」
    • 壞掉了誰來修?手機系統更新、網站方案到期,都可能讓它突然不能用。

    想多了解這些,可以讀評論:作品不是產品;想看別人做到什麼程度,就回作品逛逛。