angular-admin

Fix AngularJS Admin SPA UI bugs in Virto Commerce module repositories.

2|1|Updated May 27, 2025
One-click install
npx skills add https://github.com/VirtoCommerce/vc-mcp-testing-module --skill angular-admin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: angular-admin
Source: https://github.com/VirtoCommerce/vc-mcp-testing-module/tree/main/skills/angular-admin
Command: npx skills add https://github.com/VirtoCommerce/vc-mcp-testing-module --skill angular-admin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers repair Virto Commerce module Admin SPA issues by providing a reliable workflow for diagnosing AngularJS 1.x UI logic, layout, and styling defects without introducing unnecessary framework changes.

Core Features & Use Cases

  • AngularJS Module UI Debugging: Guides fixes for blades, widgets, controllers, services, templates, and bindings inside vc-module-* repositories.
  • Proof-Driven Fix Validation: Provides scratch harness patterns for logic bugs and browser render validation approaches for CSS and layout problems.
  • Platform-Conformant UI Repairs: Helps developers apply canonical Virto Commerce Admin SPA classes and avoid fragile inline positioning or unsupported styling patterns.

Quick Start

Use the angular-admin skill to fix a Virto Commerce Admin SPA bug in the module's Web/Scripts directory and provide red-to-green validation evidence before creating a pull request.

Frequently Asked Questions about angular-admin

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

FAQPage Schema
How do I fix AngularJS admin UI bugs in Virto Commerce modules?

Fix AngularJS admin UI bugs in Virto Commerce modules by applying structured debugging workflows to blades, widgets, controllers, and templates inside the Web/Scripts directories. This ensures idiomatic AngularJS changes without unnecessary framework modifications.

What is the best way to validate AngularJS controller logic fixes?

The best way to validate AngularJS controller logic fixes is by using scratch harness patterns to verify logic defects. This proof-driven approach confirms the repair works before submitting a pull request.

How do I repair CSS layout and binding issues in a Virto Commerce Admin SPA?

Repair CSS layout and binding issues in a Virto Commerce Admin SPA through browser render validation. This approach identifies visual defects while enforcing platform UI conventions and canonical admin classes.

Does fixing Virto Commerce Admin SPA bugs require migrating away from AngularJS?

Fixing Virto Commerce Admin SPA bugs does not require migrating away from AngularJS. The workflow applies idiomatic AngularJS 1.x changes to avoid fragile inline positioning and unsupported styling patterns.

When should I use scratch harness verification for AngularJS UI debugging?

Use scratch harness verification for AngularJS UI debugging when addressing logic defects in controllers and services. Visual render validation is used instead for CSS and layout problems.

Why do my Virto Commerce admin module styling changes look broken across different blades?

Virto Commerce admin module styling changes look broken when using fragile inline positioning instead of canonical Admin SPA classes. Applying platform-conformant UI conventions ensures consistent rendering across blades and widgets.