Kinetic design skill for AI agents

Overview

Kinetic is a dense, technical design system skill file built for interfaces that need speed, clarity, and operational focus. When you give this skill file to an AI coding assistant, it generates UIs with JetBrains Mono typography, a kinetic yellow primary brand, deep navy foreground accents, flat surfaces, and compact 4px geometry.

The system avoids softness and visual clutter. Every section shares one uniform surface, cards lift through a lighter derivative of that surface, and inputs read through contrasting fills instead of borders. Separators are precise gradient hairlines, not heavy rules, and the brand focus ring makes active states feel sharp and deliberate.

Visual Language

Kinetic uses 4px corners for box-shaped shells, with fully pill toggles and badges where the component semantics call for it. It has no drop shadows in resting surfaces, no bordered cards or inputs, and no decorative status colors unless a real state needs them.

Use Kinetic for engineering dashboards, trading and finance tools, logistics products, infrastructure interfaces, command centers, data-heavy SaaS, and AI operations screens that should feel fast, technical, and controlled.