skills.rest
GaryOcean428
GaryOcean428COMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-consistency

Enforce design system and WCAG 2.1 compliance for consciousness visualizations.

Updated Jan 3, 2026
Search Tags:#consistency#accessibility#visualization#ui-ux#design-system#wcag-2.1
One-click install
npx skills add https://github.com/GaryOcean428/pantheon-chat --skill ui-ux-consistency
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-consistency
Source: https://github.com/GaryOcean428/pantheon-chat/tree/main/skills/ui-ux-consistency
Command: npx skills add https://github.com/GaryOcean428/pantheon-chat --skill ui-ux-consistency

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Ensures consciousness visualizations adhere to the design system, verify God Panel alignment with specs, validate regime colors, and meet WCAG 2.1 accessibility requirements.

Core Features & Use Cases

  • Verifies Regime Color Scheme alignment with the defined tokens for geometric, linear, breakdown, and other modes.
  • Checks God Panel dimensions and layout to ensure consistent navigation and detail panels.
  • Validates accessibility compliance, including color contrast, keyboard navigation, and screen reader compatibility.
  • Enforces design system token usage, typography, icon sets, and spacing across consciousness visualizations.

Quick Start

Run the UI-UX consistency checks against the current consciousness visuals to confirm regime colors, God Panel layout, and accessibility conformance.

Frequently Asked Questions about ui-ux-consistency

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

FAQPage Schema
How do I validate UI color contrast for WCAG 2.1 accessibility compliance?▼

To validate UI color contrast for WCAG 2.1 accessibility, this skill checks your visualizations against design tokens and guidelines, verifying screen reader compatibility and keyboard navigation to provide actionable compliance guidance.

What is a design system token and when do I need to verify it in UI reviews?▼

A design system token is a centralized variable for UI attributes like typography, spacing, and regime colors. You need to verify token usage during UI reviews to enforce visual consistency and prevent hard-coded style drift.

How do I check God Panel layout alignment against my UI specifications?▼

To check God Panel layout alignment against UI specifications, run the consistency validation to confirm dimensions, navigation structure, and detail panel spacing match your defined design system standards.

Does this UI consistency checker work without external design dependencies?▼

Yes, the UI consistency checker works without external dependencies, relying entirely on your internal design tokens and specifications to validate regime colors, typography, and layout during development.

Why does my regime color scheme break down across different visualization modes?▼

Your regime color scheme breaks down when geometric, linear, or breakdown modes bypass design tokens. This validation identifies misaligned colors and provides examples to enforce the correct token usage.

Related Skills

Explore More Design & Creative Skills→
jwmyersjwmyers

visual-style-guide

Define color palettes, SVG styling, and token designs for Zero-Day Attack interfaces.

Community
Intermediate
AskTinNguyenAskTinNguyen

normalize

Normalize web application UI components to align with design tokens.

Community
Advanced
dinoudondinoudon

component-library

Create reusable UI components with React and Storybook.

Community
Advanced
nathankoerschnernathankoerschner

rams

Review code for WCAG 2.1 accessibility and visual design issues.

Community
Intermediate