neon

Standardize high-contrast design systems with color, typography, and spacing tokens.

Updated Jul 9, 2026
One-click install
npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill neon-ashesoftheundead
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: neon
Source: https://github.com/AshesOfTheUndead/rezurxlib/tree/main/skills/design/design-systems/style-skills/neon
Command: npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill neon-ashesoftheundead

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the challenge of maintaining visual consistency and accessibility in high-contrast UI projects by providing a standardized set of design tokens and implementation rules.

Core Features & Use Cases

  • Design Token Management: Centralizes color, typography, and spacing values to ensure a unified look across all components.
  • Accessibility Compliance: Enforces WCAG 2.2 AA standards through explicit focus states and high-contrast color pairings.
  • Use Case: When building a new dashboard, use this Skill to generate the component anatomy and interaction states for buttons, inputs, and notifications that align with the Neon brand identity.

Quick Start

Use the neon skill to generate the design specifications and accessibility checklist for a new navigation sidebar component.

Frequently Asked Questions about neon

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I standardize high-contrast UI components for web interfaces?

Standardizing high-contrast UI components involves applying centralized color, typography, and spacing design tokens. This enforces a unified visual hierarchy and consistent look across all responsive web and software interfaces.

What are high-contrast design tokens and when do I need them?

High-contrast design tokens are centralized variables defining color, typography, and spacing values. You need them when building accessible interfaces that demand strict visual consistency and adherence to WCAG 2.2 AA guidelines.

How do I ensure my design system meets WCAG 2.2 AA accessibility standards?

Ensuring your design system meets WCAG 2.2 AA accessibility standards requires enforcing explicit focus states and using high-contrast color pairings. Semantic token usage ensures consistent visual hierarchy for accessible UI components.

Does this design system approach work for generating dashboard component specifications?

This design system approach works for generating dashboard component specifications by defining the anatomy and interaction states for buttons, inputs, and notifications. It aligns components with your high-contrast brand identity.

What is the best way to manage visual consistency across accessible frontend projects?

Managing visual consistency across accessible frontend projects is best achieved through centralized design token management. This standardizes high-contrast values and enforces strict accessibility rules across all UI components.

Why do I need semantic token usage in a high-contrast design system?

Semantic token usage in a high-contrast design system enforces strict adherence to accessibility guidelines. It maps raw values to meaningful UI roles, ensuring consistent visual hierarchy and maintainable components.