eva-ui-skillUse this skill when creating, reviewing, or extending interfaces inspired by Evangelion monitor, tactical screen, and control-room aesthetics. It guides colo...
Install via ClawdBot CLI:
clawdbot install sullivangu/eva-ui-skillGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Mar 21, 2026
Designing real-time monitoring interfaces for manufacturing plants or power grids, where high data density and status-driven color coding (red-orange alerts) are critical for operator decision-making. The EVA aesthetic reinforces the industrial feel with hard-edged frames and instrument-style motion, avoiding generic dashboards.
Creating tactical screens for security operations centers that display network traffic, intrusion alerts, and threat landscapes with structured modules and pattern language like stripes and ticks. This enhances readability under high-pressure scenarios, using red-orange hues to highlight critical threats.
Developing interfaces for research labs or data science platforms that visualize complex datasets, such as genomic sequences or particle physics simulations, with high information density and calibration motifs. The design avoids soft layouts, using rails and measurement marks to guide user interaction.
Building in-game interfaces for flight simulators or strategy games that mimic Evangelion's control-room aesthetics, with tactical screens, condensed typography, and motion effects for immersion. This applies pattern language like meshes and brackets to maintain a cohesive industrial red-orange theme.
Designing high-frequency trading dashboards that require rapid data interpretation, using EVA-inspired elements like threshold bars and reticles to display market trends and alerts. The color system prioritizes red-orange for critical status updates, enhancing trader efficiency in fast-paced environments.
Offering a subscription-based platform that integrates EVA UI skill templates and assets into design software like Figma or Sketch, enabling designers to quickly prototype industrial interfaces. Revenue comes from monthly or annual licenses, with tiered pricing for teams and enterprises.
Providing bespoke design and frontend implementation services for clients in industries like industrial automation or cybersecurity, using the skill to create tailored EVA-inspired interfaces. Revenue is generated through project-based contracts and ongoing maintenance support.
Selling pre-built UI components, code snippets, and design assets (e.g., from the example lab) on platforms like Envato or GitHub, targeting developers and designers seeking ready-to-use EVA aesthetic elements. Revenue comes from one-time purchases or licensing fees for commercial use.
💬 Integration Tip
Start by reviewing the style principles and reference files to ensure consistency, then use the example lab assets as a foundation for prototyping to avoid common anti-patterns like soft shadows or excessive typography.
Scored Apr 19, 2026
Implements UI from design mockups (Figma, Sketch, or image) with pixel-accurate layout, responsive behavior, and design tokens. Use when 还原设计图, implementing...
Senior product designer methodology ensuring thorough user research, structured architecture, accessible color and typography systems, and pixel-perfect UI e...
Complete Motion.dev documentation - modern animation library for React, JavaScript, and Vue (formerly Framer Motion)
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-conv...
Shared design system for yuanfang-skills. Provides token CSS variables, 12+ themes, and reusable layout-type HTML blocks. Used by yuanfang-html-image (and fu...
Use when building, reviewing, or improving frontend UI that needs product-specific design direction, design-system generation, Master/Page overrides, distinc...