vendors/custom-wrappers

Community

Detect and optimize unstructured component wrappers efficiently.

AuthorChenyCHENYU
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the challenge of identifying and fixing self-encapsulated, unprefix components that lack consistency, ensuring cleaner code and better maintainability.

Core Features & Use Cases

  • Detection: Identifies Vue components without standard prefixes, based on directory structure or import patterns, and presence of el-* elements.
  • Diagnosis: Analyzes decoding and internal layout issues within these components, providing actionable suggestions for improvement.
  • Repair: Recommends renaming or restructuring to conform to team conventions, and injects coverage styles for safety. Example: fixing poorly structured custom element wrappers.

Quick Start

Use this skill to detect and analyze custom Vue component wrappers in your project to improve consistency and enable better code refactoring.

Dependency Matrix

Required Modules

None required

Components

referencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: vendors/custom-wrappers
Download link: https://github.com/ChenyCHENYU/wl-skills-ui/archive/main.zip#vendors-custom-wrappers

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.