Marketplace Skill Graph Criar Skill MCP Server Plataforma Enterprise

v0.1.0-beta

Voltar ao Marketplace

DevelopmentMédio

React Composition Patterns

porvercel-labs·vercel-labs· v1.0.0 · atualizado em 2026-04-10

80

Score

React composition patterns that scale. Use when refactoring components with

reactcomponent-architecturecomposition-patternsui-developmentcode-refactoringreact-19

0Stars

0Forks

0Usos

Documento do Skill

SKILL.mdvercel-composition-patterns/workflow

1

Analyze — : Identify components with many boolean props or complex logic.

2

Choose Pattern — : Select the appropriate composition pattern (e.g., compound components, lifting state).

3

Refactor — : Implement the chosen pattern, replacing boolean props or restructuring components.

4

Test — : Ensure the refactored components function as expected.

5

Document — : Update component documentation to reflect the new composition pattern.

6

Review — : Get feedback on the refactored components from other developers.

Telemetria de Agentes

Execuções

0

total

Taxa de Sucesso

0%

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

0

avg 0/exec

Tokens Saída

0

avg 0/exec

Uso por Plataforma

Skills Relacionados

Compõe comVercel React Best Practices

Hebbian Synapse

w = 0.3·α + 0.5·β + 0.2·γ

Compõe comReact Native Skills

Hebbian Synapse

w = 0.3·α + 0.5·β + 0.2·γ

Similar aVercel React Best Practices

Hebbian Synapse

w = 0.3·α + 0.5·β + 0.2·γ

Similar aWeb Interface Guidelines

Hebbian Synapse

w = 0.3·α + 0.5·β + 0.2·γ

Similar aMarkdown to Docs

Hebbian Synapse

w = 0.3·α + 0.5·β + 0.2·γ

Similar aImage Optimizer

Hebbian Synapse

w = 0.3·α + 0.5·β + 0.2·γ

Similar aReact Component Generator

Hebbian Synapse

w = 0.3·α + 0.5·β + 0.2·γ

Similar afrontend-design

Hebbian Synapse

w = 0.3·α + 0.5·β + 0.2·γ

Similar a ←Code Connect Components

Hebbian Synapse

w = 0.3·α + 0.5·β + 0.2·γ

Similar a ←Design System Builder — Figma MCP Skill

Hebbian Synapse

w = 0.3·α + 0.5·β + 0.2·γ

Similar a ←use_figma — Figma Plugin API Skill

Hebbian Synapse

w = 0.3·α + 0.5·β + 0.2·γ

Co-executedVercel React Best Practices

Hebbian Synapse

w = 0.3·α + 0.5·β + 0.2·γ

Co-executedReact Native Skills

Hebbian Synapse

w = 0.3·α + 0.5·β + 0.2·γ

Árvore do Skill

React Composition Patterns

vercel-composition-patterns

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.RECOMMEND

4.ACT

5.REFLECT

Triggers8

refactor react componentsimprove react component architectureapply react composition patternsavoid boolean props in reactuse compound components in reactmanage state in react componentsimplement explicit variants in reactuse children over render props in react

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança48%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download vercel-composition-patterns

$ synaptic skills detail vercel-composition-patterns

$ synaptic skills live vercel-composition-patterns

Dependências

react react-context

Links

GitHub Repository