skills.rest
luanrodrigues
luanrodriguesCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

bee:dev-refactor-frontend

Analyze React/Next.js codebases against Bee standards and generate refactoring tasks.

2|1|Updated Mar 3, 2026
Search Tags:#code quality#frontend#react#audit#next.js#refactor#standards compliance
One-click install
npx skills add https://github.com/luanrodrigues/ia-frmwrk --skill bee-dev-refactor-frontend
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bee:dev-refactor-frontend
Source: https://github.com/luanrodrigues/ia-frmwrk/tree/main/dev-team/skills/dev-refactor-frontend
Command: npx skills add https://github.com/luanrodrigues/ia-frmwrk --skill bee-dev-refactor-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automatically analyzes your existing frontend codebase against established Bee standards and generates actionable refactoring tasks, ensuring consistency and quality.

Core Features & Use Cases

  • Automated Code Analysis: Scans your React/Next.js project for deviations from best practices.
  • Gap Identification: Pinpoints specific areas needing refactoring, from architecture to styling.
  • Task Generation: Creates clear, actionable tasks for bee:dev-cycle-frontend to implement.
  • Use Case: You have a legacy React application that needs to be brought up to modern standards. This Skill will audit the entire codebase, identify all non-compliant patterns, and provide a prioritized list of refactoring tasks.

Quick Start

Use the bee:dev-refactor-frontend skill to analyze the current project directory for frontend standards compliance.

Frequently Asked Questions about bee:dev-refactor-frontend

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

FAQPage Schema
How do I audit a React codebase for standards compliance and architecture deviations?▼

You can audit a Next.js project for code quality by running this Skill to identify non-compliant patterns and generate prioritized refactoring tasks for the codebase.

Can I use this to generate refactoring tasks for a legacy Next.js application?▼

Yes, you can use this Skill to analyze legacy Next.js applications, pinpoint specific areas needing refactoring, and automatically generate actionable tasks for the dev-cycle-frontend workflow.

What does frontend code analysis against Bee standards actually check?▼

Frontend code analysis against Bee standards checks your React or Next.js project for deviations in architecture, styling, testing, and DevOps configurations to ensure consistency and quality.

Does this Skill directly refactor my frontend code or just report issues?▼

This Skill only reports issues by analyzing your frontend codebase and identifying deviations to generate refactoring tasks; it does not directly modify the code itself.

What's the best way to modernize frontend code to match current development standards?▼

The best way to modernize frontend code is to run an automated analysis to identify all non-compliant patterns, generating a prioritized list of actionable refactoring tasks for implementation.

Related Skills

Explore More Software Engineering Skills→
jlawsjlaws
2

cmd-frontend-frontend

Diagnose frontend project setups for UI components across React, Next.js, and Svelte.

Community
Intermediate
V4-CompanyV4-Company
2

marsai:dev-refactor-frontend

Analyze React/Next.js codebases and generate REFACTOR-XXX tasks.

Official
Advanced
forranyforrany

verification-loop

Automate build, type check, lint, tests, security scan, and diff review for code changes.

Community
Intermediate
dbrijeshdbrijesh

review-gates

Manage structured human review checkpoints for code, security, architecture, and database changes.

Community
Advanced