前端开发

安裝並使用 vercel-react-best-practices，將 Vercel Engineering 的實務指引套用到 React 與 Next.js 開發，加快程式執行、做出更好的 bundle 決策，並減少效能回退。

安裝並評估 vercel-react-native-skills。這是一套聚焦於行動效能、UI 模式、動畫與原生 App 架構的 React Native 與 Expo 最佳實務技能。

在 React 中建立程式化影片、動畫與音訊驅動合成時，實用的 Remotion 最佳實務指南。

使用 frontend-design 技能打造更精緻的前端介面，兼顧明確的視覺方向、可實作的程式碼輸出，以及優於一般制式 UI 的成果。

安裝並使用 `vercel-composition-patterns`，將可擴充的 React 組合模式導入專案，包括 compound components、lifted state、explicit variants，以及對 React 19 友善的 API。

使用 React、TypeScript、Tailwind CSS 和 shadcn/ui 建構較複雜的 Claude HTML artifact，最後再將所有內容打包成單一可攜式 HTML 檔案。

以 Playwright 為基礎的 skill，適合測試本機網頁應用、檢查實際渲染出的 UI 狀態、擷取螢幕截圖，以及收集瀏覽器 console logs。