DevelopmentMédio

Vue Best Practices Workflow

porhyf0·hyf0· v1.0.0 · atualizado em 2026-04-10

Score

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

vue-jscomposition-apitypescriptfrontend-developmentvue3sfccomponent-architecture

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdvue-best-practices/workflow

Confirm Architecture: — Determine if Composition API with `<script setup>` and TypeScript are appropriate, or if Options API or JSX are required.

Read Core References: — Review reactivity, SFC structure, component data flow, and composables.

Plan Component Boundaries: — Create a component map defining responsibilities and contracts.

Apply Essential Vue Foundations: — Implement reactivity, SFC structure, and focused components.

Consider Optional Features: — Add slots, fallthrough attributes, or other features only when needed.

Run Performance Optimization: — Optimize after core behavior is verified.

Final Self-Check: — Ensure requirements are met, best practices are followed, and performance is acceptable.

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 aVercel React Best Practices

60%

Similar aWeb Interface Guidelines

60%

Similar afrontend-design

60%

Árvore do Skill

Vue Best Practices Workflow

vue-best-practices

Fases Cognitivas6

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.ACT

5.EVALUATE

6.REFLECT

Triggers6

implement a Vue.js componentcreate a new Vue 3 applicationwrite a Vue component using Composition APIdevelop a Vue application with TypeScriptvue best practiceshow to structure a vue component

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 vue-best-practices

$ synaptic skills detail vue-best-practices

$ synaptic skills live vue-best-practices

Dependências

vue typescript vite vue-router pinia

Links

GitHub Repository