skills.rest
AshesOfTheUndead
AshesOfTheUndeadCOMMUNITY
Explore all skills by this author →
GitHub

retro

Generate retro UI component rules with high-contrast palettes and WCAG 2.2 AA compliance.

Updated Jul 9, 2026
Search Tags:#typography#accessibility#design system#ui design#tokens#retro
One-click install
npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill retro-ashesoftheundead
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: retro
Source: https://github.com/AshesOfTheUndead/rezurxlib/tree/main/skills/design/design-systems/style-skills/retro
Command: npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill retro-ashesoftheundead

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the challenge of maintaining visual consistency when building retro-themed interfaces, ensuring that typography, spacing, and color palettes adhere to a unified design language.

Core Features & Use Cases

  • Design Token Management: Provides a centralized source of truth for high-contrast retro colors and typography scales.
  • Component Guidance: Offers structured rules for anatomy, states, and accessibility to ensure retro aesthetics do not compromise usability.
  • Use Case: When developing a new game menu or admin panel, use this Skill to generate implementation-ready component rules that match the Macondo-based typography and high-contrast color tokens.

Quick Start

Use the retro skill to generate a design guideline for a new button component that follows the established style foundations.

Frequently Asked Questions about retro

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

FAQPage Schema
How do I build a retro UI design system without breaking accessibility standards?▼

Retro UI design systems require centralized design tokens for high-contrast palettes and Macondo-based typography scales. They solve the problem of maintaining visual consistency across vintage-themed interfaces while enforcing WCAG 2.2 AA compliance, ensuring retro aesthetics do not compromise usability.

How do I apply high-contrast color tokens to game menu components?▼

To generate a retro button component guideline, define its anatomy, interaction states, and accessibility standards using the established style foundations. Apply centralized design tokens for high-contrast colors and Macondo-based typography scales to ensure strict visual consistency.

Can I use vintage typography in an admin panel and still meet WCAG 2.2 AA requirements?▼

Yes, vintage typography works for admin panels while meeting WCAG 2.2 AA requirements. The skill provides structured rules for component anatomy and accessibility standards, ensuring retro aesthetics applied through high-contrast tokens do not compromise usability.

What is the best way to manage spacing scales for a vintage-themed web UI?▼

Retro-themed web UIs maintain spacing consistency through centralized design token management. This enforces strict adherence to defined spacing scales and high-contrast color tokens, providing a unified source of truth for the vintage design language.

Why does my retro interface design lose visual consistency across different components?▼

Retro interface design loses visual consistency when typography, spacing, and color palettes lack a unified design language. Without centralized design tokens and defined component anatomy, the vintage aesthetic fragments across different UI components.

Does applying a retro design system compromise component interaction states?▼

Applying a retro design system does not compromise component interaction states when structured rules are enforced. The skill provides specific guidance for component anatomy and states, ensuring retro aesthetics and functional usability coexist seamlessly.

Related Skills

Explore More Design & Creative Skills→
kmshihab7878kmshihab7878
6

ui-design-system

Generate design tokens from a brand color and export as CSS, SCSS, and JSON.

Community
Advanced
willibrandonwillibrandon
289

Pixel Art Professional

Apply dithering, palette optimization, shading, and antialiasing to pixel art sprites.

Community
Advanced
guideopsguideops

neumorphism

Provide neumorphism UI design guidelines with WCAG 2.2 AA accessibility rules.

Community
Advanced
superpollo02superpollo02

shadcn

Generate shadcn/ui-inspired component guidance with token-first rules and WCAG 2.2 AA constraints.

Community
Intermediate