DeepSeek Harness GenUI：爲當前任務生成 React 界面，並把狀態帶入下一輪 Agent
DeepSeek Harness GenUI（dsh-plugin-genui）是 pengyue-polaron 維護的 DSH 客戶端插件。它讓 Coding Agent 爲當前任務編寫 React + TypeScript 界面，把用戶選擇、輸入和進度保存到任務狀態，供下一輪 Agent 讀取。支持 Inline、Canvas、全屏和 CLI/localhost 四種入口，權限聲明與沙箱隔離，失敗更新不覆蓋可用版本。安裝命令：dsh plugin --profile web add dsh-plugin-genui。適合多步驟交互、模擬器和代碼路徑探索等 code-first GenUI 場景。
閱讀全文用 dsh-user-experience 在開發階段按用戶畫像走查前端體驗
dsh-user-experience 是 DietCokewithSugar 維護的 DeepSeek Harness UX 走查插件：按目標用戶畫像掃描 React / Vue 源碼，定位體驗問題，確認後給出可複製給編碼 Agent 的任務 Prompt。本文按目錄頁與 GitHub README 覈實安裝命令、27 條規則、改動觸發走查和權限注意點。
閱讀全文vercel-react-view-transitions：按官方工作流給 React 加上原生過渡動畫
vercel-react-view-transitions 是 Vercel Labs 官方 Agent Skill，教 Cursor、Claude Code、Codex 用 React 的 ViewTransition 與 addTransitionType 做原生頁面過渡。可用 npx skills add 安裝。覆蓋共享元素、Suspense 揭示、列表重排和路由方向動畫，並附 Next.js App Router 說明。ViewTransition 目前在 React Canary 通道；App Router 已內置，不必再裝 react@canary。不支持的瀏覽器只是沒有動畫。
閱讀全文shadcn Skill：讓 AI 按項目配置搜索、安裝和組合 shadcn/ui 組件
shadcn 是 shadcn/ui 官方 Agent Skill。安裝後會讀取項目的 components.json，通過 shadcn info --json 注入框架、別名、已裝組件、圖標庫和底層原語，再按官方組合規則搜索、安裝、調試和拼接 UI。它隨 2026 年 3 月 CLI v4 發佈，可用 pnpm dlx skills add shadcn/ui 裝進 Cursor、Claude Code、Codex 等工具，避免助手憑記憶寫出對不上項目的組件。
閱讀全文remotion-best-practices：讓 AI 按規範寫出 Remotion 程序化視頻
介紹 Remotion 官方 Agent Skill remotion-best-practices：它作爲總入口，把創建項目、Markup、地圖、字幕、Studio、渲染、升級等子技能路由給 Cursor、Claude Code、Codex 等代理。文章基於官方 SKILL.md 與文檔，說明安裝命令、幀驅動動畫規範（useCurrentFrame + interpolate）、媒體與資源約定，以及預覽/抽幀用法，幫助用 AI 寫程序化視頻時少踩渲染坑。
閱讀全文web-artifacts-builder：用 React 棧讓 Agent 產出可交付的前端 HTML 產物
Anthropic 官方 Skill web-artifacts-builder，用 React 18、TypeScript、Vite、Tailwind 與 shadcn/ui 構建複雜多組件 Web 產物。init-artifact.sh 初始化腳手架並預裝 40+ 組件，bundle-artifact.sh 打包爲自包含 bundle.html。本文涵蓋 Claude Code、Cursor 等安裝啓用方式、四步工作流與適用場景，幫助 Agent 按現代前端工程交付頁面。
閱讀全文