TheGreatGildo/nerv-ui

Registry 信息

项目简介

NERV-UI 是一款受《福音战士》启发的仪表盘 UI 技能，适用于 Claude Code 和 OpenClaw，将标志性的 NERV 操作台美学带入网页界面。基于 HTML 构建，为命令仪表盘和监控工具提供复古未来主义的赛博风格视觉体验。

要点

• 受《福音战士》启发的 NERV 操作台视觉风格
• 专为 Claude Code 和 OpenClaw 集成设计
• 复古未来主义的赛博 UI 组件
• 基于 HTML 的轻量级仪表盘界面
• 可定制的监控工具仪表盘美学

使用场景

• 构建《福音战士》主题的命令仪表盘
• 为 Claude Code 会话增添沉浸式 UI 体验
• 创建复古未来主义的监控界面
• 为开发者提供主题化仪表盘面板
• 使用动漫美学进行实验性网页 UI 原型设计

README 摘要

# 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

话题

暂无话题