Skills
.Work. You
Rest

style-align

Community

Ensure Vue components follow consistent UI design standards.

Design & Creative#automation#ui#vue#style#code consistency#component alignment
AuthorChenyCHENYU
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the detection and correction of inconsistencies in Vue SFC files relative to the WK-Skills-UI framework, promoting visual consistency across projects.

Core Features & Use Cases

  • Style Compliance Checks: Scan source code for deviations in button icons, table alignments, color codes, and layout structures.
  • Automated Fixes: Generate and apply code modifications to align with established UI style rules.
  • Use Case: Developers can run this skill on a Vue project to identify and fix all style issues related to component alignment, color usage, and layout structure, ensuring a consistent UI without manual editing.

Quick Start

Run the style-align skill to scan and automatically fix Vue files in the project directory.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: style-align
Download link: https://github.com/ChenyCHENYU/wl-skills-ui/archive/main.zip#style-align

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.