Menü aus mechanischen Tastenkappen
Bereiche werden zu Tasten einer beigen mechanischen Tastatur: Sie sinken beim Drücken ein, die aktive leuchtet orange, und 1 bis 4 funktionieren auch.
Einstellungen
Code
<div class="uvq12-kc"><div class="ks" role="tablist" aria-label="Kürzel"><button type="button" role="tab" id="uvq12-kc-t0" aria-selected="true" aria-controls="uvq12-kc-p0" tabindex="0" aria-keyshortcuts="1"><span class="cap"><b>1</b><span>Start</span><i class="led" aria-hidden="true"></i></span></button><button type="button" role="tab" id="uvq12-kc-t1" aria-selected="false" aria-controls="uvq12-kc-p1" tabindex="-1" aria-keyshortcuts="2"><span class="cap"><b>2</b><span>Projekte</span><i class="led" aria-hidden="true"></i></span></button><button type="button" role="tab" id="uvq12-kc-t2" aria-selected="false" aria-controls="uvq12-kc-p2" tabindex="-1" aria-keyshortcuts="3"><span class="cap"><b>3</b><span>Notizen</span><i class="led" aria-hidden="true"></i></span></button><button type="button" role="tab" id="uvq12-kc-t3" aria-selected="false" aria-controls="uvq12-kc-p3" tabindex="-1" aria-keyshortcuts="4"><span class="cap"><b>4</b><span>Einstellungen</span><i class="led" aria-hidden="true"></i></span></button></div><div class="sc"><div class="pn" role="tabpanel" id="uvq12-kc-p0" aria-labelledby="uvq12-kc-t0">Du hast 3 neue Hinweise.</div><div class="pn" role="tabpanel" id="uvq12-kc-p1" aria-labelledby="uvq12-kc-t1" hidden>12 aktive Projekte.</div><div class="pn" role="tabpanel" id="uvq12-kc-p2" aria-labelledby="uvq12-kc-t2" hidden>Letzte Notiz vor 5 Min.</div><div class="pn" role="tabpanel" id="uvq12-kc-p3" aria-labelledby="uvq12-kc-t3" hidden>Design, Sprache und Kürzel.</div></div></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Navigation
Alle ansehen: NavigationWofür du ihn nutzen kannst
Ein Menü aus beigen mechanischen Tastenkappen mit gewölbter Oberfläche, Ziffer in der Ecke und kleiner LED. Die Tasten fahren beim Drücken nach unten, der aktive Bereich bleibt orange mit leuchtender LED, und eine grüne Terminalzeile darunter tippt den Inhalt. Die Tasten 1 bis 4 drücken die passende Kappe, was gut zu Entwickler-Tools, Dashboards und Portfolios passt.
Die Hauptfarbe färbt die aktive Taste, die Zweitfarbe das Tastaturgehäuse. Nutze ein kurzes Wort pro Taste, höchstens fünf Tasten pro Reihe, und zeig die Kürzel gut sichtbar an.