React

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

在 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 檔案。