TheGreatGildo

NERV UI V2 — Operations Console Component Library — Data skill for Claude Code

Data community intermediate

Build web interfaces that feel like NERV designed them.

How to install NERV UI V2 — Operations Console Component Library

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

What NERV UI V2 — Operations Console Component Library does

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

Alternatives in Data

Clinical Decision Support — Evidence-based clinical decision support tools 6.4k ★
Portaljs Architect — Recommend a data-portal architecture (storage, compute, catalog, access, hosting, metadata) from your needs, t 2.3k ★
Sprite Gen — Generate clean 2D game sprites & animation atlases — component-row pipeline: state rows, alpha cleanup, frame 763 ★

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