vercel-composition-patterns SKILL.md skillA

vercel-composition-patterns from higoralves/orc is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add higoralves/orc/vercel-composition-patterns@v1.0.0

Pins v1.0.0 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
higoralves/orc
Path
orc/skills/vercel-composition-patterns/SKILL.md
Versions recorded
3
Latest version
v1.0.0, committed Oct 20, 2026
First version recorded
May 4, 2026
Size
2,783 bytes
Repository stars
7
License
MIT

React composition patterns that scale (compound components, render props, context, React 19 APIs).

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# React Composition Patterns

Composition patterns for building flexible, maintainable React components. Avoid
boolean prop proliferation by using compound components, lifting state, and
composing internals. These patterns make codebases easier for both humans and AI
agents to work with as they scale.

## When to Apply

Reference these guidelines when:

- Refactoring components with many boolean props
- Building reusable component libraries
- Designing flexible component APIs
- Reviewing component architecture
- Working with compound components or context providers

## Rule Categories by Priority

| Priority | Category                | Impact | Prefix          |
| -------- | ----------------------- | ------ | --------------- |
| 1        | Component Architecture  | HIGH   | `architecture-` |
| 2        | State Management        | MEDIUM | `state-`        |
| 3        | Implementation Patterns | MEDIUM | `patterns-`     |
| 4        | React 19 APIs           | MEDIUM | `react19-`      |

## Quick Reference

### 1. Component Architecture (HIGH)

- `architecture-avoid-boolean-props` - Don't add boolean props to customize
  behavior; use composition
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add higoralves/orc/vercel-composition-patterns@sha256:c152f4ac78e53c56

The line at the top of this page pins the label v1.0.0, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_6tj2rh6ndwztdfnz.svg)](https://markdownregistry.com/a/art_6tj2rh6ndwztdfnz)

6 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 3 versions of this file, between May 4, 2026 and Oct 20, 2026, about one every 85 days. Its first recorded version is graded B and its latest A.

versioncommittedcommitsizeaudit
v1.0.0 latest2026-10-20 7a1f356 2,783 BA view · diff
v1.0.02026-06-24 531616f 2,771 BA view · diff
v1.0.02026-05-04 d9ce952 2,886 BB view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (2783 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

higoralves/orc · 7 stars · license MIT · pushed 2026-11-06 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_6tj2rh6ndwztdfnz
GET https://markdownregistry.com/api/v1/resolve?ref=higoralves/orc/vercel-composition-patterns
GET https://markdownregistry.com/api/v1/blob/c152f4ac78e53c562648880658cd1d6b61b308a608845a30131b395790150ce8

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from higoralves/orc

AGENTS.md AGENTS.md file
higoralves/orc · AGENTS.md
git:20261106.693b476 · audit A · 7 stars
CLAUDE.md CLAUDE.md file
higoralves/orc · CLAUDE.md
git:20261020.ba1d30b · audit A · 7 stars
playwright-qa SKILL.md skill
higoralves/orc · adapters/codex/content/skills/playwright-qa/SKILL.md · Playwright QA on Codex with preconfigured test agents and MCP; otherwise use the agent-browser driver.
git:20261106.693b476 · audit A · 7 stars
adr-writing SKILL.md skill
higoralves/orc · codex/orc/content/skills/adr-writing/SKILL.md · Author and update Architecture Decision Records (ADRs) — the durable record of a decision and its trade-offs, in…
git:20261106.693b476 · audit A · 7 stars
agent-browser SKILL.md skill
higoralves/orc · codex/orc/content/skills/agent-browser/SKILL.md · Browser automation CLI for AI agents; use for web tasks - navigate, click, fill forms, screenshot, scrape, test…
git:20261106.693b476 · audit A · 7 stars
architecture-patterns SKILL.md skill
higoralves/orc · codex/orc/content/skills/architecture-patterns/SKILL.md · Implement Clean, Hexagonal (Ports & Adapters), and Domain-Driven architecture patterns
git:20261106.693b476 · audit A · 7 stars
browser-qa SKILL.md skill
higoralves/orc · codex/orc/content/skills/browser-qa/SKILL.md · The canonical browser-QA protocol for web changes — target resolution, env attach, the driver gate (Playwright primary…
git:20261106.693b476 · audit A · 7 stars
callouts SKILL.md skill
higoralves/orc · codex/orc/content/skills/callouts/SKILL.md · The orc callout palette — emoji-header blockquotes in conversation, GitHub-flavored [!TYPE] form for GitHub-bound output
git:20261106.693b476 · audit A · 7 stars
caveman-pr SKILL.md skill
higoralves/orc · codex/orc/content/skills/caveman-pr/SKILL.md · Ultra-compressed, signal-only pull request descriptions
git:20261106.693b476 · audit A · 7 stars
caveman-review SKILL.md skill
higoralves/orc · codex/orc/content/skills/caveman-review/SKILL.md · Ultra-compressed code review comments — one line per finding: location, problem, fix
git:20261106.693b476 · audit A · 7 stars
ci-routing SKILL.md skill
higoralves/orc · codex/orc/content/skills/ci-routing/SKILL.md · The canonical route-on-verdict protocol for a red CI diagnosis — fixable/flake/infra/needs-debug handling, the…
git:20261106.693b476 · audit A · 7 stars
cleanup SKILL.md skill
higoralves/orc · codex/orc/content/skills/cleanup/SKILL.md · Clean up after completed or abandoned orc sessions — removes workspace state, registry entry, git worktree, and…
git:20261106.693b476 · audit A · 7 stars

Every file in higoralves/orc

Other files named vercel-composition-patterns

vercel-composition-patterns SKILL.md skill
vercel-labs/agent-skills · skills/composition-patterns/SKILL.md
v1.0.0 · audit B · 33,725 stars
vercel-composition-patterns SKILL.md skill
zebbern/claude-code-guide · skills/composition-patterns/SKILL.md · React composition patterns that scale. Use when refactoring components with
v1.0.0 · audit A · 4,700 stars
vercel-composition-patterns SKILL.md skill
fcakyon/claude-codex-settings · plugins/react-skills/skills/composition-patterns/SKILL.md
v1.0.0 · audit B · 1,200 stars
vercel-composition-patterns SKILL.md skill
asymmetric-al/core · .agents/skills/vercel-composition-patterns/SKILL.md
v1.0.0 · audit B · 370 stars
vercel-composition-patterns SKILL.md skill
julianromli/ai-skills · skills/composition-patterns/SKILL.md
v1.0.0 · audit B · 214 stars
vercel-composition-patterns SKILL.md skill
figueroaignacio/ignaciofigueroa.dev · .agents/skills/composition-patterns/SKILL.md · React composition patterns that scale. Use when refactoring components with
v1.0.0 · audit A · 7 stars
vercel-composition-patterns SKILL.md skill
cratis/ai · Source/AgentHarnesses/skills/react-agent-skills/skills/vercel-composition-patterns/SKILL.md · Use when replacing proliferating boolean props, designing compound React components or separating state providers from…
v1.0.0 · audit A · 4 stars
vercel-composition-patterns SKILL.md skill
dvasyliev/claude-code-tip-calculator · .agents/skills/vercel-composition-patterns/SKILL.md
v1.0.0 · audit B · 4 stars

Browse by kind, by grade A, or by owner.