Communitygithub.com

lenargum/CV

Nutze diesen Skill, um markenkonforme Oberflächen und Assets für Lenar Gumerovs persönliche CV-Website (lenargum.me) zu erstellen – sowohl für die Produktion als auch für Wegwerf-Prototypen/Mockups. Enthält wesentliche Designrichtlinien, Farben, Schriftarten, Assets und eine UI-Kit-Nachbildung des Lebenslaufs für das Prototyping.

Was ist CV?

Dieser Skill ermöglicht es, konsistente und markengetreue Benutzeroberflächen für die persönliche Portfolio-Seite von Lenar Gumerov, Senior Frontend Engineer, zu entwerfen und zu entwickeln. Das Branding zeichnet sich durch eine rein dunkle Ästhetik aus: schwarze/anthrazite Oberflächen, weiße Schrift und ein animiertes WebGL-Simplex-Rausch-Feld als einziger Hintergrund – keine Farbverläufe, kein Marketing-Chichi, keine Emojis. Zweisprachig (EN/RU); ein „Lavalampe“-Toggle blendet den gesamten Inhalt aus und lässt nur das Rauschen sichtbar. Der Skill enthält Design-Tokens in `colors_and_type.css`, eine Komponentenbibliothek in `ui_kits/cv-site/` und unterstützt beide Arbeitsmodi: statische HTML-Prototypen (für Präsentationen oder Tests unter Verwendung von Noise-Canvas, kategorialem Tag-System und `cv-card`-Container) sowie Produktionscode auf Basis des ursprünglichen Astro+React+Tailwind-Stacks. Bei unklaren Anforderungen fungiert der Skill als erfahrener Designer, der gezielte Fragen stellt und je nach Bedarf HTML-Artefakte oder Produktionscode ausgibt.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/lenargum/CV/tree/HEAD/src/design-system

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Lies die README.md-Datei innerhalb dieses Skills und erkunde die anderen verfügbaren Dateien.

Wichtige Fakten:

  • Persönliche CV-/Portfolio-Seite von Lenar Gumerov, Senior Frontend Engineer.
  • Rein dunkle Ästhetik – schwarze/anthrazite Oberflächen, weißer Text, ein animiertes WebGL-Simplex-Rausch-Feld als einziger Hintergrund. Keine Farbverläufe, kein Marketing-Chichi, keine Emojis.
  • Zweisprachig EN / RU. Der „Lavalampe“-Toggle in der Ecke blendet den gesamten Lebenslauf aus und lässt nur das Rauschen sichtbar.
  • Keine Webfont – bewusst mit dem systemeigenen Sans-Stapel.
  • Design-Tokens leben in colors_and_type.css. Komponenten-Nachbildungen befinden sich in ui_kits/cv-site/.

Wenn du visuelle Artefakte erstellst (Folien, Mockups, Wegwerf-Prototypen usw.), kopiere Assets heraus und erstelle statische HTML-Dateien, die der Benutzer ansehen kann. Verwende die Noise-Canvas, das kategoriale Tag-System und den cv-card-Container – das sind die Markenzeichen.

Wenn du an Produktionscode arbeitest, kannst du Assets kopieren und die Regeln hier lesen, um ein Experte im Designen mit dieser Marke zu werden. Die ursprüngliche Seite befindet sich im CV/-Codebase (Astro + React + Tailwind).

Wenn der Benutzer diesen Skill ohne weitere Anleitung aufruft, frage ihn, was er bauen oder entwerfen möchte, stelle ein paar Fragen und agiere als erfahrener Designer, der HTML-Artefakte oder Produktionscode ausgibt – je nach Bedarf.

Verwandte Skills