Complete AI TrainingYourJobSkills for your job

Skills / design-it

cyber-y2k

Web and App implementation guide for Cyber Y2K. Trigger when user wants modern Y2K, holographic visuals, and glitch aesthetics.

Design & UX

Cyber Y2K

"Y2K, but seen through a distorted, modern lens. Darker, glitchier, and highly holographic."

When to Use

Use this sub-style when the user's request matches the aesthetic described above. This is a child reference of the design-it skill and is not meant to be triggered directly.

Core Principles

  1. Holographic Gradients: Iridescent, oil-slick color palettes that shift as you move.
  2. Glitch Art: Text or images that appear corrupted, split into RGB channels, or stutter.
  3. Tribal & Tribal-Tech Vectors: Sharp, aggressive vector graphics (think early 2000s tribal tattoos mixed with circuit boards).

Visual DNA

  • Colors: Deep black background. Highlights are holographic (purple, cyan, lime green, hot pink all mixed into fluid gradients).
  • Typography: Extremely bold, stretched fonts, or highly technical monospace fonts.
  • Visuals: CD-ROM reflections, barbed wire graphics, and heavy chromatic aberration.

Web Implementation

  • Use CSS animations for glitching and animated background gradients.
  • CSS Example:
body {
  background-color: #050505;
  color: #fff;
}

/* Holographic button */
.cyber-y2k-btn {
  background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
  background-size: 1800% 1800%;
  animation: rainbow 18s ease infinite;
  
  color: #fff;
  font-wei

Subscribers only

The full skill, its 1 bundled files and every download is included with every paid Complete AI plan.

Details

Sourceself
License
Risk labelsafe ("critical" means the skill may run commands or touch files — read before use)
FilesSKILL.md
Added2026-06-17

Related skills

3d-ui

Web and App implementation guide for 3D UI. Trigger when user wants actual 3D objects, perspective effects, and spatial depth.

ai-native-ui

Web and App implementation guide for AI Native UI. Trigger when user wants conversational interfaces, adaptive layouts, and generative AI aesthetics.

aurora-ui

Web and App implementation guide for Aurora UI. Trigger when user wants gradient glows, color blobs, and atmospheric lighting effects.

bento-ui

Web and App implementation guide for Bento UI. Trigger when user wants modular grid cards, Apple-like dashboard style, or sections arranged like a bento box.

brutalism

Web and App implementation guide for Brutalism. Trigger when user wants a raw appearance, intentionally unfinished look, and rejection of standard design conventions.

brutalist-typography

Web and App implementation guide for Brutalist Typography. Trigger when user wants huge fonts, raw presentation, and aggressive layout decisions.