vendors/jh-components
CommunityIdentify and fix custom jh-* Vue components for consistency.
AuthorChenyCHENYU
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill detects the usage and configuration of jh-* prefixed Vue components, diagnosing common issues and guiding repairs for cohesive UI consistency.
Core Features & Use Cases
- Component Detection: Recognizes
<jh-table>,<jh-form>,<jh-tree>,<jh-pagination>, and<jh-drag-col>in Vue files based on class names and tags. - Issue Diagnosis: Identifies style overrides, layout misalignments, and improper configurations within these components.
- Repair Guidance: Recommends fixes such as setting default props, avoiding global CSS overrides, and maintaining alignment standards.
- Use Case: For a large enterprise Vue project using numerous custom components, this Skill helps verify correct styling and layout conformity across source files.
Quick Start
Use the skills to scan all Vue files in your project directory for <jh-* components and get diagnosis reports with suggested fixes.
Dependency Matrix
Required Modules
None requiredComponents
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/jh-components Download link: https://github.com/ChenyCHENYU/wl-skills-ui/archive/main.zip#vendors-jh-components Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.