Enforce unified CSS tokens, typography, and spacing for Vue pages.
npx skills add https://github.com/Showiix/EsportManager2 --skill page-style
Please help me install this Agent Skill. Skill: page-style Source: https://github.com/Showiix/EsportManager2/tree/main/.claude/skills/page-style Command: npx skills add https://github.com/Showiix/EsportManager2 --skill page-style
Ensures a unified visual language across EsportManager2 by codifying color, typography, spacing, and component usage, preventing design drift.
Apply the page-style guidelines to a new Vue page to ensure visuals align with the unified design.
High-intent search queries and answers about installing and using this skill.
To maintain UI consistency in Vue pages, apply codified color, typography, and spacing rules using predefined CSS tokens. This prevents design drift by ensuring headers, tables, and dialogs follow a unified visual language across the application.
Auditing Vue components for design drift involves validating their CSS tokens, typography scale, and spacing against established guidelines. This process identifies style deviations in sections like headers and dialogs to ensure unified visual parity.
CSS tokens enforce a unified design system by codifying color, typography, spacing, and border values into reusable variables. Applying these tokens in Vue components ensures consistent visual language and prevents style deviations across pages.
Yes, you can use these component guidelines to refactor existing UI sections. The guidelines provide lightweight implementation guidance for Vue components, ensuring refactored headers, tables, and dialogs maintain parity with the design system.
Inconsistent spacing and typography in Vue pages usually occurs when predefined CSS tokens and grid rules are not applied. Codifying these elements enforces a unified visual language and prevents design drift across the application.
yonetim258852Generate modular scale font size tokens as CSS variables for design systems.
amarnath3003Recreate a neumorphic Control Console design system with Tailwind CSS and React components.
booklib-aiApply Refactoring UI principles to improve visual hierarchy in UI designs.
bryllimEstablish semantic design tokens and typography specifications for minimalist web UIs.
