Astra design skill for AI agents

Overview

Astra is a dark-first design system skill file for premium product interfaces with a deep, luminous feel. When you give this skill file to an AI coding assistant, it generates UIs with near-black page surfaces, raised violet-black panels, vivid violet actions, and light typography that stays readable without flattening the page.

The system is built around contrast, glow, and restraint. Primary actions use a confident violet brand, panels lift from the background through darker-purple surfaces and subtle borders, and marketing dividers can use a soft center-lit beam effect. The result should feel modern and atmospheric, but still structured enough for real product workflows.

Visual Language

Astra pairs fully pill buttons and badges with 24px rounded cards, fields, modals, menus, alerts, tabs, tables, and tooltips. Inter V gives the system a compact, polished rhythm, while muted lavender-gray body text supports white headings and violet foreground accents.

Use Astra for AI products, analytics dashboards, launch pages, creative tooling, developer platforms, and dark SaaS experiences that need to feel premium, focused, and immersive without relying on noisy decoration.