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 按现代前端工程交付页面。
阅读全文