design-mobile-apps: einen Agenten in Sleek mobile App-Oberflächen erstellen lassen

Für wen

Diese Anleitung richtet sich an Personen, die mobile App-Oberflächen brauchen und einen Agenten Entwürfe direkt in Sleek anlegen lassen wollen. Sleek ist das offiziell genannte KI-gestützte Werkzeug für mobiles App-Design, Adresse

https://sleek.design/

Repository:

https://github.com/designed-by-ai/skills

Das vorhandene Material hält nur eine Skill fest: design-mobile-apps, zum Entwerfen mobiler Apps, Anlegen von Bildschirmen und Verwalten von Sleek-Projekten. Das Skill-Verzeichnis ist

https://github.com/designed-by-ai/skills/blob/main/skills/design-mobile-apps

Es passt, wenn bereits ein Sleek-Konto und ein Schlüssel bereit sind und der Agent Skill-Dateien im Arbeitsverzeichnis lesen kann. Es passt nicht ohne Schlüssel oder ohne Plan, Sleek zu nutzen. Aus diesem Material keine weiteren, nie geschriebenen Skills ableiten.

Ersten Versuch in 3 Minuten abschließen

Nur den einen offiziell empfohlenen Weg gehen.

Vorbedingung: Dieser Rechner kann npx ausführen, und der Schlüssel liegt in der Umgebungsvariable SLEEK_API_KEY. Den Schlüssel auf dieser Seite anlegen:

https://sleek.design/agents/setup

Den Schlüssel nicht ins Gespräch oder Repository schreiben. Vor der Installation bestätigen, dass das aktuelle Arbeitsverzeichnis das Projekt ist, in das die Skill soll.

Installationsort: Offiziell schreibt npx skills add die Skill ins .agents/skills/ des Arbeitsverzeichnisses. Findet der Agent Skills dort nicht, ihm die installierte SKILL.md ausdrücklich zeigen.

Kopieren und ausführen:

npx skills add sleekdotdesign/agent-skills

Die offizielle Erklärung nennt das interaktives Durchsehen und Installieren. Erfolg: Im Arbeitsverzeichnis erscheint .agents/skills/ und die installierte SKILL.md ist sichtbar. Zuerst eine reine Leseprüfung: den Agenten erklären lassen, wie er einen mobilen App-Bildschirm anlegen und welche Sleek-Projektdaten er nutzen würde — noch keine Schnittstelle aufrufen und das Projekt nicht ändern. Kann er auf design-mobile-apps zeigen und SLEEK_API_KEY erwähnen, ist die Skill gefunden.

Bildschirm anlegen oder Projekt ändern schreibt auf der Sleek-Seite und ist eine externe Aktion mit Nebenwirkungen. Keinen echten Aufruf erlauben, bevor Projekt und Bildschirmumfang bestätigt sind.

Anwendungsfälle

Fall 1: Einen mobilen App-Bildschirm anlegen. Entspricht dem für design-mobile-apps geschriebenen „Design-Bildschirme erstellen“. Passt, wenn der Schlüssel gesetzt ist und die Skill unter .agents/skills/ erscheint. Zuerst Struktur und Texte im Gespräch schreiben lassen; erst nach Bestätigung das Schreiben nach Sleek erlauben. Erfolg: Im Sleek-Projekt erscheint der passende Bildschirm. Das Material entfaltet keine konkreten UI-Felder oder Befehle; über „kann einen Bildschirm anlegen“ hinaus nichts ergänzen.

Fall 2: Ein vorhandenes Sleek-Projekt verwalten. Entspricht „Sleek-Projekte verwalten“ in derselben Skill. Passt, wenn das Projekt schon existiert und der Agent nur prüfen oder ordnen soll, nicht sofort ein neues Design anlegen. Zuerst die Projektkennung bestätigen und eine nur lesende Darstellung verlangen, was jetzt möglich ist. Findet der Agent .agents/skills/ nicht, ihm laut offiziellem Hinweis den Pfad der installierten SKILL.md zeigen. Erfolg: Er trifft dieses Projekt, statt einen nicht erlaubten neuen Bildschirm anzulegen. Das Material gibt keine Details einer Projektlisten-API.

Nutzungsgrenzen

Der Installationsbefehl zeigt auf sleekdotdesign/agent-skills, nicht dieselbe Zeichenkette wie die Repository-Adresse; nicht in eine nie erschienene Installationsquelle umschreiben. Das Material nennt keinen Pflicht-Client und keine Installationsschritte eines zweiten Marktplatzes.

Ohne SLEEK_API_KEY nicht aufrufen. Den Schlüssel nur in der Umgebungsvariable halten; keine Platzhalter-Beispielschlüssel nutzen. Das vorhandene Material belegt nur diesen einen Skill-Ordner; keine anderen Skill-Namen oder Pfade erfinden.

Bildschirme anlegen und Projekte verwalten ändern Daten in Sleek. Zuerst vorschauen, dann erlauben. Weitere Hinweise folgen dem offiziellen Repository:

https://github.com/designed-by-ai/skills