terminal-ui-design-system

SKILL.md

A comprehensive design system for creating terminal-inspired user interfaces with macOS-style window decorations, monospace typography, and a warm, developer-friendly color palette. This design system is optimized for developer tools, code marketplaces, technical documentation, and any interface that benefits from a command-line aesthetic.

The design system includes a complete dark mode implementation using [data-theme="dark"] attribute selector. Dark mode is fully integrated with smooth transitions and maintains all design principles.

Dark mode uses a subtle white grid pattern instead of black:

Erstellen Sie Terminal-inspirierte Benutzeroberflächen mit Fensterdekorationen im macOS-Stil, Monospace-Typografie und einer warmen Farbpalette. Nutzen Sie diese Fähigkeit beim Erstellen von Entwicklertools, Code-Marktplätzen, technischen Dokumentationsseiten oder anderen Schnittstellen, die von einer Terminal-/Befehlszeilenästhetik profitieren. Bietet vollständige Designsystemspezifikationen, einschließlich Farbpalette, Typografie, Abstände, Komponenten und Details zur CSS-Implementierung. Quelle: chyinan/terminal-ui-design-system.

Original anzeigen