TheGreatGildo/nerv-ui

Registry

Summary

NERV-UI is an Evangelion-inspired instrumentation UI skill for Claude Code and OpenClaw, bringing the iconic NERV Operations Console aesthetic to web interfaces. Built with HTML, it provides a retro-futuristic, cybernetic visual style for command dashboards and monitoring tools.

Key features

• Evangelion-inspired NERV console visual style
• Designed for Claude Code and OpenClaw integration
• Retro-futuristic cybernetic UI components
• Lightweight HTML-based instrumentation interface
• Customizable dashboard aesthetic for monitoring tools

Use cases

• Building Evangelion-themed command dashboards
• Enhancing Claude Code sessions with immersive UI
• Creating retro-futuristic monitoring interfaces
• Themed instrumentation panels for developers
• Experimental web UI prototyping with anime aesthetics

README excerpt

# NERV UI A Claude Code / OpenClaw skill and component library for building web interfaces with the **NERV Operations Console** aesthetic — the visual identity of a fictional military-scientific organization from Neon Genesis Evangelion. **The screen is off until data demands it. Black void is the default state.** ## What's In The Box ### Skill File `SKILL.md` — the complete v2 design system specification. Drop it into `~/.claude/skills/nerv-ui/` and Claude will build interfaces in this style. Covers design tokens, typography, CRT effects, all component patterns, emergency mode, and composition rules. ### Drop-in Stylesheet `nerv-ui.css` — 808 lines, zero dependencies (except fonts). Contains all design tokens, CRT effects, and component classes. Link it and go. ### Component Demos Each is self-contained HTML — open in browser, see it working, extract what you need. ``` components/ ├── event-log.html — Blockchain event log terminal (color-coded scrolling feed) ├── vault-card.html — EVA Unit-style vault status cards ├── magi-oracle.html — Three-source oracle price consensus display ├── metrics-grid.html — Dense key protocol metrics grid ├── data-table.html — Strategy + Transmuter performance tables └── crt-effects.css — CRT overlay effects (standalone, use anywhere) ``` ### Full Demo `demo.html` — complete working dashboard with Three.js MAGI visualization, event log, vault cards, oracle display, metrics, data tables, and emergency mode toggle. ### v1 Archive `v1-old/SKILL.md` — the original v1 spec (Cormorant Garamond, hex grids, command blocks). Preserved for reference. ## The Style ### Color System CRT phosphor colors — they glow against true black. Each has exactly one job: | Color | Hex | Role | |-------|-----|------| | **NERV Orange** | `#FF9

Topics

No topics yet.