Google Stitch CLI:設計交給 Stitch、程式交給 agent,改完一句話同步回程式碼 #shorts
Short0:43Science & TechnologyPublished Oct 19, 2026, 1:27 PM · 3d ago
Views
1,570
+4 views/hour
Views / hour now
4
measured 1h ago
Peak views / hour
93
2d ago
First 24 hours
912
views at 24 h
Engagement
2.0%
likes + comments / views
Likes
32
2.0% of views
Comments
0
0.00% of views
Est. ad revenue
$0–$0
lifetime, $0.015–0.04 RPM
Checked every 3 h while the video is this age · last check 1h ago · next in 93 min. YouTube itself updates public counts with a short delay.
Avg views / day
515
since upload
vs channel median
1.0×
this video's views ÷ the channel's usual
Rank in channel
#26
of 42 tracked
Views over time
78 readings
Total views Views gained per hour
Description
設計交給 Stitch,程式交給 agent。Google 把 AI 設計工具 Stitch 接進你的終端機了:Stitch CLI(@google/stitch,Google Labs 2026/10/1 推出)。
▍它做什麼
・你的 coding agent 會把本機跑起來的頁面抓進 Stitch(stitch capture),一次出好幾個版本讓你挑
・在 Stitch 裡改好的設計,叫 agent 同步回你的程式碼,本機頁面直接換成新設計
▍怎麼開始
叫你的 agent 照官方文件裝好 CLI 跟 skill:
npm i -g @google/stitch
stitch agent-skills add --user
Claude Code、Cursor 也能用 stitch mcp install 一個指令註冊。
▍DESIGN.md
agent 還能從你的程式碼整理出一份 DESIGN.md(Google 開源的設計系統格式),傳上 Stitch 之後,新畫面就照你的配色跟字型出。
▍來源
・Stitch CLI(npm):https://www.npmjs.com/package/@google/stitch
・官方文件:https://stitch.withgoogle.com/docs/cli/overview
・官方 skills:https://github.com/google-labs-code/stitch-skills
・DESIGN.md 格式:https://github.com/google-labs-code/design.md
・發表貼文:https://x.com/stitchbygoogle/status/2105695155164741984
畫面來源:Stitch 官方(@stitchbygoogle)發表影片 https://x.com/stitchbygoogle/status/2105695155164741984 、四步驟示範影片 https://x.com/stitchbygoogle/status/2110477091623850372 (示範裡的 agent 是 Antigravity)。DESIGN.md 畫面是照官方 README 範例格式重畫的示意。
#GoogleStitch #StitchCLI #AI工具 #AI懶人報
Tags
AI 工具AI 懶人報AI 設計Claude CodeCursorDESIGN.mdGoogle LabsGoogle StitchStitch CLIUI 設計coding agent
Details
- Published
- Oct 19, 2026, 1:27 PM
- Length
- 0:43 (43 s)
- Format
- Short (3 min or less)
- Category
- Science & Technology
- Audio language
- ZH-TW
- Quality
- HD
- Captions
- No
- Made for kids
- No
- Licensed content
- No
- Video ID
- ltcbsL98eD0
More from AI懶人報
Harness Anything:叫 AI 直接操作 Office、Photoshop、Zotero(開源) #shorts128 views · 2h ago · +117/h
EP441 - Claude Duet 完整解析:會先來找你的 Claude,跟 Grok Bot、Muse、dots 差在哪?2.1K views · 3h ago · +1.3K/h
EP440 - PHP 大漏洞讓各國網站先關站:AI 做了什麼?你的網站該怎麼辦1.2K views · 4h ago · +449/h
diagram-design:AI 畫的圖變雜誌級,44 種圖表連 3D 爆炸圖都會 #shorts356 views · 4h ago · +125/h
EP439 - SpaceX 要和特斯拉合併?3.5 兆天價背後,真正讓馬斯克現在出手的原因是什麼153 views · 6h ago · +17/h
Claude Duet:早上醒來,Claude 先傳訊息給你 #shorts256 views · 7h ago · +8/h
agent-memory:Claude Code 學到的事,換到 Codex 也記得(開源・記憶存成 Markdown) #shorts779 views · 10h ago · +76/h
ChatGPT 新語音 GPT-Live:插話、即時翻譯,原聲讓你聽 #shorts224 views · 13h ago
Statistics from the YouTube Data API, tracked by FameX. Views per hour, revenue and comparisons are FameX estimates.