工具與技能

這件事在解決什麼

目前實際在用、而且真的做出過東西的工具與技能，依用途分類列在這裡。

前端與網站

• Astro
• React
• Vite
• Tailwind CSS
• HTML / CSS
• JavaScript
• TypeScript
• SVG
• 響應式設計
• Three.js / WebGL
• React Three Fiber
• Next.js

後端與資料

• Python
• Django / DRF
• PostgreSQL
• REST API
• Docker
• Railway
• Cloudflare Pages
• Google Cloud Storage
• 角色權限與越權防護

自動化與整合

• LINE Messaging API
• Playwright
• 網頁爬取
• 排程與推播
• RSS / OpenAPI 串接
• LLM API 串接
• PDF 自動產生

影片製作與剪輯

• 短影音企劃與分鏡
• 剪映
• Adobe 系列
• FFmpeg
• 自動剪輯流程
• 語音轉錄
• 自動字幕
• 場景偵測
• 笑聲與現場反應偵測
• 切點自動檢查
• 直式自動人臉構圖
• 響度標準化
• AI 語音合成與配音
• 音色克隆（沿用本人聲音）
• 自寫剪輯軟體（多軌時間軸／切刀／拖放特效）
• 動態字卡與畫面特效模板
• 程式合成介面音效（無授權限制）
• 瀏覽器預覽與 4K 成片同一套算圖

攝影與 3D

• 攝影（風景／人像／商品）
• 構圖與後製調光
• Blender Cycles
• 3D 資產最佳化（減面／壓縮）
• 網頁 3D 效能預算與品質分級

設計

• Figma
• Figma 外掛開發
• fabric.js
• 設計系統與 Token
• 品牌識別
• 印刷品規格（尺寸／安全框）
• Apple HIG 介面規範
• 自寫平面設計軟體（圖層／鋼筆／自動排版／布林運算）
• 元件與變體
• 圖層效果與一鍵風格
• 手機與電腦即時同步編輯

介面動效與質感

• 元件細節與視覺層次
• 哪裡該動、哪裡不該動
• 進場與轉場曲線
• 可中斷的手勢互動
• 彈簧與速度繼承
• 動效審查與收斂
• 減少動態偏好支援
• 動畫效能取捨

內容與後台

• Decap CMS
• WordPress 嵌入
• Markdown 內容架構
• 全文搜尋

內容研究與社群

• 跨平台內容調研
• 競品內容觀察
• 選題與切角整理
• 社群圖文卡
• 品牌語氣與表達風格沿用

工作方式

• 交付前自動驗收
• 規格單一真實來源
• 踩坑紀錄與交接文件
• 無障礙與深淺色支援
• 多版本原型並列比較
• 套件選型與導入風險評估
• 動效術語一致，不各講各的
• 七十多項 AI 技能分十組，依任務自動調用

把複雜變簡單

• 術語翻成老闆聽得懂的話
• 流程先砍再做，不照搬紙本
• 多步驟收斂成一個按鈕
• 複雜判斷寫進程式，不丟給使用者
• 後台只留會用到的欄位
• 一頁看得完的操作說明