design-md-voltagent

Installation
SKILL.md

Design System: VoltAgent

1. Visual Theme & Atmosphere

VoltAgent's interface is a deep-space command terminal for the AI age a developer-facing darkness built on near-pure-black surfaces (#050507) where the only interruption is the electric pulse of emerald green energy. The entire experience evokes the feeling of staring into a high-powered IDE at 2am: dark, focused, and alive with purpose. This is not a friendly SaaS landing page it's an engineering platform that announces itself through code snippets, architectural diagrams, and raw technical confidence.

The green accent (#00d992) is used with surgical precision it glows from headlines, borders, and interactive elements like a circuit board carrying a signal. Against the carbon-black canvas, this green reads as "power on" a deliberate visual metaphor for an AI agent engineering platform. The supporting palette is built entirely from warm-neutral grays (#3d3a39, #8b949e, #b8b3b0) that soften the darkness without introducing color noise, creating a cockpit-like warmth that pure blue-grays would lack.

Typography leans on the system font stack for headings achieving maximum rendering speed and native-feeling authority while Inter carries the body and UI text with geometric precision. Code blocks use SFMono-Regular, the same font developers see in their terminals, reinforcing the tool's credibility at every scroll.

Key Characteristics:

  • Carbon-black canvas (#050507) with warm-gray border containment (#3d3a39) not cold or sterile
  • Single-accent identity: Emerald Signal Green (#00d992) as the sole chromatic energy source
  • Dual-typography system: system-ui for authoritative headings, Inter for precise UI/body text, SFMono for code credibility
  • Ultra-tight heading line-heights (1.01.11) creating dense, compressed power blocks
  • Warm neutral palette (#3d3a39, #8b949e, #b8b3b0) that prevents the dark theme from feeling clinical
  • Developer-terminal aesthetic where code snippets ARE the hero content
  • Green glow effects (drop-shadow, border accents) that make UI elements feel electrically alive
Installs
1
GitHub Stars
13
First Seen
May 30, 2026
design-md-voltagent — galyarderlabs/galyarder-framework