TheGreatGildo

NERV UI v2 — Operations Console Component Library

Name: NERV UI v2 — Operations Console Component Library
Author: TheGreatGildo

Data community intermediate

SOURCE https://github.com/TheGreatGildo/nerv-ui

Description

Build web interfaces that feel like NERV designed them. Dense, data-driven, clinical. Every visual element references real data — no decorative waste. **The screen is off until data demands it. Black

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

name: nerv-ui description: "NERV Operations Console v2 — Evangelion-inspired UI component library. Data-driven Three.js MAGI visualization (yield surface mesh + organic flow curves + bar columns), blockchain event log terminal, dense metrics grid, vault cards, oracle consensus display, CRT effects, emergency mode. Noto Serif Display (weight 900) + Shippori Mincho B1 + JetBrains Mono. NO HELVETICA. Every pixel conveys information."

NERV UI v2 — Operations Console Component Library

Build web interfaces that feel like NERV designed them. Dense, data-driven, clinical. Every visual element references real data — no decorative waste.

**The screen is off until data demands it. Black void is the default state.**

**Live Demo:** https://woody-cairn-ztqf.here.now/ **Source:** `~/clawd/nerv-ui/index.html` **v1 Docs:** See `SKILL-v1.md` for the original component library (Cormorant Garamond, hex grids, command blocks)

What's New in v2

v1	v2
Cormorant Garamond (max 700)	Noto Serif Display (up to 900) — much heavier
Decorative 3D wireframes	Data-driven MAGI visualization (yield surface + flow curves)
Generic icosphere globe	Animated terrain mesh with numbered vertices + organic curves
No event stream	Blockchain event log — scrolling terminal with typed events
Moderate density	Maximum density — every panel shows real protocol data
3 vaults (alETH/alUSD/alBTC)	2 vaults (alETH/alUSD) — matches current V3 scope
Hex grid scanner	Cut — replaced with MYT strategy performance table
Command block / ID block	Cut — decorative, replaced with data-driven metrics

Quick Start

Drop-in Stylesheet

Contains all design tokens, CRT effects, and component classes. 808 lines, zero dependencies (except fonts).

Required Fonts

CRT Effects (standalone)

Just want the CRT look? Use `components/crt-effects.css` — scanlines, vignette, phosphor flicker, moving scan line. Add `

` to your body.

File Structure

nerv-ui/
├── SKILL.md              ← This file (v2 documentation)
├── SKILL-v1.md           ← Original v1 documentation (preserved)
├── nerv-ui.css           ← Complete stylesheet (tokens + CRT + all components)
├── demo.html             ← Full working dashboard demo
└── components/           ← Individual component demos (self-contained)
    ├── event-log.html    ← Blockchain event log terminal
    ├── vault-card.html   ← Vault unit status cards
    ├── magi-oracle.html  ← Oracle price consensus display
    ├── metrics-grid.html ← Dense key metrics grid
    ├── data-table.html   ← Strategy + T