How do I install the Produced Skill skill?

Run npx skillmds@latest add vercel-labs/produced-skill-4 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Produced Skill safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Produced Skill?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Produced Skill free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Produced Skill?

Vercel Labs (@vercel-labs) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Produced Skill

Name: Produced Skill
Author: Vercel Labs

Test fixture — produced skill declares a 3-component slate; every declared component resolves to a contract section. SLATE_COVERAGE must PASS.

Vercel Labs f1d0189 4 files · 1.1 KB Updated Sep 17, 2026 28.7k repo stars

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add vercel-labs/produced-skill-4

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download .zip

＋ Add to collection

README badge

[![SkillMD](https://skillmd.com/badge/vercel-labs/produced-skill-4.svg)](https://skillmd.com/skills/vercel-labs/produced-skill-4)

Trust & safety

Audits pending

Not yet audited · commit f1d0189

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

When to Load References

Trigger	Files to load	Notes
button asks	references/components/button.md	per-component file
form wiring	references/components/form-control.md	per-component file
layout stacking	references/components.md	single-file section

Component slate

Button — primary action trigger (per-file resolution)
FormControl — labeled input wrapper (exercises kebab-casing)
Stack — single-axis layout primitive (single-file ## Stack resolution)

In scope: tokens, assets, component descriptions, component APIs.

vercel-labs/ds-skill-extraction-workshop/tree/main/.claude/skills/extract-ds-skill/scripts/tests/fixtures/pass-slate-coverage/produced-skill commit f1d018913d

Frequently asked questions

npx skillmds@latest add vercel-labs/produced-skill-4