Skip to content
Agentmart
Submit a tool

vercel-composition-patterns

Design and review React component composition, compound components and context interfaces using the installed React version.

Skill by kewvydev

IndexedMIT★ 2
Write a review

Install

Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.

npx agentmarket install skill/kewvydev-vercel-composition-patterns

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

Design and review React component composition, compound components and context interfaces using the installed React version.

Use cases: design, frontend, cloud

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.

Tools
No tools found
Secrets
None asked for
Install scripts
None found

Network hosts it talks to 1

  • codeload.github.com · found in install command

Files it touches

  • ~/.claude/skills/vercel-composition-patterns

What's inside

Skill name
vercel-composition-patterns
Description
Design and review React component composition, compound components and context interfaces using the installed React version.
License
MIT
Instructions
16 lines in SKILL.md · view on GitHub

Files (13)

  • SKILL.md
  • openai.yaml · agents/
  • upstream.md · references/
  • _sections.md · rules/
  • _template.md · rules/
  • architecture-avoid-boolean-props.md · rules/
  • architecture-compound-components.md · rules/
  • patterns-children-over-render-props.md · rules/
  • patterns-explicit-variants.md · rules/
  • react19-no-forwardref.md · rules/
  • state-context-interface.md · rules/
  • state-decouple-implementation.md · rules/
  • state-lift-state.md · rules/

SKILL.md (first lines)

# React Composition Patterns

Inspect the installed React version and existing component conventions first.
Avoid accumulating boolean mode props; consider composition, explicit variants
and compound components when they simplify the actual callers. Lift state only
as far as needed and keep provider implementation details behind a small interface.
Preserve accessibility, error handling and current behavior when refactoring.

Read only the relevant files under `rules/`: `architecture-` for composition,
`state-` for ownership and context, `patterns-` for variants and children, and
`react19-` for version-specific APIs. React 19 rules do not authorize upgrading React
or applying those APIs to an older project. Check version-matched official docs
when an API is uncertain. Prefer a narrow change justified by the requested behavior.
The original guide is retained in [references/upstream.md](references/upstream.md).

From kewvydev/kewvy-ai-stack, MIT.

More from kewvydev/kewvy-ai-stack

Signals

Stars
2
Forks
0
Open issues
0
Last commit (this folder)
Oct 20, 2026 (8 days ago)

From GitHub (fetched Oct 24, 2026).

Details

License
MIT
Repository
github.com/kewvydev/kewvy-ai-stack
First seen
Oct 24, 2026
Last checked
Oct 24, 2026
Source
GitHubgithub-graphql

More from kewvydev

Cite this page

vercel-composition-patterns skill. Agent Mart. https://agentmart.dev/skills/kewvydev-vercel-composition-patterns (last updated 2026-10-24)