What is the Kymera Brand aesthetic?

It is a sophisticated 'Jarvis meets Bloomberg Terminal' HUD design, focusing on high data density, technical precision, and atmospheric depth.

Does this skill support light mode?

Yes, while dark mode is the primary aesthetic, the skill includes a professional light mode system specifically designed for print, academic papers, and professional documentation.

Which fonts are recommended for this brand system?

The system utilizes technical fonts like JetBrains Mono for data/precision and Orbitron, Exo 2, or Rajdhani for high-impact display headers.

Is this skill limited to trading applications?

No, while it is optimized for trading and AI research, the system is perfect for any project requiring a 'near-future' command interface or high-tech visual identity.

Does it include predefined CSS animations?

Yes, it provides signature animations including scan lines, glow pulses, and technical fade-ins with custom cubic-bezier timing functions.

Kymera Brand System

Name: Kymera Brand System
Author: astoreyai

byastoreyai

•

デザインツール

Generates high-fidelity, technical UI components and design systems based on a sophisticated Jarvis-inspired HUD aesthetic.

概要

This skill transforms Claude into a systems designer for Kymera Systems, specializing in creating high-performance, data-centric interfaces that blend near-future aesthetics with technical precision. It provides a comprehensive framework of CSS custom properties, typography rules, and interactive component patterns optimized for quantitative trading terminals and AI research dashboards. By enforcing a 'Data is the Hero' philosophy, it ensures all generated artifacts maintain a consistent, professional, and sophisticated look across dark and light modes.

主な機能

Specialized typography guidelines using technical monospace and display fonts
Comprehensive dark and light mode color systems with CSS custom properties
Jarvis-inspired HUD aesthetics with layered depth and atmospheric effects
Production-ready component patterns for high-density trading dashboards
Signature animation timing functions and glow effects for interactive elements
1 GitHub stars

ユースケース

Building high-density quantitative trading dashboards and terminals
Designing technical AI research platforms and academic presentations
Creating branded UI systems for data-intensive engineering tools

概要

主な機能

Specialized typography guidelines using technical monospace and display fonts
Comprehensive dark and light mode color systems with CSS custom properties
Jarvis-inspired HUD aesthetics with layered depth and atmospheric effects
Production-ready component patterns for high-density trading dashboards
Signature animation timing functions and glow effects for interactive elements
1 GitHub stars

ユースケース

Building high-density quantitative trading dashboards and terminals
Designing technical AI research platforms and academic presentations
Creating branded UI systems for data-intensive engineering tools