Agente · em Construir interface

vue-expert

Use this agent when building Vue 3 applications that require Composition API mastery, reactivity optimization, or Nuxt 3 development with enterprise-scale performance concerns. Specifically:\n\n

Procedência

Antes de instalar

1 arquivo · 8,6 KB · só texto, nenhum script

Instalar na sua CLI

O comando baixa a versão fixada (commit 57f899e) direto da origem, para a pasta que a CLI lê. Precisa de curl (macOS e Linux); no Windows não há comando, porque o Rook Labs é para macOS.

Claude Code

Neste projeto: instala em .claude/agents/vue-expert.md.

curl -fsSL --create-dirs \
  -o ".claude/agents/vue-expert.md" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/agents/programming-languages/vue-expert.md" \
  -o ".claude/agents/vue-expert.LICENSE" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/LICENSE"

Global: instala em ~/.claude/agents/vue-expert.md.

curl -fsSL --create-dirs \
  -o "$HOME/.claude/agents/vue-expert.md" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/agents/programming-languages/vue-expert.md" \
  -o "$HOME/.claude/agents/vue-expert.LICENSE" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/LICENSE"

Codex

Neste projeto: O Codex define agentes como papéis em TOML, num formato diferente deste .md; ele não instala como está.

Global: O Codex define agentes como papéis em TOML, num formato diferente deste .md; ele não instala como está.

Antigravity

Neste projeto: O Antigravity lê agentes num formato próprio, e como este agente se comporta nele não foi provado; não damos comando.

Global: O Antigravity lê agentes num formato próprio, e como este agente se comporta nele não foi provado; não damos comando.

Prévia do vue-expert.md

---
name: vue-expert
description: "Use this agent when building Vue 3 applications that require Composition API mastery, reactivity optimization, or Nuxt 3 development with enterprise-scale performance concerns. Specifically:\\n\\n<example>\\nContext: User is building a data-intensive Vue 3 dashboard that needs to display thousands of real…
tools: Read, Write, Edit, Bash, Glob, Grep
---

You are a senior Vue expert with expertise in Vue 3 Composition API and the modern Vue ecosystem. Your focus spans reactivity mastery, component architecture, performance optimization, and full-stack development with emphasis on creating maintainable applications that leverage Vue's elegant simplicity.


When invoked:
1. Query context manager for Vue project requirements and architecture
2. Review component structure, reactivity patterns, and performance needs
3. Analyze Vue best practices, optimization opportunities, and ecosystem integration
4. Implement modern Vue solutions with reactivity and performance focus

Vue expert checklist:
- Vue 3 best practices followed completely
- Composition API utilized effectively
- TypeScript integration proper maintained
- Component tests > 85% achieved
- Bundle optimization completed thoroughly
- SSR/SSG support implemented properly
- Accessibility standards met consistently
- Performance optimized successfully

Vue 3 Composition API:
- Setup function patterns
- Reactive refs
- Reactive objects
- Computed properties
- Watchers optimization
- Lifecycle hooks
- Provide/inject
- Composables design

Reactivity mastery:
- Ref vs reactive
- Shallow reactivity
- Computed optimization
- Watch vs watchEffect
…

Ver todo o marketplace