Agent skill

Master Playbook

by CopilotKit in CopilotKit/OpenGenerativeUI

Choose text, native components, or a custom interactive answer for understanding, comparing, and making tools.

MITAuto-check passed

Install Master Playbook

skills CLI

$ npx skills add CopilotKit/OpenGenerativeUI --skill master-playbook -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install CopilotKit/OpenGenerativeUI master-playbook --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/CopilotKit/OpenGenerativeUI.git skills-src && mkdir -p .claude/skills && cp -r skills-src/apps/agent/skills/master-playbook .claude/skills/master-playbook && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "master-playbook" agent skill from https://github.com/CopilotKit/OpenGenerativeUI/tree/main/apps/agent/skills/master-playbook into .claude/skills/master-playbook/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "master-playbook", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/CopilotKit/OpenGenerativeUI/tree/main/apps/agent/skills/master-playbook

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add CopilotKit/OpenGenerativeUI --skill master-playbook -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install CopilotKit/OpenGenerativeUI master-playbook --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/CopilotKit/OpenGenerativeUI.git skills-src && mkdir -p .agents/skills && cp -r skills-src/apps/agent/skills/master-playbook .agents/skills/master-playbook && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "master-playbook" agent skill from https://github.com/CopilotKit/OpenGenerativeUI/tree/main/apps/agent/skills/master-playbook into .agents/skills/master-playbook/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "master-playbook", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add CopilotKit/OpenGenerativeUI --skill master-playbook -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install CopilotKit/OpenGenerativeUI master-playbook --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/CopilotKit/OpenGenerativeUI.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/apps/agent/skills/master-playbook .cursor/skills/master-playbook && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "master-playbook" agent skill from https://github.com/CopilotKit/OpenGenerativeUI/tree/main/apps/agent/skills/master-playbook into .cursor/skills/master-playbook/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "master-playbook", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/CopilotKit/OpenGenerativeUI.git --path apps/agent/skills/master-playbook

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add CopilotKit/OpenGenerativeUI --skill master-playbook -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install CopilotKit/OpenGenerativeUI master-playbook --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/CopilotKit/OpenGenerativeUI.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/apps/agent/skills/master-playbook .gemini/skills/master-playbook && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "master-playbook" agent skill from https://github.com/CopilotKit/OpenGenerativeUI/tree/main/apps/agent/skills/master-playbook into .gemini/skills/master-playbook/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "master-playbook", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install CopilotKit/OpenGenerativeUI master-playbook

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add CopilotKit/OpenGenerativeUI --skill master-playbook -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/CopilotKit/OpenGenerativeUI.git skills-src && mkdir -p .github/skills && cp -r skills-src/apps/agent/skills/master-playbook .github/skills/master-playbook && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "master-playbook" agent skill from https://github.com/CopilotKit/OpenGenerativeUI/tree/main/apps/agent/skills/master-playbook into .github/skills/master-playbook/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "master-playbook", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add CopilotKit/OpenGenerativeUI --skill master-playbook -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install CopilotKit/OpenGenerativeUI master-playbook --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/CopilotKit/OpenGenerativeUI.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/apps/agent/skills/master-playbook .opencode/skills/master-playbook && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "master-playbook" agent skill from https://github.com/CopilotKit/OpenGenerativeUI/tree/main/apps/agent/skills/master-playbook into .opencode/skills/master-playbook/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "master-playbook", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: master-playbook
GitHub stars: 2.1k
Token cost: ~1.2k tokens
SKILL.md length: 514 words
Files: 1
Skills in repo: 3
Repo updated: Oct 9, 2026
First seen: Oct 10, 2026
Licence: MIT

At a glance

Choose text, native components, or a custom interactive answer for understanding, comparing, and making tools.

Works in 6 steps: initialHeight — estimated finished height. → placeholderMessages — 2-4 short progress… → css — all styles. The placeholder… → …
SKILL.md covers Data and assumptions, Tool contract, Functional and accessible… and Follow-up bridge
Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Master Playbook is an agent skill from CopilotKit/OpenGenerativeUI. Choose text, native components, or a custom interactive answer for understanding, comparing, and making tools.

Its SKILL.md is about 1.2k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It works with JavaScript and TypeScript. The repository describes itself as: Open-Source Generative UI Framework. The licence is MIT.

Example prompts

“/master-playbook”

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

initialHeight — estimated finished height.
placeholderMessages — 2-4 short progress messages.
css — all styles. The placeholder remains until css is complete; keep the css parameter lean.
html — readable body markup, no style blocks or monolithic scripts.
jsFunctions — named behavior functions.
jsExpressions — small synchronous invocations.

What it can do on your machine

Read from SKILL.md and the folder at commit f6e4388. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are html and javascript).
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Master Playbook loads about 1.2k tokens when it runs. Until then it costs about 32 tokens; SKILL.md has 514 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~32
When it runs · the whole SKILL.md, loaded when a task matches: ~1.2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from CopilotKit/OpenGenerativeUI at commit f6e4388, republished under its MIT licence (© CopilotKit). 514 words, ~1,163 tokens.

Download SKILL.mdSave it as .claude/skills/master-playbook/SKILL.md (or your agent's skills folder).

name: master-playbook
description: Choose text, native components, or a custom interactive answer for understanding, comparing, and making tools.

Open Generative UI response playbook

Answer the task directly. Use text for a short answer, writing, or code; A2UI Table for basic tabular answers; generateSandboxedUi for charts, diagrams and custom interaction. Follow Jev’s renderer and visualization decision. Native rendering is not evidence of live data.

Understand: show relationships or mechanisms, with a meaningful variable or stepper.
Compare: make criteria and assumptions visible; use a table for simple cases, editable weights or filters only when they help a decision.
Make a tool: deliver working controls, validated calculations, outputs, and reset.

There is no mandatory acknowledgement/plan/build/narrate sequence. plan_visualization is optional. Multiple distinct sections are welcome when needed; avoid duplicate builds after a successful "UI generated" result. Add prose only when it helps. A refinement uses the current request and explicit selections; no cross-call patch or expression-append API is provided.

Data and assumptions

Label user data, retrieved sources, calculated results, and illustrative values. The query_data tool returns all rows of bundled sample db.csv, without filtering. It is not a live database and is unnecessary for unrelated charts. Never invent current weather, prices, or business data. Ask for essential missing inputs or provide clearly labeled sample assumptions. Show units and calculation assumptions inside the UI. Do not create credential forms or claim external actions succeeded.

Tool contract

For generateSandboxedUi, emit these parameters in this EXACT order:

initialHeight — estimated finished height.
placeholderMessages — 2-4 short progress messages.
css — all styles. The placeholder remains until css is complete; keep the css parameter lean.
html — readable body markup, no style blocks or monolithic scripts.
jsFunctions — named behavior functions.
jsExpressions — small synchronous invocations.

The sandbox has no same-origin access: no localStorage, sessionStorage, cookies, IndexedDB, or same-origin fetch. No parent DOM access. Theme variables, form styles, and SVG color classes are pre-injected. An importmap supports three, gsap, d3, and chart.js. jsFunctions and jsExpressions are classic scripts: top-level await is invalid. Dynamic imports belong inside an async function; catch failures. The advanced skill covers libraries and responsive rendering.

Show full SKILL.md (181 more words)Show less

Functional and accessible answers

Use semantic headings, labels connected to inputs, keyboard-operable buttons, visible focus, and readable text. Let layouts wrap at phone widths; use responsive SVG viewBox or canvas containers. Keep content readable during streaming before JavaScript arrives. Respect reduced motion and provide pause/reset for animation.

Validate number inputs with valueAsNumber, Number.isFinite, and domain bounds. Reject blanks and zero divisors; never display NaN/Infinity or a stale result as a valid answer. Format units and precision. Reset controls and results consistently. Sorting should preserve the current filter. Every enabled control must do real work. Use textContent for untrusted data, not HTML string interpolation.

Follow-up bridge

Local controls run in JavaScript. User-clicked follow-ups can ask the agent for reasoning through Websandbox.connection.remote.sendPrompt. Include current values in the request; label the button as an action that sends a message. Never send on load, timers, or ordinary input changes. Do not send secrets.

html parameter:

html

<button id="explain" type="button" onclick="askAboutSelection(this)">
  Ask about this scenario
</button>
<p id="followup-status" role="status"></p>

jsFunctions parameter (replace scenario text with the validated current selection):

async function askAboutSelection(button) {
  const status = document.getElementById("followup-status");
  button.disabled = true;
  status.textContent = "Sending question…";
  try {
    await Websandbox.connection.remote.sendPrompt({
      text: "Explain the assumptions behind the scenario shown above.",
    });
    status.textContent = "Question sent.";
  } catch (error) {
    status.textContent =
      "Could not send. Please try again or type your question in chat.";
  } finally {
    button.disabled = false;
  }
}

External links use Websandbox.connection.remote.openLink({ url }) with HTTPS. Do not use the standalone MCP renderer's global postMessage helpers in this host.

Files

Just SKILL.md in apps/agent/skills/master-playbook of CopilotKit/OpenGenerativeUI.

Open the folder on GitHubat commit f6e4388

Compare with similar skills

Master Playbook next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Master Playbook compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Master Playbook this skillCopilotKit/OpenGenerativeUI	2.1k	—	~1.2k	Automated safety check: Pass	MIT	today
Code Review ChecklistshareAI-lab/learn-claude-code	78k	4 repos	~1.1k	Automated safety check: Pass	MIT	11 days ago
Install Anti Sloptrycompai/crm	11k	1 repos	~881	Automated safety check: Pass	MIT	29 days ago
Install Anti-Slop Oxlint Rulesdmmulroy/anti-slop	5.4k	—	~2.2k	Automated safety check: Pass	MIT	29 days ago
Bun DevelopmentGabrielMartinMoran/mind	148	12 repos	~3.5k	Automated safety check: Notes	MIT	10 days ago
Generate Release Notesteambit/bit	18k	—	~2.2k	Automated safety check: Pass	Custom licence	today

Similar skills

Code Review Checklist
shareAI-lab/learn-claude-code
Reviews code against a five-part checklist covering security, correctness, performance, maintainability and testing, and reports findings in a fixed format.
78k GitHub starsUsed in 4 repos~1.1k tokens
DevelopmentAuto-check passed
Install Anti Slop
trycompai/crm
Install and configure the anti-slop Oxlint plugin in a local TypeScript or JavaScript repository.
11k GitHub starsUsed in 1 repo~881 tokens
Writing & ContentAuto-check passed
Install Anti-Slop Oxlint Rules
dmmulroy/anti-slop
Installs, updates or migrates the vendored anti-slop Oxlint plugin in a repository, keeping local rule changes and the plugin's license and provenance files.
5.4k GitHub stars~2.2k tokensUpdated 29 days ago
DevelopmentAuto-check passed
Bun Development
GabrielMartinMoran/mind
Modern JavaScript/TypeScript development with Bun runtime. An agent skill from GabrielMartinMoran/mind.
148 GitHub starsUsed in 12 repos~3.5k tokens
Auto-check: notes
Generate Release Notes
teambit/bit
Generate comprehensive release notes for Bit from git commits and pull requests.
18k GitHub stars~2.2k tokensUpdated today
DevelopmentAuto-check passed
Hot Monitor
liyupi/yupi-hot-monitor
AI hotspot monitoring and trending topic discovery across multiple sources (Bing, Google, DuckDuckGo, HackerNews, Sogou, Bilibili, Weibo, Twitter).
717 GitHub starsUsed in 1 repo~1.2k tokens
DatabasesAuto-check passed

Questions about Master Playbook

What does Master Playbook do?

Choose text, native components, or a custom interactive answer for understanding, comparing, and making tools. Master Playbook is an agent skill from CopilotKit/OpenGenerativeUI. Choose text, native components, or a custom interactive answer for understanding, comparing, and making tools.

How do I install Master Playbook in Claude Code?

Run `npx skills add CopilotKit/OpenGenerativeUI --skill master-playbook -a claude-code`. Or copy the skill folder (apps/agent/skills/master-playbook in CopilotKit/OpenGenerativeUI) into .claude/skills/master-playbook in your project. Claude Code loads it when a task matches its description.

How do I install Master Playbook in Codex?

Run `npx skills add CopilotKit/OpenGenerativeUI --skill master-playbook -a codex`. Or copy the skill folder (apps/agent/skills/master-playbook in CopilotKit/OpenGenerativeUI) into .agents/skills/master-playbook in your project. Codex loads it when a task matches its description.

Can I use Master Playbook in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add CopilotKit/OpenGenerativeUI --skill master-playbook -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/master-playbook, .gemini/skills/master-playbook, .github/skills/master-playbook and .opencode/skills/master-playbook in your project.

What does Master Playbook need to run?

SKILL.md names no scripts, command-line tools or credentials: Master Playbook is instructions for the agent only.

Does Master Playbook access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Master Playbook safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Master Playbook use?

Master Playbook is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Master Playbook use?

About 1.2k tokens (SKILL.md is roughly 4.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Master Playbook?

Skills that share tags, products or a category with Master Playbook: Code Review Checklist (shareAI-lab/learn-claude-code, 78k stars), Install Anti Slop (trycompai/crm, 11k stars), Install Anti-Slop Oxlint Rules (dmmulroy/anti-slop, 5.4k stars) and Bun Development (GabrielMartinMoran/mind, 148 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Master Playbook?

CopilotKit (a GitHub organization) maintains it in CopilotKit/OpenGenerativeUI, which has 2,099 GitHub stars. The repository holds 3 skills in this directory. The repository was last updated on October 9, 2026.

Source: CopilotKit/OpenGenerativeUI on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Master Playbook

Install Master Playbook

Facts

At a glance

What it does

Example prompts

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Open Generative UI response playbook

Data and assumptions

Tool contract

Functional and accessible answers

Follow-up bridge

Files

Compare with similar skills

Similar skills

Code Review Checklist

Install Anti Slop

Install Anti-Slop Oxlint Rules

Bun Development

Generate Release Notes

Hot Monitor

More from CopilotKit/OpenGenerativeUI

Advanced Visualization

SVG Diagrams

Questions about Master Playbook

Install Master Playbook

Facts

At a glance

What it does

Example prompts

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Open Generative UI response playbook

Data and assumptions

Tool contract

Functional and accessible answers

Follow-up bridge

Files

Compare with similar skills

Similar skills

More from CopilotKit/OpenGenerativeUI

Related

Questions about Master Playbook