skills.rest
ChenyCHENYU
ChenyCHENYUCOMMUNITY
Explore all skills by this author →
Website𝕏@CHENY_ychenyGitHub

vendors/jh-components

Detect and diagnose issues with custom jh-* Vue components in enterprise applications.

3|Updated May 1, 2026
Search Tags:#layout#components#vue#diagnostic#ui consistency#css overrides
One-click install
npx skills add https://github.com/ChenyCHENYU/wl-skills-ui --skill vendors-jh-components
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vendors/jh-components
Source: https://github.com/ChenyCHENYU/wl-skills-ui/tree/main/skills/vendors/jh-components
Command: npx skills add https://github.com/ChenyCHENYU/wl-skills-ui --skill vendors-jh-components

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

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.

Frequently Asked Questions about vendors/jh-components

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

FAQPage Schema
How do I fix layout misalignments in custom Vue components?▼

Fix layout misalignments in custom Vue components by detecting style overrides and improper configurations in source files, then applying repair guidance like setting default props to enforce consistent design standards.

What's the best way to diagnose UI consistency issues in enterprise Vue applications?▼

Diagnose UI consistency issues in enterprise Vue applications by scanning component tag usage, classnames, and inline styles to identify style overrides and layout misalignments, generating reports with suggested fixes.

How do I scan Vue files for custom component configuration issues?▼

Scan Vue files for custom component configuration issues by running automated checks against component tags and classnames to identify improper configurations and enforce best practices across your project directory.

Can I check jh-* component tags and inline styles for best practice violations?▼

Yes, you can check jh-* component tags and inline styles for best practice violations by diagnosing custom Vue components to identify global CSS overrides and recommend fixes for cohesive UI consistency.

Why does my custom Vue component layout break after global CSS overrides?▼

Custom Vue component layout breaks after global CSS overrides because improper configurations and style overrides misalign components; diagnosing these tags and classnames helps recommend fixes to maintain alignment standards.

Related Skills

Explore More Software Engineering Skills→
easingthemeseasingthemes
6

aem-component

Locate source files, AEM pages, and dialog fields for a component across repositories.

Community
Advanced
paopp2paopp2

tailwindcss

Apply Tailwind CSS utility classes for responsive, themed UI styling.

Community
Intermediate
asadbek21coderasadbek21coder

frontend-guidelines

Enforce Vue 3 frontend conventions across components, routing, and state management.

Community
Intermediate
artofrawrartofrawr
1

ui-testing

Detect visual UI issues across web and mobile components.

Community
Intermediate