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.