A professional design system skill for building high-density, tactical interfaces inspired by Evangelion's iconic monitor and control-room aesthetics.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install eva-ui-skill
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install eva-ui-skill using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Eva-UI?
The Eva-UI skill is a comprehensive framework for creating, reviewing, and extending user interfaces that mirror the industrial, high-stakes feel of tactical monitor displays. It moves beyond generic sci-fi aesthetics by enforcing a specific visual grammar rooted in hard-edged framing and status-driven color palettes. By implementing this within Openclaw Skills, developers can ensure their AI-generated frontend outputs maintain a consistent red-orange instrument feel rather than drifting into soft, modern SaaS dashboard patterns.
This skill provides a rigorous set of rules for typography, motion, and pattern language, allowing for the creation of interfaces that prioritize information density and technical precision. It is designed for applications where data visualization needs to feel mechanical, urgent, and authoritative.
Eva-UI Use Cases
- Designing tactical command and control dashboards for complex systems.
- Developing frontend components with a high-density industrial aesthetic.
- Generating AI prompts for authentic Evangelion-style interface modules.
- Auditing existing UI designs to remove soft-edged SaaS anti-patterns.
- Prototyping data-intensive monitoring tools with a technical, hard-edged feel.
How Eva-UI Works
- Initialize the project by referencing the style-principles.md to establish the visual constraints.
- Apply the system rules for tokens, typography, and motion to maintain stylistic consistency.
- Integrate the pattern language using stripes, ticks, brackets, and calibration motifs for visual structure.
- Construct or review individual UI components against the established component rules.
- Use prompt recipes to generate new interface sections or functional components rapidly.
- Filter and reject any outputs that exhibit soft SaaS card layouts or large border radii.
Eva-UI Setup
To deploy this skill in your environment, integrate the reference documentation into your agent's knowledge base. Use the following structure to set up the workspace:
# Initialize the Eva-UI skill references
mkdir -p .openclaw/skills/eva-ui
cp -r references/ .openclaw/skills/eva-ui/
Ensure your agent is configured to prioritize the instructions in references/style-principles.md for all frontend tasks related to this theme.
Eva-UI Data Schema & Taxonomy
The skill utilizes a structured reference system to manage its design tokens and implementation logic. This Openclaw Skills package organizes data into the following categories:
| Module | Purpose | Key Files |
|---|---|---|
| Core Principles | Visual direction and hard constraints | style-principles.md, tokens.md |
| Visual Elements | Pattern language and typography rules | typography.md, pattern-language.md, data-elements.md |
| Logic | Component construction and prompt logic | component-rules.md, prompt-recipes.md |
| Quality Assurance | Detection of non-compliant design patterns | anti-patterns.md |
| Prototypes | Live HTML/CSS examples for extraction | assets/example-lab/ |
Eva-UI Advanced Features
- Automated rejection of soft-edged SaaS design patterns to maintain aesthetic purity.
- Modular prompt recipes for generating high-density data visualizations.
- Integrated instrument-style motion rules for realistic tactical feedback.
- Support for multi-agent workflows to coordinate design and implementation.
- Example Lab assets for rapid prototyping and component extraction.
SKILL.md
Loading
Related Openclaw Skills
Plakar Restore Workflows
A professional toolset for AI agents to list, inspect, and restore historical file snapshots using Plakar.
Profit Margin Calculator
A specialized tool for calculating true ecommerce profit margins by accounting for shipping, platform fees, discounts, and refund impacts.
Market News Assistant
An automated financial intelligence skill that searches, summarizes, and analyzes global market dynamics and policy shifts.
Shipping Cost Calculator Ecommerce
A strategic financial modeling tool that calculates the true total delivery cost per order to drive smarter shipping policy and pricing decisions.
eth-labels
A comprehensive MCP server providing instant identification for over 170,000 labeled crypto addresses and token contracts across major EVM blockchains.
tar
A versatile archive management utility for AI agents to create, extract, and manipulate tar archives with multi-format support.
Featured*
