DeepSeek Harness GenUI: Generate React Interfaces for Current Tasks and Carry State into the Next Agent Round
DeepSeek Harness GenUI (dsh-plugin-genui) is a DSH client plugin maintained by pengyue-polaron. It enables Coding Agents to create React + TypeScript interfaces for current tasks, capturing user selections, inputs, and progress into task state for subsequent Agent iterations to read. Supporting four entry modes—Inline, Canvas, Fullscreen, and CLI/localhost—it features permission declarations and sandbox isolation, with failure updates that do not overwrite functional versions. Install via the command: `dsh plugin --profile web add dsh-plugin-genui`. It is well-suited for code-first GenUI scenarios such as multi-step interactions, simulators, and code path exploration.
Read MoreUsing dsh-user-experience to walk through front-end experience according to user personas during the development phase
### 翻译结果： dsh-user-experience is a DeepSeek Harness UX walkthrough plugin maintained by DietCokewithSugar: it scans React/Vue source code according to target user personas to locate experience issues, and provides task Prompts that can be copied to coding Agents after confirmation. This article verifies the installation commands, 27 rules, walkthrough trigger conditions when changes are made, and permission precautions based on the directory page and GitHub README.
Read More# Vercel React View Transitions: Adding Native Transition Animations to React Following the Official Workflow
`vercel-react-view-transitions` is an official Agent Skill from Vercel Labs, teaching Cursor, Claude Code and Codex to use React's ViewTransition and `addTransitionType` to implement native page transitions. It can be installed via `npx skills add`. It covers shared element transitions, Suspense reveal, list reordering and route direction animations, with instructions for Next.js App Router included. ViewTransition is currently available in the React Canary channel; App Router has built-in support and no longer requires installing `react@canary`. Unsupported browsers will simply not display the animations.
Read More# shadcn Skill: Let AI Search, Install and Combine shadcn/ui Components According to Project Configuration
shadcn is the official Agent Skill for shadcn/ui. After installation, it will read the project's components.json, inject the framework, aliases, installed components, icon library and underlying primitives via `shadcn info --json`, then search, install, debug and stitch together UIs according to the official combination rules. It was released alongside CLI v4 in March 2026, and can be added to tools like Cursor, Claude Code and Codex via `pnpm dlx skills add shadcn/ui`, preventing assistants from writing components that do not match the project based on memory.
Read More# remotion-best-practices: Let AI Write Remotion Programmatic Videos According to Specifications
This article introduces Remotion's official Agent Skill `remotion-best-practices`: as the main entry point, it routes sub-skills such as project creation, Markup, maps, subtitles, Studio, rendering, and upgrades to agents including Cursor, Claude Code, and Codex. Based on the official `SKILL.md` and documentation, this guide explains installation commands, frame-driven animation specifications (`useCurrentFrame` + `interpolate`), media and resource conventions, as well as preview/frame extraction usage, helping users avoid rendering pitfalls when using AI to program videos.
Read More# web-artifacts-builder: Using React Stack to Enable Agents to Deliver Deployable Frontend HTML Artifacts
Anthropic’s official Skill `web-artifacts-builder` builds complex multi-component web artifacts using React 18, TypeScript, Vite, Tailwind and shadcn/ui. The `init-artifact.sh` initializes the scaffold and pre-installs over 40 components, while `bundle-artifact.sh` packages the project into a self-contained `bundle.html`. This article covers the installation and activation methods for tools like Claude Code and Cursor, a four-step workflow, and applicable scenarios, helping AI Agents deliver web pages following modern front-end engineering practices.
Read More