Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
DevelopmentMédio

Vercel React Best Practices

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

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

reactnext-jsperformance-optimizationfrontend-developmentweb-developmentvercel
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdvercel-react-best-practices/workflow
1
Identify Performance Bottleneck: — Determine the area of the React/Next.js application that requires optimization.
2
Categorize Issue: — Classify the performance issue into one of the Vercel categories (e.g., Eliminating Waterfalls, Bundle Size Optimization).
3
Select Relevant Rule: — Choose the most appropriate Vercel React best practice rule for the identified issue.
4
Apply Rule: — Implement the recommended code changes or configuration adjustments.
5
Test and Measure: — Evaluate the impact of the changes on performance metrics (e.g., load time, render time).
6
Iterate: — Refine the optimization strategy based on the test results.

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 comWeb Interface Guidelines
75%
Hebbian Synapse
Composite0.750
w = 0.3·α + 0.5·β + 0.2·γ
81
Compõe com ←React Composition Patterns
85%
Hebbian Synapse
Composite0.850
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar aReact Native Skills
80%
Hebbian Synapse
Composite0.800
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 a ←React Composition Patterns
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar a ←React Native Skills
40%
Hebbian Synapse
Composite0.400
w = 0.3·α + 0.5·β + 0.2·γ
81
Similar a ←Web Interface Guidelines
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
81
Similar a ←Popup CRO
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
85
Similar a ←Signup Flow CRO
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar a ←frontend-design
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
85
Similar a ←remotion-best-practices
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar a ←shadcn/ui
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar a ←Next.js Best Practices
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar a ←use-my-browser
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
78
Similar a ←readme-i18n
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
83
Similar a ←Enhance Prompt for Stitch
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar a ←algorithmic-art
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar a ←Stitch Build Loop
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar a ←Web Artifacts Builder
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
77
Similar a ←shadcn/ui Component Integration
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar a ←Cache Components (Next.js 16+)
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar a ←Markdown to HTML Converter
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
77
Similar a ←Vue Best Practices Workflow
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
81
Similar a ←Stitch to Remotion Walkthrough Videos
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
78
Similar a ←Extract Design System
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar a ←Vue
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Co-executedWeb Interface Guidelines
47%
Hebbian Synapse
Composite0.471
w = 0.3·α + 0.5·β + 0.2·γ
81
Co-executed ←React Composition Patterns
49%
Hebbian Synapse
Composite0.494
w = 0.3·α + 0.5·β + 0.2·γ
80

Árvore do Skill

Vercel React Best Practices
vercel-react-best-practices
Fases Cognitivas5
1.SENSE
2.CONTEXTUALIZE
3.RECOMMEND
4.ACT
5.REFLECT
Triggers8
optimize React component performanceimprove Next.js page load timesrefactor React code for better performancereview Next.js code for performance issuesimplement data fetching in Reactoptimize bundle size in Next.jsapply Vercel's React best practiceseliminate waterfalls in React components

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%
🤖Sucesso de Agentes0%
🕐Atualidade100%
🔗Saúde de Dependências100%
🕸️Centralidade no Grafo0%
🛡️Segurança49%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download vercel-react-best-practices
$ synaptic skills detail vercel-react-best-practices
$ synaptic skills live vercel-react-best-practices

Links

GitHub Repository