vercel-labs

PR Merged Theater — Design skill for Claude Code

Design community

This UI must be built with Primer React (@primer/react).

How to install PR Merged Theater

Installs to ~/.claude/skills/vercel-labs-ds-skill-extraction-workshop-pr-merged-theater/SKILL.md

Terminal

mkdir -p ~/.claude/skills/vercel-labs-ds-skill-extraction-workshop-pr-merged-theater && curl -fsSL https://raw.githubusercontent.com/vercel-labs/ds-skill-extraction-workshop/HEAD/prompts/pr-merged-theater.md -o ~/.claude/skills/vercel-labs-ds-skill-extraction-workshop-pr-merged-theater/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What PR Merged Theater does

role: user phase: 2 audience: stage

This UI must be built with Primer React (`@primer/react`).

This is the **encore** of the merged-PR theater: the same satisfying flip from waiting to **Merged**, but staged on a panel as dense and alive as a real GitHub pull request — labels, counts, an editable merge box, and motion you can feel.

Edit `app/page.tsx` and put the composition in `components/showcase/pr-merged-theater.tsx` (`"use client"` on both).

The experience

The screen shows a

Alternatives in Design

Brainwave — Learn to create modern websites with sleek parallax effects and bento box layouts 1.9k ★
Poco Claw — A more beautiful and easier-to-use alternative to OpenClaw 1.3k ★
UI Skills — A growing set of skills to polish interfaces built by agents 1k ★