iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

玩Switch 2 不如 玩Stitch Lab:用 Stitch 加速你的網頁開發 系列

這次鐵人賽是想要介紹vibe coding工具 《 Stitch Lab 》,然後再結合前端的技巧讓大家了解。

參賽天數 24 天 | 共 24 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文 團隊nutc imac T1
DAY 1

Day1 前言

前言 今天是鐵人賽第一天,先來自我介紹我是小小,這次是我第二次參加鐵人賽,而在這次參加鐵人賽的契機是加入實驗室而且也是一個自己學習vibe coding的心得感...

2025-09-15 ‧ 由 lxylim 分享
DAY 2

day 2 Stitch 是什麽?

Google Stitch:革命性的 AI 驅動 UI 設計工具 什麼是 Google Stitch? Google Stitch 是 Google Labs...

2025-09-16 ‧ 由 lxylim 分享
DAY 3

day 3 Stitch 是什麽? (接)

Vibe Coding 革命 Stitch 體現了 Vibe Coding 的精神 —— 這是由 OpenAI 共同創辦人 Andrej Karpathy 提出...

2025-09-17 ‧ 由 lxylim 分享
DAY 4

day 4

首先,這個是stitch的網址:stitch 接下來,網址點進去后我自己是必須登錄自己google的賬號,因爲如果不登錄的話就無法使用stitch的功能,而且在...

2025-09-18 ‧ 由 lxylim 分享
DAY 5

day 5

而其實使用stitch最重要的則是這個輸入框,而stitch的好處是可以輸入自然語言的情況去生成UI畫面以及figma。 而其實Stitch還有另一個模式,那...

2025-09-19 ‧ 由 lxylim 分享
DAY 6

day 6

説了這麽多天的介紹以及理論,今天就開始使用Stitch吧~ 那我這次主要報名的主題是modern web,所以主要是會圍繞與網頁版本的哦。 那首先需要先下提示詞...

2025-09-20 ‧ 由 lxylim 分享
DAY 7

day 7

昨天講到了下提示詞以及生成頁面,那這個是我自己下的提示詞所生成的頁面。 那今天就來介紹stitch另一個很重要的功能,在於專案網頁開發的時候有一個最重要的工具...

2025-09-21 ‧ 由 lxylim 分享
DAY 8

day 8 experimental mode

那前幾天都在說標準模式(standard mode),而今天就來説實驗室模式(experimental mode)。 我自己覺得如何凸顯出這兩個模式的差別那就是...

2025-09-22 ‧ 由 lxylim 分享
DAY 9

day 9 experimental mode (接)

這是我自己個人整理出來的差別 模式 Standard Mode Experimental Mode 模型 Gemini 2.5 Flash Gem...

2025-09-23 ‧ 由 lxylim 分享
DAY 10

day 10

今天就來分享experimental mode 的一個强大功能,那就是貼上圖片生成出頁面。 而我所使用的網站是:https://driftdestiny.com...

2025-09-24 ‧ 由 lxylim 分享