DevelopmentAvançado

React + Vite Expert

porquestfortech-investments·questfortech-investments· v1.0.0 · atualizado em 2026-04-11

Score

Complete React + Vite expertise for building optimized, scalable applications. Covers project architecture, folder structure, component patterns, performance optimization, TypeScript best practices, testing, and build configuration. Use when building React apps with Vite, organizing projects, optimizing performance, or implementing best practices. Includes code generators, bundle analyzer, and production-ready templates.

reactvitetypescriptfrontend-developmentperformance-optimizationcode-generationtesting

Linguagens

TypeScriptJavaScriptHTMLCSS

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdreact-vite-expert/workflow

1. Analyze user request to understand the specific problem or goal.

2. Determine the relevant area: project architecture, code generation, performance, or testing.

3. Consult the appropriate reference materials or scripts.

4. Generate code using provided scripts if applicable.

5. Configure Vite or TypeScript based on best practices.

6. Implement performance optimizations as needed.

7. Provide the user with the solution and explain the reasoning behind it.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aCRA to Next.js Migration Guide

60%

Similar aMagento 2 Hyva Specialist

60%

Similar aWix Site Component Builder

60%

Árvore do Skill

React + Vite Expert

react-vite-expert

Fases Cognitivas7

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.EVALUATE

5.RECOMMEND

6.ACT

7.REFLECT

Triggers8

help me start a new React project with best practicesmy React app is slow, how do I optimize it?how should I organize my growing React project?I need to create many similar componentshelp me set up testing for my React appgenerate a react component with typescriptoptimize my react vite applicationscaffold a new react page

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

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

Instalação

$ synaptic mcp download react-vite-expert

$ synaptic skills detail react-vite-expert

$ synaptic skills live react-vite-expert

Dependências

react react-dom vite typescript eslint prettier vitest rollup-plugin-visualizer react-testing-library

Links

GitHub Repository