bee:dev-refactor-frontend-vuejs

Analyze Vue.js/Nuxt 3 codebases and generate REFACTOR-XXX tasks.

2|1|Updated Mar 3, 2026
One-click install
npx skills add https://github.com/luanrodrigues/ia-frmwrk --skill bee-dev-refactor-frontend-vuejs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bee:dev-refactor-frontend-vuejs
Source: https://github.com/luanrodrigues/ia-frmwrk/tree/main/dev-team/skills/dev-refactor-frontend-vuejs
Command: npx skills add https://github.com/luanrodrigues/ia-frmwrk --skill bee-dev-refactor-frontend-vuejs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of outdated or non-compliant Vue.js and Nuxt 3 frontend codebases by analyzing them against established standards and generating actionable refactoring tasks.

Core Features & Use Cases

  • Codebase Auditing: Analyzes Vue.js/Nuxt 3 projects for adherence to best practices, including Composition API adoption, Pinia migration, and testing standards.
  • Refactoring Task Generation: Creates detailed, actionable tasks (REFACTOR-XXX) for identified gaps, ensuring a clear path to modernization.
  • Use Case: A team has a legacy Vue 2 application that needs to be migrated to Vue 3 with Nuxt 3. This Skill can audit the existing codebase, identify all necessary changes (e.g., Options API to Composition API, Vuex to Pinia), and generate a prioritized list of refactoring tasks for the development team.

Quick Start

Use the bee:dev-refactor-frontend-vuejs skill to analyze the current Vue.js project and generate refactoring tasks.

Frequently Asked Questions about bee:dev-refactor-frontend-vuejs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I modernize a legacy Vue.js codebase to Nuxt 3?▼

To modernize a legacy Vue.js codebase to Nuxt 3, this Skill audits your project against established standards, identifying gaps like Options API usage or outdated state management. It then generates actionable REFACTOR-XXX tasks for the development team.

What is the best way to generate refactoring tasks for Vue.js code analysis?▼

The best way to generate refactoring tasks for Vue.js code analysis is using a Skill that evaluates your codebase against Bee/Lerian standards. It dispatches specialized agents to audit structure, testing, and DevOps, creating prioritized REFACTOR-XXX tasks.

Can I audit only critical issues in my Vue.js frontend project?▼

Yes, you can audit only critical issues in your Vue.js frontend project by running a critical-only analysis. This targeted approach identifies the most severe gaps in your codebase without generating an overwhelming list of refactoring tasks.

Does this Vue.js refactoring tool support dry runs?▼

Yes, this Vue.js refactoring tool supports dry runs. A dry run allows you to safely analyze the codebase and preview the generated REFACTOR-XXX tasks without immediately applying changes or affecting your current project state.

How do I migrate from Vuex to Pinia in a Vue 3 project?▼

To migrate from Vuex to Pinia in a Vue 3 project, this Skill audits your existing state management against modern standards. It identifies all necessary Vuex to Pinia migration changes and generates specific refactoring tasks to execute the transition.