Harmonize renderer UI components with white-theme and accessibility standards.
npx skills add https://github.com/ESPlotter/ESPlotter --skill ui-design-esplotter
Please help me install this Agent Skill. Skill: ui-design Source: https://github.com/ESPlotter/ESPlotter/tree/main/.github/skills/ui-design Command: npx skills add https://github.com/ESPlotter/ESPlotter --skill ui-design-esplotter
Renderer UI across the app often drifts in visuals and interaction patterns, making it harder to maintain a cohesive user experience and accessibility compliance.
Apply the UI design guidelines to a new renderer page to ensure visual consistency.
High-intent search queries and answers about installing and using this skill.
To maintain UI consistency across renderer components, apply a white-theme baseline using existing Tailwind and shadcn design primitives. This enforces accessible defaults, standardizes spacing, and ensures predictable interaction patterns across all application pages and states.
The best way to unify renderer UI visuals is to harmonize components by reusing existing Tailwind and shadcn patterns. This approach aligns new screens with the app's visual language, resolving visual drift and ensuring consistent behavior throughout the interface.
Yes, you can use shadcn and Tailwind to enforce accessibility in renderer UI. The guidelines apply accessible defaults to renderer components, ensuring alignment with the white-theme baseline and satisfying accessibility compliance rules across all interaction states.
To review a new renderer page for design consistency, evaluate its alignment with the white-theme baseline and accessibility standards. Check that the implementation reuses existing Tailwind and shadcn primitives to guarantee standard spacing and typography.
djscruggsApply shadcn/ui patterns with Radix primitives and Tailwind CSS in React or Next.js projects.
PavkaBrikaAudit UI against the design system and normalize spacing, typography, and tokens.
congthang12312Integrate accessible shadcn/ui components with Tailwind tokens into React apps.
willyu1007Implements and normalizes UI styling using theme tokens and accessibility checks within an existing system design.
