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

vendors/c-components

Detect C_* Vue components and enforce naming and styling standards.

3|Updated May 1, 2026
Search Tags:#vue#component#code-review#naming#style-guide
One-click install
npx skills add https://github.com/ChenyCHENYU/wl-skills-ui --skill vendors-c-components
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vendors/c-components
Source: https://github.com/ChenyCHENYU/wl-skills-ui/tree/main/skills/vendors/c-components
Command: npx skills add https://github.com/ChenyCHENYU/wl-skills-ui --skill vendors-c-components

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps identify and standardize team-defined Vue components with the C_* prefix, ensuring naming consistency and guiding development practices.

Core Features & Use Cases

  • Component Recognition: Detects <C_Form>, <c-table>, and class names beginning with c- or C_ within Vue projects.
  • Internal Checks & Recommendations: Checks whether custom components call unaligned element controls, use color tokens, or follow sizing and styling standards.
  • Use Case: When upgrading or harmonizing a Vue codebase, use this Skill to identify all C_* components and suggest improvements for style consistency without altering functional code.

Quick Start

Use the c-components skill to audit a Vue project's component structure and receive recommendations for standardization.

Frequently Asked Questions about vendors/c-components

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

FAQPage Schema
How do I enforce Vue component naming conventions during code review?▼

To enforce Vue component naming conventions during code review, you can analyze component import patterns and DOM structures to detect C_* prefixed components and ensure adherence to team style guides.

What is the best way to standardize custom Vue components across a codebase?▼

Standardizing custom Vue components involves detecting class names beginning with c- or C_ and checking their usage of color tokens, sizing, and styling standards to suggest improvements without altering functional code.

How do I identify unaligned element controls in Vue components?▼

You can identify unaligned element controls by auditing Vue components with internal checks that scan for custom components calling unaligned controls and verify whether they follow team-defined styling standards.

Can I audit inline style usages in Vue projects for consistency?▼

Yes, you can audit inline style usages in Vue projects by analyzing component structures and class names to ensure they follow sizing, styling standards, and proper color token usage.

Does this Vue component standardization approach alter functional code?▼

No, this Vue component standardization approach suggests improvements for style consistency by analyzing component import patterns and DOM structures without altering functional code.

Related Skills

Explore More Software Engineering Skills→
leonardoteodorooleonardoteodoroo

python-code-style

Enforce Python code style with Ruff, MyPy, and pyright configurations.

Community
Advanced
roedyrustamroedyrustam
43

hig

Review UI designs against Human Interface Guidelines principles.

Community
Intermediate
peopledearpeopledear
1

Frontend Components

Enforce frontend component coding standards in Claude Code workflows.

Official
Basic
codewithmukeshcodewithmukesh
640

convention-learner

...

Official
Advanced