Communitygithub.com

posimyth/uichemy-cursor-plugin

Baue eine mehrseitige, WordPress-ready Website mit UiChemy aus einem Business-Briefing, wähle echte Layouts aus der UiChemy-Bibliothek und schreibe die Texte. Verwende dies, wenn der Benutzer bittet, eine Website, Landingpage oder Site für ein Unternehmen, einen Kunden oder eine Idee zu erstellen, generieren, entwerfen oder zu gestalten.

Was ist uichemy-cursor-plugin?

Dieses Skill für KI-Agenten (kompatibel mit Cursor, Claude Code und ähnlichen Codierungsassistenten) automatisiert die Erstellung kompletter WordPress-ready Websites über die UiChemy-Plattform. Es beginnt damit, wichtige Eingaben wie Geschäftsname, Zielgruppe, gewünschte Seiten und Markenfarben zu sammeln, wobei bei fehlenden Informationen eine gebündelte Frage gestellt wird. Das Skill orchestriert mehrere UiChemy-API-Aufrufe – zum Abrufen von Abschnittsspezifikationen, Durchsuchen von Layouts, Prüfen von Vorlagen-Slots, Überprüfen von Layout-Konflikten und Erstellen des Projekts mit individuell geschriebenen Texten. Es stellt sicher, dass jede Seite eine Navigationsleiste, fünf bis acht Abschnitte und eine Fußzeile enthält, validiert die Ausgabe auf Fehler und überprüft die Reaktionsfähigkeit, wobei etwaige Probleme mit Bearbeitungswerkzeugen behoben werden. Es ist besonders nützlich für Entwickler und Designer, die schnell kundenspezifische Seiten aus einer Geschäftsübersicht erstellen möchten, ohne Bild-URLs zu erfinden, gefälschte Testimonials zu verwenden oder die UI-Bibliothek manuell durchsuchen zu müssen.

Funktioniert mit~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/posimyth/uichemy-cursor-plugin/tree/HEAD/skills/build-site-from-brief

In Ihrer bevorzugten KI fragen

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

Dokumentation

Verwende dieses Skill, wenn der Benutzer eine neue Website aus einer Beschreibung, einem Kundenbrief oder einer Geschäftsart erstellen möchte.

Zunächst zu erfassende Eingaben aus der Nachricht des Benutzers: Geschäftsname und -art, Zielgruppe, Ton, gewünschte Seiten, Farben oder Schriftarten, falls vorhanden. Fehlen Geschäftsart oder -name, stelle eine gebündelte Frage. Triff für alles andere eine sinnvolle Wahl und teile sie mit.

Schritte:

  1. Rufe uichemy_section_spec einmal auf und befolge dessen Regeln für Textlänge, Typografie-Skalierung und Farb-Tokens. Rate keine Grenzen.
  2. Rufe uichemy_list_section_kinds auf, um zu sehen, welche Abschnittsarten existieren.
  3. Finde für jeden Abschnitt auf jeder Seite ein Layout:
    • Beschreibe, was du von uichemy_search_layouts möchtest, oder schränke eine Art mit uichemy_find_templates ein.
    • Rufe uichemy_template_slots für das gewählte Layout auf und schreibe Text, der in jeden Slot und dessen Zeichenlimit passt.
    • Vor dem Bau rufe uichemy_check_layouts für die Auswahlliste auf, damit zwei Layouts, die sich Slots teilen, nicht denselben Text zeigen.
  4. Wähle eine Palette (Hex-Werte) sowie eine Überschrift- und Fließtext-Schriftart, die zur Marke passen.
  5. Rufe uichemy_create_project mit den Seiten, der Palette, den Schriftarten und dem von dir geschriebenen Text auf. Eine echte Seite hat eine Navigationsleiste, fünf bis acht Abschnitte und eine Fußzeile, wobei jeder Slot gefüllt ist.
  6. Rufe uichemy_validate auf, dann uichemy_check_responsive für jede Seite. Behebe die gemeldeten Probleme mit uichemy_set_text, uichemy_set_section_style oder den anderen Bearbeitungswerkzeugen und führe die Prüfung erneut aus.
  7. Teile dem Benutzer den Projektnamen, die Seitenliste mit den Abschnitten jeder Seite, die Palette und Schriftarten sowie alles mit, was du nicht beheben konntest.

Regeln:

  • Schreibe Texte nur aus dem Briefing. Erfinde keine Auszeichnungen, Kundennamen, Statistiken, Erfahrungsberichte, Preise oder Adressen. Wo eine Tatsache fehlt, schreibe neutralen Text oder frage nach.
  • Bilder: Verwende nur URLs, die der Benutzer bereitgestellt hat oder die von uichemy_upload_image zurückgegeben wurden. Lasse einen Bild-Slot leer, anstatt einen Link zu erfinden.
  • Dieses Skill erstellt ein Projekt im eigenen UiChemy-Konto des Benutzers. Sage dies, bevor du es erstellst.

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

Verwandte Skills