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

matrix

Define a dark-mode design system with standardized tokens and interaction rules.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the challenge of maintaining visual consistency and high-tech aesthetic standards in dark-mode interface design, preventing fragmented or low-contrast UI implementations.

Core Features & Use Cases

  • Design System Foundations: Provides a complete set of tokens for colors, typography, and spacing based on a cyber-terminal aesthetic.
  • Component Guidelines: Offers structured rules for anatomy, states, and interaction behaviors for UI elements.
  • Use Case: Use this Skill to generate a comprehensive design specification for a new admin dashboard or data-heavy interface that requires a professional, high-contrast, and minimalist look.

Quick Start

Apply the matrix design system guidelines to the current project by generating a component rule set for a new navigation sidebar.

Frequently Asked Questions about matrix

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

FAQPage Schema
How do I create a high-contrast dark-mode design system for a data-heavy dashboard?▼

A cyber-terminal design system provides standardized design tokens for colors, typography, and spacing to build high-contrast, consistent UI components for dark-mode interfaces like admin dashboards.

What design tokens are needed for a cyber-terminal UI aesthetic?▼

Design tokens for a cyber-terminal UI include semantic colors, typography scales, and spacing constraints based on terminal interfaces and order-book exchanges to ensure strict accessibility and visual consistency.

Can I use this design system for a new admin dashboard with complex data tables?▼

Yes, this design system is intended for a new admin dashboard or data-heavy interface, providing a professional, high-contrast, and minimalist look through structured component guidelines and interaction behaviors.

How do I ensure visual consistency across dark-mode interface components?▼

Ensure visual consistency in dark-mode interface components by enforcing strict adherence to standardized design tokens, semantic color constraints, and spacing rules provided by the design system.

When should I use a terminal-inspired design system over a standard UI framework?▼

Use a terminal-inspired design system when building data-heavy interfaces or order-book exchanges that require a high-tech aesthetic, strict accessibility, and minimalist visual hierarchy over standard UI styling.

Related Skills

Explore More Design & Creative Skills→
ihlamuryihlamury
73

descript-ui-skills

Enforce Descript UI design constraints for dark mode, Inter font, and 4px grid.

Community
Intermediate
AshesOfTheUndeadAshesOfTheUndead

codex

Generate implementation-ready design guidelines with semantic tokens and accessibility checklists.

Community
Intermediate
nguyennamkkbnguyennamkkb

ios-ui-ux

Provides UI/UX design guidance for iOS apps, including layout, color, typography, and accessibility considerations.

Community
Basic
hschnehschne
1

design-tokens

Generate design token sets for Tailwind, CSS custom properties, or CSS-in-JS.

Community
Intermediate