Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
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
Fork

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
85%
Hebbian Synapse
Composite0.850
w = 0.3·α + 0.5·β + 0.2·γ
80
Compõe comReact Native Skills
70%
Hebbian Synapse
Composite0.700
w = 0.3·α + 0.5·β + 0.2·γ
81
Similar aVercel React Best Practices
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar aWeb Interface Guidelines
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
81
Similar aMarkdown to Docs
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
78
Similar aImage Optimizer
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
76
Similar aReact Component Generator
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
89
Similar afrontend-design
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
85
Similar a ←Code Connect Components
40%
Hebbian Synapse
Composite0.400
w = 0.3·α + 0.5·β + 0.2·γ
83
Similar a ←Design System Builder — Figma MCP Skill
40%
Hebbian Synapse
Composite0.400
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar a ←use_figma — Figma Plugin API Skill
40%
Hebbian Synapse
Composite0.400
w = 0.3·α + 0.5·β + 0.2·γ
82
Co-executedVercel React Best Practices
49%
Hebbian Synapse
Composite0.494
w = 0.3·α + 0.5·β + 0.2·γ
80
Co-executedReact Native Skills
46%
Hebbian Synapse
Composite0.456
w = 0.3·α + 0.5·β + 0.2·γ
81

Á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

reactreact-context

Links

GitHub Repository