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

tetris

Standardizes UI design tokens and component rules for playful, high-contrast interfaces inspired by classic block games.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured, consistent design language for building interfaces that require a playful, high-contrast, and premium aesthetic inspired by classic block games.

Core Features & Use Cases

  • Design Token Management: Centralizes color, typography, and spacing tokens to ensure visual consistency across all UI components.
  • Component Guidelines: Defines strict rules for anatomy, states, and interaction behaviors for buttons, inputs, and layouts.
  • Use Case: Use this system to rapidly prototype or theme a game-related dashboard or admin panel that needs to feel nostalgic yet modern and accessible.

Quick Start

Apply the tetris design system to the current project by initializing the color tokens and typography scale defined in the design foundations.

Frequently Asked Questions about tetris

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

FAQPage Schema
How do I apply a retro-gaming design system to my UI?▼

A retro-gaming design system solves the need for a structured, consistent design language by providing a playful, high-contrast aesthetic inspired by classic block games, ensuring visual consistency across all UI components.

How do I manage design tokens for a high-contrast UI?▼

You manage design tokens by centralizing color, typography, and spacing tokens to ensure visual consistency across all UI components, applying concrete token-based rules for component states and responsive behavior.

Can I use this design system for an accessible admin panel?▼

Yes, this design system is suitable for an accessible admin panel because it ensures accessibility and visual hierarchy by providing concrete token-based rules for component states and responsive behavior across digital interfaces.

Does this retro UI design system require any dependencies?▼

No, this retro UI design system requires no external dependencies, allowing you to directly initialize the color tokens and typography scale defined in the design foundations into your current project.

What is the best way to prototype a nostalgic game dashboard?▼

The best way to prototype a nostalgic game dashboard is to use a structured design language that provides token-based rules for component states, ensuring the interface feels nostalgic yet modern and accessible.

Related Skills

Explore More Design & Creative Skills→
compozycompozy
2.5k

minimalist-ui

Define and enforce a minimalist UI protocol for typography, color, and layout.

Official
Advanced
JiminLee-wayJiminLee-way

krds-components

Deliver ready-made KRDS UI components with HTML snippets and ARIA semantics.

Community
Advanced
ilanf23ilanf23
1

color-system

Generate accessible color palettes with semantic mapping and WCAG contrast compliance.

Community
Intermediate
lxt070409lxt070409
1

pixel-art

Convert images to pixel art with Floyd-Steinberg dithering and animation overlays.

Community
Advanced