code-refactor

Refactor Angular and Node.js codebases with standalone patterns, Zod validation, and SCSS restructuring.

Updated Mar 8, 2026
One-click install
npx skills add https://github.com/AisleiAvila/loja --skill code-refactor-aisleiavila
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: code-refactor
Source: https://github.com/AisleiAvila/loja/tree/main/.github/skills/code-refactor
Command: npx skills add https://github.com/AisleiAvila/loja --skill code-refactor-aisleiavila

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Refactor codebases to improve maintainability, readability, and consistency across Angular frontend and Node.js backend.

Core Features & Use Cases

  • Modernize Angular patterns (standalone components, inject() usage) and upgrade TypeScript typings.
  • Refactor Express routes with centralized error handling and Zod-based validation to enforce type-safety.
  • Standardize SCSS architecture and naming conventions for responsive, maintainable styles, while preserving existing behavior.
  • Apply cross-cutting improvements like code style, linting alignment, and testability to facilitate long-term maintainability.

Quick Start

Refactor a legacy Angular component to a standalone pattern using inject(), then align backend validation and styling to the new architecture.

Frequently Asked Questions about code-refactor

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

FAQPage Schema
How do I refactor legacy Angular components to standalone patterns?

To refactor legacy Angular components, migrate them to standalone patterns using the inject() function for dependency injection. This modernizes the architecture, improves type safety, and reduces boilerplate while preserving component behavior.

What is the best way to add type-safe validation to Node.js Express routes?

The best way to add type-safe validation is refactoring Express routes with centralized error handling and Zod. This enforces type-safety at runtime, standardizes backend patterns, and reduces validation technical debt.

How do I restructure SCSS architecture for maintainability?

To restructure SCSS architecture, standardize naming conventions and folder structures for responsive, maintainable styles. This modernizes the styling approach while preserving existing visual behavior across the application.

Can I refactor codebases with both Angular frontend and Node.js backend simultaneously?

Yes, you can refactor both Angular frontend and Node.js backend simultaneously. The approach applies type-safe transformations, standardized patterns, and linting alignment across the full stack to reduce technical debt and accelerate onboarding.

Does Angular refactoring with inject() require integration with linting and tests?

Yes, Angular refactoring with inject() integrates with linting and tests to ensure safe, reproducible improvements. This cross-cutting approach enforces code style alignment and testability to facilitate long-term maintainability.