PicoPixel

So reichst du eine Vorlage ein

Teile eine deiner PicoPixel-Dateien als Community-Vorlage, indem du ein GitHub-Repo mit deiner .picopixel-Datei, Vorschaubildern und einer README-Beschreibung erstellst.

PIPicoPixel
templatessubmissionsharinggithub
AKTUALISIERT2026-06-08
01/07

Übersicht

Eine Vorlage ist eine PicoPixel-Datei, die du mit anderen teilst, damit sie darauf aufbauen können. Anstatt eine Ansicht von Grund auf zu gestalten, beginnen sie mit deinem fertigen Layout, deinen Widgets und deiner Gestaltung.

Vorlagen werden über GitHub eingereicht. Du erstellst ein öffentliches Repository mit deiner .picopixel-Datei, allen Bildern, die du präsentieren möchtest, und einer README-Datei, die die Vorlage beschreibt. Nach der Genehmigung erscheint deine Vorlage in der Community-Vorlagengalerie, wo alle sie finden und verwenden können – mit dir als Urheber.

Diese Anleitung erklärt das Einrichten deines Repos, das Ausfüllen des Einreichungsformulars, die Rechte, die du einräumst, und wie du deiner Einreichung die besten Chancen auf Annahme gibst.

02/07

Bevor du beginnst

Du benötigst zwei Dinge, bevor du einreichst.

  1. Ein GitHub-Konto. Dein Vorlagen-Repository muss auf GitHub gehostet werden. Wenn du noch kein Konto hast, erstelle zuerst eines.
  2. Ein abgeschlossenes Design. Stelle sicher, dass du mit deiner .picopixel-Datei zufrieden bist, bevor du einreichst. Exportiere sie aus der PicoPixel-App und halte sie zum Hinzufügen zu deinem Repo bereit.
NOTE

Du musst in der PicoPixel-App angemeldet sein, um auf das Einreichungsformular zuzugreifen. Öffne die PicoPixel-App und melde dich mit Google oder GitHub an, falls du das noch nicht getan hast.

03/07

Dein GitHub-Repo einrichten

Erstelle ein neues öffentliches GitHub-Repository für deine Vorlageneinreichung. Das Repo sollte drei Dinge enthalten:

1. Deine .picopixel-Datei

Lege deine .picopixel-Design-Datei im Hauptverzeichnis des Repositorys ab. Das ist die Datei, die die Leute herunterladen und in PicoPixel öffnen werden, also stelle sicher, dass es die finale Version ist.

2. Vorschaubilder

Füge alle Bilder hinzu, die du neben deiner Vorlage in der Galerie anzeigen möchtest. Diese helfen den Leuten zu sehen, wie das Design aussieht, bevor sie es herunterladen.

  • Lege Bilder im Hauptverzeichnis des Repositorys oder in einem Ordner wie images/ ab.
  • Verwende gängige Formate: .png, .jpg oder .webp.
  • Füge mindestens einen Screenshot deines Designs in Aktion bei. Mehrere Ansichten oder Bildschirme sind noch besser.
  • Halte Bilder in einer vernünftigen Größe – groß genug, um Details zu sehen, aber nicht unnötig riesig.

3. Eine README

Schreibe eine README.md im Hauptverzeichnis des Repositorys. Diese wird als Beschreibung der Vorlage in der Galerie verwendet, behandle sie also als die öffentliche Seite für deine Vorlage.

Eine gute README enthält:

  • Was die Vorlage ist – eine kurze Zusammenfassung des Designs und wofür es gedacht ist.
  • Zielauflösung und Hardware – das Board oder Display, für das es gebaut wurde, damit die Leute wissen, ob es zu ihrem Setup passt.
  • Was enthalten ist – liste die Bildschirme, Widgets und wichtigsten Funktionen auf. Zum Beispiel: „zwei Bildschirme: ein Haupt-Dashboard und eine Einstellungsseite, mit Schiebereglern, Umschaltern und einem Uhr-Widget."
  • Urheberangaben – wenn du Drittanbieter-Assets verwendet hast, die du laut Lizenz weitergeben darfst, nenne sie und ihre Quelle.
TIP

Stell dir vor, jemand landet auf deiner Vorlage in der Galerie ohne jeden anderen Kontext. Wenn deine README die Frage beantwortet: „Was ist das und funktioniert es für mich?", tut sie ihren Job.

Hier ist ein minimales Beispiel:

markdown
# Weather Dashboard Template

A clean two-screen weather dashboard designed for 320×240 TFT displays.

## What's included

- **Home screen** — current temperature, humidity, and a 3-day forecast row
- **Settings screen** — unit toggle (°C/°F), update interval slider, and Wi-Fi status

## Built for

- 320×240 resolution
- ILI9341 or similar TFT displays

## Credits

Weather icons from [Meteocons](https://bas.dev/work/meteocons) (MIT license).
04/07

Das Formular ausfüllen

Sobald dein Repo bereit ist, gehe zum Einreichungsformular.

  1. Öffne die PicoPixel-App und melde dich an.
  2. Klicke auf dein Konto am unteren Rand der linken Seitenleiste, dann wähle Dein Konto.
  3. Öffne in der Seitenleiste deines Kontos Vorlage einreichen.

Das Formular hat drei Felder:

  • GitHub-Repo-Link – die URL deines öffentlichen GitHub-Repositories (z. B. https://github.com/deinname/mein-template). Das Repo muss öffentlich sein, damit das Review-Team darauf zugreifen kann. Überprüfe, ob das Repo deine .picopixel-Datei, Bilder und README enthält, bevor du einreichst.
  • Autor / Urheberangaben – der Name, der als Ersteller der Vorlage angezeigt werden soll. Füge alle hinzu, die neben dir genannt werden sollen.
  • Hinweise (optional) – alles, was das Review-Team wissen sollte und nicht in deiner README steht. Zum Beispiel, wenn bestimmte Bilder nicht in der Galerie-Auflistung verwendet werden sollen, oder wenn es Kontext zum Design gibt, der nicht in die öffentliche Beschreibung gehört.

Wenn alles stimmt, sende das Formular ab.

05/07

Rechte und Genehmigungen

Mit deiner Einreichung räumst du Nutzungsrechte ein. Lies die folgenden Bedingungen deshalb vor dem Absenden sorgfältig durch.

WARNING

Reiche kein Material ein, das urheberrechtlich geschützte Inhalte oder Inhalte enthält, die dir nicht gehören. Alles in deinem Repo – die .picopixel-Datei, Bilder, Schriftarten, Icons und alle anderen Assets – muss vollständig dein eigenes Originalwerk sein oder Material, für dessen öffentliche Weitergabe du ausdrückliche Genehmigung hast.

Mit der Einreichung erlaubst du PicoPixel, den Inhalt deines Repositories öffentlich in der Community-Vorlagengalerie zu öffnen, herunterzuladen und zu veröffentlichen. Veröffentlichte Vorlagen werden ohne Urheberrechtsbeschränkungen oder Lizenzanforderungen zur Verfügung gestellt, sodass jeder sie frei in seinen eigenen Projekten verwenden kann, auch für kommerzielle Zwecke. Du wirst als Urheber genannt, aber die Vorlage selbst ist für andere frei verwendbar.

Reiche deshalb nur Arbeiten ein, die du zu diesen Bedingungen teilen möchtest. Wenn ein Teil deines Designs ein Asset verwendet, das du nicht erstellt hast – eine Schriftart, ein Icon-Set, ein Bild oder Ähnliches – und du dir nicht sicher bist, ob du es frei und uneingeschränkt teilen kannst, entferne es vor dem Einreichen. Im Zweifel lieber weglassen: Eine Vorlage mit geklärten Rechten ist für andere viel nützlicher als eine, die später entfernt werden muss.

PicoPixel kann Inhalte entfernen, die Rechte Dritter verletzen. Siehe die Nutzungsbedingungen.

06/07

Was danach passiert

Nach deiner Einreichung klont das PicoPixel-Team dein Repo und überprüft die Vorlage. Die Überprüfung stellt sicher, dass die .picopixel-Datei korrekt geöffnet wird, dass die Bilder und README angemessen sind und dass die Einreichung den Nutzungsbedingungen entspricht.

Das Team kann sich melden, wenn etwas geklärt oder behoben werden muss. Sobald die Vorlage freigegeben ist, wird die Vorlage in der Vorlagengalerie mit dir als Urheber und deiner README als Beschreibung veröffentlicht. Von dort aus kann jeder sie als Ausgangspunkt für sein eigenes Design verwenden.

NOTE

Behalte dein Repo nach der Einreichung. Wenn du deine Vorlage später aktualisieren musst – einen Fehler beheben, ein Bild austauschen oder die Beschreibung verbessern – kannst du das Repo aktualisieren und das Team informieren.

Wenn eine veröffentlichte Vorlage jemals korrigiert oder entfernt werden muss (deine eigene oder die einer anderen Person), siehe So meldest du Inhalte.

07/07

Nächste Schritte

WEITERLESEN

Hier geht es weiter.

So verwendest du Pets in PicoPixel thumbnail
PICOPIXEL

So verwendest du Pets in PicoPixel

Pets sind fertige, animierte Sprites mit mehreren Modi, die du durch selbst festgelegte Bedingungen aktivieren kannst. Hol dir eines aus dem Verzeichnis, füge es deinem Projekt hinzu und verbinde es so, dass es auf alles reagiert, was dein Gerät gerade macht: Daten abrufen, überhitzen, Code prüfen und mehr.

pets · sprites · picopixel
So verwendest du PicoPixel-Vorlagen, UI-Kits und vollständige Apps thumbnail
PICOPIXEL

So verwendest du PicoPixel-Vorlagen, UI-Kits und vollständige Apps

Finde PicoPixel-Vorlagen, UI-Kits, Beispiele, Sprites, Widgets und vollständige App-Dateien, öffne, lade, importiere, passe sie an und exportiere sie als LVGL-C-Code für dein Gerät.

templates · ui-kits · full-apps
PicoPixel LVGL MCP Server Setup Guide thumbnail
PICOPIXEL

PicoPixel LVGL MCP Server Setup Guide

Set up the PicoPixel LVGL MCP server for Claude, ChatGPT, Codex, or Cursor. Learn agent settings, reusable components, colors, fonts, and assets.

LVGL MCP · MCP server setup · AI UI design