cyberpunk-aesthetic

Community

Shape Krypton's cyberpunk UI aesthetic.

Authorwk-j
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Establishes and preserves Krypton’s cyberpunk UI style across themes by codifying visual chrome, CSS effects, and component consistency, so teams can prototype new modes with a shared reference.

Core Features & Use Cases

  • UI style reference: Documents primary color system, glow recipes, scanline textures, and window chrome rules to ensure consistent aesthetics across features.
  • Design governance: Serves as a checklist when building or validating new components, themes, and UI modes against the established cyberpunk look.
  • Guided prototyping: Provides concrete guidelines for typography, transparency, shadows, and animations to accelerate design decisions.

Quick Start

Load the cyberpunk aesthetic reference when prototyping a Krypton UI style to ensure visuals align with the established chrome.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: cyberpunk-aesthetic
Download link: https://github.com/wk-j/krypton/archive/main.zip#cyberpunk-aesthetic

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.