wk-skills-ui
Community统一UI风格与代码修复,加速企业数字化转型
AuthorChenyCHENYU
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses inconsistencies in UI components, styles, and layouts across enterprise Vue projects, reducing manual adjustments and visual fragmentation.
Core Features & Use Cases
- Visual Style Consolidation: Implements design tokens, style overlays, and规范化组件样式,实现全企业界面风格一致。
- 自动化扫描与修复: 遍历代码仓库检测硬编码颜色、偏离规范的组件、操作按钮和弹窗布局,自动生成整改清单。
- 适用场景: 适合企业内多个项目同时落地统一UI标准,快速识别样式偏差和结构不规范,支持旧项目化妆与新项目全接入。
- 示例用法: 用户可以指令AI “优化现有企业Web系统样式,符合公司设计规范” ,立即获取完整整改措施和方案。
Quick Start
执行扫描命令检测项目中的样式偏差和不规范代码,生成整改报告。
Dependency Matrix
Required Modules
None requiredComponents
referencesscriptsassets
💻 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: wk-skills-ui Download link: https://github.com/ChenyCHENYU/wl-skills-ui/archive/main.zip#wk-skills-ui 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.