Markdown-Aufgabe als Checkbox

Eine Zeile im Code-Editor, in der die leeren Klammern zu [x] werden und der Text ~~ Durchstreich-Zeichen bekommt.

Einstellungen

Hauptfarbe#7ee787

Zweitfarbe#ffa657

Größe16px

Tempo1x

Text

Code

index.html

<label class="uvq02-md"><input type="checkbox"><span class="ln" aria-hidden="true">12</span><span class="cd"><span class="mk" aria-hidden="true">- [<span class="x"><i>x</i></span>]</span> <span class="st" aria-hidden="true">~~</span><span class="tx">Version 2.0 veröffentlichen</span><span class="st" aria-hidden="true">~~</span></span></label>

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.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Checkboxen

Alle ansehen: Checkboxen

Checkbox mit gezeichnetem Haken

CheckboxenHTML + CSS

Runde Checkbox

CheckboxenHTML + CSS

Checkbox mit Konfetti

CheckboxenHTML + CSS

Aufgabe zum Durchstreichen

CheckboxenHTML + CSS

3D-Checkbox zum Umdrehen

CheckboxenHTML + CSS

Herz als Like-Button

CheckboxenHTML + CSS

Checkbox mit Häkchen und Federeffekt

CheckboxenHTML + CSS

Checkbox mit Kreisfüllung

CheckboxenHTML + CSS

Wofür du ihn nutzen kannst

Für Entwickler gemacht, sieht diese Checkbox wie eine Zeile in einem dunklen Code-Editor aus, mit Zeilennummer, Markdown-Listenstrich und eckigen Klammern. Beim Abhaken wird ein x zwischen die Klammern getippt, in zwei Schritten erscheinen die ~~ Durchstreich-Zeichen um den Text, und die Aufgabe wird grau. Ein Blockcursor blinkt bei Hover und Fokus. Passt zu Changelogs, Dev-Tools, Dokumentation und Aufgabenlisten im README-Stil.

Die Hauptfarbe ist das x und der Cursor, die Zweitfarbe die Klammern, wie bei einem Syntax-Theme. Passe Zeilennummer und Schrift an deinen Editor an und stapele mehrere Zeilen zu einer Release-Checkliste.