cabinet-framework-quality

Audit UI framework usage to identify underuse, misuse, and migration gaps.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/orenmagid/claude-cabinet --skill cabinet-framework-quality
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: cabinet-framework-quality
Source: https://github.com/orenmagid/claude-cabinet/tree/main/templates/skills/cabinet-framework-quality
Command: npx skills add https://github.com/orenmagid/claude-cabinet --skill cabinet-framework-quality

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audits ensure that UI frameworks are used effectively, identifying gaps where teams miss framework capabilities and best practices.

Core Features & Use Cases

  • Identify underuse, misuse, suboptimal use, wrapper syndrome, and partial migration residue to improve alignment with framework capabilities.
  • Provide actionable remediation steps and governance patterns such as a component decision guide, import barrels, and framework-specific linting checks.
  • Help frontend teams maintain consistent, accessible, and performant UI by aligning implementation with framework capabilities across projects.

Quick Start

Run a focused audit on your frontend codebase to surface framework-usage gaps and recommended fixes.

Frequently Asked Questions about cabinet-framework-quality

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

FAQPage Schema
How do I audit my frontend codebase for UI framework misuse?

To audit your frontend codebase for UI framework misuse, perform a two-stage analysis starting with an import inventory and followed by governance checks to surface underuse, wrapper syndrome, and partial migration residue.

What is wrapper syndrome in frontend component architecture?

Wrapper syndrome in frontend component architecture occurs when teams create unnecessary custom wrappers around native UI framework components instead of using them directly, leading to suboptimal use and maintenance overhead that audits can identify and remediate.

How do I fix partial migration residue in my UI components?

To fix partial migration residue in your UI components, apply actionable remediation steps and governance patterns such as a component decision guide, import barrels, and framework-specific linting checks to align implementation with framework capabilities.

What governance patterns help maintain consistent UI framework usage?

Governance patterns that help maintain consistent UI framework usage include a component decision guide, import barrels, and framework-specific linting checks, which align implementation with framework capabilities to ensure accessible and performant UI.