客戶續費風險管理：把續約風險看板裝進 Agent Skill
SkillHub 社區 Skill「客戶續費風險管理」（@user_cc868f0b/20260425，v1.0.1）將客戶續約風險看板封裝爲含 React TypeScript 源碼、配置與技術文檔的可分發包，支持續簽狀態、預計金額、跟進時間、續約意向與多維度篩選。無需 API Key。可通過 skillhub install 安裝到 Cursor、Claude Code、Codex 等 skills 目錄，或由 AI 按官方安裝文檔完成配置，適合 business-ops 場景下的續約看板開發與迭代。
閱讀全文騰訊雲 CloudBase Web 開發 Skill：React / Vue 工程化與 CloudBase 集成
介紹 SkillHub 企業源 Skill @tencent-adm/web-development（v2.36.0）：騰訊雲 CloudBase 團隊維護的 Web 前端工程指南，覆蓋 React/Vue/Vite、@cloudbase/js-sdk、內置認證邊界與靜態託管部署。說明激活場景、TypeScript 與瀏覽器自驗規則、History 模式 SPA 404 配置，以及 skillhub install 與各 Agent skills 目錄安裝方式。
閱讀全文prompt-engineering：把 Agent 的 Prompt 寫成可複用的工程規範
oakoss/agent-skills 中的 prompt-engineering（v1.0，MIT）將 CoT、ReAct、Tree-of-Thoughts、extended thinking 與工具調用設計整理爲可安裝的 Agent Skill，並對 Claude 4.x、GPT-4.1、OpenAI o 系列及多模態場景給出差異化寫法。文章介紹其核心原則、模式速查、常見錯誤與 pnpm dlx 安裝方式，說明適合結構化推理與 Agent 工作流、不適合簡單問答與開放式創意寫作，並給出官方 GitHub 地址。
閱讀全文DeepSeek Harness 插件：dsh-uisketch
`dsh-uisketch` 插件將 `ui-sketch-to-ai` 畫板編輯器集成至 DSH Web 界面。用戶可拖拽組件、調整屬性並導出 JSON 佈局描述（不含背景圖數據）。通過側欄開關或全屏浮層操作，實現輕量級 UI 設計與 AI 數據傳遞。
閱讀全文DeepSeek Harness 插件介紹：satan9394/dsh-web-artifacts
`dsh-web-artifacts` 是 DeepSeek Harness 生態中的一款插件，旨在簡化交互式 Web 組件的開發。它允許開發者結合 React 邏輯與 shadcn UI 樣式，將組件打包爲單一可部署文件。該插件支持在 DSH 環境中運行具備交互能力的 Web 界面。用戶需自行通過倉庫鏈接安裝，使用前應檢查源碼與許可證，注意權限與安全風險。
閱讀全文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 按現代前端工程交付頁面。
閱讀全文