https://www.coolkidlab.com/ AI Workflow Lab — 一個非工程師背景的公開實驗室。從 0 開始學 AI、SEO、自動化，把每個踩坑寫成可被引用的文章。 zh-Hant https://www.coolkidlab.com/newbie-pitfalls/claude-code-beginner-make-website.html https://www.coolkidlab.com/newbie-pitfalls/claude-code-beginner-make-website.html 第一次用 Claude Code 做網站的完整 step-by-step：30-60 分鐘做出一個能上線的條件式問答工具（投資個性測驗 / MBTI / 客戶 onboarding 都能套）。含資料夾命名、電腦安全設定、AI 規劃模式切換、GitHub + Vercel 部署完整指令。 2026-05-13T00:00:00Z https://www.coolkidlab.com/newbie-pitfalls/claude-code-vercel-deploy-not-working.html https://www.coolkidlab.com/newbie-pitfalls/claude-code-vercel-deploy-not-working.html Vercel 部署不更新完整 troubleshoot SOP：3 層同步診斷（本機 / GitHub / Vercel）、部署前 5 步 checklist、什麼時候該重寫不該修補的決策框架，以及一個手機可用的童裝庫存管理頁完整 step-by-step。新手避開卡 3 小時。 2026-05-13T00:00:00Z https://www.coolkidlab.com/newbie-pitfalls/ai-built-my-trading-journal.html https://www.coolkidlab.com/newbie-pitfalls/ai-built-my-trading-journal.html 用 Claude Code 做交易日誌 PWA 完整 step-by-step：使用情境設計法、5 個必備功能、PWA 加到手機桌面教學、給自己用 vs 給市場用的決策框架。一個全職交易者親寫，30-60 分鐘做出每天會打開的工具。 2026-05-13T00:00:00Z https://www.coolkidlab.com/newbie-pitfalls/ai-daily-thread-auto-poster.html https://www.coolkidlab.com/newbie-pitfalls/ai-daily-thread-auto-poster.html 用 Claude Code 做 Threads 自動發文 bot step-by-step:voice profile 萃取、GitHub trending 抓取、Windows 中文編碼解法、定時觸發。30-60 分鐘上線。 2026-05-13T00:00:00Z https://www.coolkidlab.com/newbie-pitfalls/ai-ig-news-auto-poster.html https://www.coolkidlab.com/newbie-pitfalls/ai-ig-news-auto-poster.html 用 Claude Code 做 IG 自動發文 bot 完整 step-by-step：4 頁設計法、多模型分工（便宜小模型過濾 + 貴模型寫稿，成本降到 1/10）、Python 自動生 PNG 圖、AI 警語為什麼必加。30-60 分鐘做出每半小時自動發 IG 的新聞 bot。 2026-05-13T00:00:00Z https://www.coolkidlab.com/newbie-pitfalls/ai-built-a-real-product-website.html https://www.coolkidlab.com/newbie-pitfalls/ai-built-a-real-product-website.html 用 Claude Code 做多頁產品網站完整 step-by-step：先 mock 全貌再分階段填內容、給 AI「世界觀」比給指令有效、4 階段上線法。一個非工程師做出 14 頁付費產品的方法論，2-3 週可全跑完。 2026-05-13T00:00:00Z https://www.coolkidlab.com/newbie-pitfalls/learning-seo-with-ai-as-a-trader.html https://www.coolkidlab.com/newbie-pitfalls/learning-seo-with-ai-as-a-trader.html 用 AI 從 0 學 SEO 完整 step-by-step：把 AI 當研究員（不是當老師）、4 個學 SEO 必做動作（sitemap / 速度 / 內鏈 / E-E-A-T）、邊學邊做的練習場架構、3 個數據驗證模型。一個全職交易者用自己的 Lab 當實測場，build-in-public 公開 6 個月全過程。 2026-05-13T00:00:00Z https://www.coolkidlab.com/newbie-pitfalls/building-this-lab-itself.html https://www.coolkidlab.com/newbie-pitfalls/building-this-lab-itself.html 建個人品牌 Lab 容器完整 step-by-step：為什麼模板不夠、視覺世界觀 4 步驟、前台直接編輯架構、SEO/視覺/內容三軸協同。一個非工程師把 8 個專案串成個人品牌宇宙的方法論，4-6 週可全跑完。 2026-05-13T00:00:00Z https://www.coolkidlab.com/newbie-pitfalls/claude-code-windows-setup.html https://www.coolkidlab.com/newbie-pitfalls/claude-code-windows-setup.html Windows 10/11 安裝 Claude Code 完整 step-by-step：4 步指令、3 個 Windows 專屬雷的解法、跟 Mac 教學的差異對照、第一個專案怎麼開。一個用 Windows 11 跑半年的非工程師寫給非工程師看，30 分鐘可全跑完。 2026-05-13T00:00:00Z https://www.coolkidlab.com/newbie-pitfalls/ai-built-family-line-bot.html https://www.coolkidlab.com/newbie-pitfalls/ai-built-family-line-bot.html 永久免費 LINE Bot step-by-step:FastAPI + Supabase + Render + cron-job.org 三件套、LINE Auto-reply 必關設定、Render 2025 砍 cron 替代、regex parser 省 API 費。 2026-05-13T00:00:00Z https://www.coolkidlab.com/newbie-pitfalls/typewriter-killed-my-lcp.html https://www.coolkidlab.com/newbie-pitfalls/typewriter-killed-my-lcp.html Lab 加了 typewriter 進場動畫 PageSpeed 從 93 掉到 83、LCP 從 2.3s 拖到 4.0s。5 分鐘 root cause + 拿掉 step + LCP 計算邏輯 + 替代方案。 2026-05-13T00:00:00Z https://www.coolkidlab.com/seo-journey/gsc-basics.html https://www.coolkidlab.com/seo-journey/gsc-basics.html GSC 入門指南 2026-05-13T00:00:00Z https://www.coolkidlab.com/seo-journey/tech-seo.html https://www.coolkidlab.com/seo-journey/tech-seo.html 新手第一次提交 sitemap 的紅字處理 2026-05-13T00:00:00Z https://www.coolkidlab.com/seo-journey/pagespeed-67-to-93.html https://www.coolkidlab.com/seo-journey/pagespeed-67-to-93.html LCP / CLS / a11y 三輪優化 2026-05-13T00:00:00Z https://www.coolkidlab.com/seo-journey/ga4-csp-trap.html https://www.coolkidlab.com/seo-journey/ga4-csp-trap.html 靜態站 GA4 安裝與 CSP 排錯 2026-05-13T00:00:00Z https://www.coolkidlab.com/seo-journey/gsc-new-site-day5.html https://www.coolkidlab.com/seo-journey/gsc-new-site-day5.html 新站索引漏斗解讀 2026-05-13T00:00:00Z https://www.coolkidlab.com/seo-journey/ga4-events.html https://www.coolkidlab.com/seo-journey/ga4-events.html 7 個自訂事件實作完整 code + 主要事件策略 2026-05-13T00:00:00Z https://www.coolkidlab.com/seo-journey/serp-recon-and-ai-hygiene.html https://www.coolkidlab.com/seo-journey/serp-recon-and-ai-hygiene.html @darkseoking 大大幫看出關鍵字研究沒做 2026-05-13T00:00:00Z https://www.coolkidlab.com/seo-journey/from-seo-to-geo.html https://www.coolkidlab.com/seo-journey/from-seo-to-geo.html SEO 章節結業盤點 + GEO 章節預告 2026-05-13T00:00:00Z https://www.coolkidlab.com/seo-journey/geo-first-cleanup.html https://www.coolkidlab.com/seo-journey/geo-first-cleanup.html GEO 章節第一動。grep audit 17 句 vague citation + 4 種翻牌 pattern 2026-05-13T00:00:00Z https://www.coolkidlab.com/seo-journey/geo-quotable-blocks.html https://www.coolkidlab.com/seo-journey/geo-quotable-blocks.html GEO 第二動。19 篇 × 9 bullet = 171 個 quotable unit 全站套用 + 4 個踩坑修正表 2026-05-13T00:00:00Z https://www.coolkidlab.com/seo-journey/aio-five-principles-audit.html https://www.coolkidlab.com/seo-journey/aio-five-principles-audit.html AIO 5 原則對 Lab 自評(60 分) + 7 個結構動作 + 改後對照分數(85 分) + 踩坑紀錄 2026-05-13T00:00:00Z https://www.coolkidlab.com/seo-journey/pagespeed-79-to-89-critical-path.html https://www.coolkidlab.com/seo-journey/pagespeed-79-to-89-critical-path.html Lab perf 戰役紀錄。24h 把 mobile 從 79 拉回 86-89。7 個動作 + 3 個踩坑 + 為什麼停在 86-89 是合理停損點 2026-05-13T00:00:00Z https://www.coolkidlab.com/seo-journey/gsc-weekly.html https://www.coolkidlab.com/seo-journey/gsc-weekly.html Lab 第 2 週 GA4 數據快照 + 流量來源解讀 + 下週動作 2026-05-13T00:00:00Z