Communitygithub.com

sanjitshrestha/sanjitshrestha.github.io

Nutze dieses Skill, um markenkonforme Interfaces und Assets für das Engineering-Portfolio von Sanjit Shrestha zu erstellen – sowohl für Produktion als auch für schnelle Prototypen/Mockups. Enthält essentielle Designrichtlinien (Farbtoken, Schriftskala, Abstände, Bewegung), Markenstimme, das neue Logo und ein hochauflösendes React-UI-Kit für die Portfolio-Seite.

Was ist sanjitshrestha.github.io?

Dieses Skill dient als umfassende Marken- und Design-Bibliothek für das Portfolio eines Senior-Software-Architekten. Es definiert eine ruhige, selbstbewusste Markenidentität, die auf neutrale Monochrom-Paletten mit einem einzigen Signalgrün-Akzent, serifenlose und serifenbetonte Schriften sowie minimale visuelle Mittel (Haarlinien statt Schatten, kein Emoji, keine Verläufe) setzt. Entwickler können daraus CSS-Variablen und semantische Typografieklassen übernehmen, das Logo als SVG extrahieren oder eine komplette React-UI-Komponentenbibliothek für die Portfolio-Seite nutzen. Das Skill unterstützt sowohl die Erstellung statischer HTML-Prototypen (für Präsentationen oder Mockups) als auch die Produktion von echtem Code – je nach Anforderung des Nutzers. Bei unklaren Vorgaben fungiert es als erfahrener Designer, der gezielte Fragen stellt und die passenden Artefakte generiert.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add sanjitshrestha/sanjitshrestha.github.io
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

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

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Lies die README.md-Datei in diesem Skill und erkunde die weiteren verfügbaren Dateien.

Wenn du visuelle Artefakte (Folien, Mockups, schnelle Prototypen) erstellst, kopiere die Assets und generiere statische HTML-Dateien, die der Nutzer ansehen kann. Arbeitest du an Produktionscode, kannst du die Assets kopieren und die hier geltenden Regeln lesen, um ein Experte für das Design mit dieser Marke zu werden.

Wichtige Dateien:

  • README.md — vollständiger Markenleitfaden: Stimme, Inhalte, visuelle Grundlagen, Ikonografie
  • colors_and_type.css — einsatzbereite CSS-Variablen und semantische Typografie-Klassen
  • assets/ — Logo (hell/dunkel), Logo-Lockup, Profilfoto, Original-Lebenslauf
  • ui_kits/portfolio/ — komponentenbasierte React-Nachbildung des neu gestalteten Portfolios
  • preview/ — kleine Mustervorlagen für jede Token-Gruppe

Markenzusammenfassung in einem Satz: das Portfolio eines Senior-Software-Architekten – stille Zuversicht, Beweise statt Auftreten, monochrome neutrale Palette + ein einzelner Signalgrün-Akzent, Inter + JetBrains Mono + Newsreader, Haarlinien statt Schatten, kein Emoji, keine Verläufe, keine Terminal-Inszenierung.

Wenn der Nutzer dieses Skill ohne weitere Anleitung aufruft, frage ihn, was er bauen oder gestalten möchte, stelle einige Fragen und agiere als erfahrener Designer, der HTML-Artefakte oder Produktionscode ausgibt – je nach Bedarf.

Verwandte Skills

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community