electron-specified

What problem does it solve?

This Skill eliminates inconsistent Electron UI implementations by enforcing PrimeVue components, centralized token-driven styling, system-aware theming, and accessible contrast standards so interfaces remain cohesive, brand-accurate, and responsive across light and dark modes.

Core Features & Use Cases

• Component Consistency: Replace ad hoc controls with PrimeVue primitives and PrimeIcons to ensure predictable behavior and visual weight.
• Token-Driven Styling & Typography: Centralize spacing, color, motion, and KantarBrown typography tokens to avoid fragmented visual rules.
• Theming & Accessibility Validation: Implement system-preference light/dark theming, preserve brand colors, and verify contrast and keyboard interactions.
• Use Case: Update the chat sidebar and composer to use shared tokens, ensure no layout overflow when toggling the sidebar, and validate accessibility and responsive behavior on compact widths.

Quick Start

Use the electron-specified skill to update the chat sidebar component to PrimeVue, apply centralized styling tokens and KantarBrown typography, validate both light and dark themes, and run accessibility contrast and keyboard interaction checks.