promptlab

PromptLab ⚡

PromptLab ist ein leistungsstarkes Ingenieur- und Management -Tool, das mit React und TypeScript erstellt wurde. Sie können KI-Eingabeaufforderungen über einen pipelinebasierten Ansatz erstellen, testen und verwalten.

Merkmale

• Pipeline-basierte Eingabeaufforderung
• Reiches Vorlagenmanagement
• ? Modulares Addon -System
• ? Echtzeit-Vorschau
• ? Moderne UI mit Rückenwind -CSS und Shadcn/UI

Erste Schritte

1. Klonen Sie das Repository:

git clone https://github.com/yourusername/promptlab.git
cd promptlab

2. Abhängigkeiten installieren:

bun install

3. Starten Sie den Entwicklungsserver:

bun run dev

Projektstruktur

• src/ - Quellcode
  • lib/ - Kernbibliotheken und Dienstprogramme
    • pltl/ - Eingabeaufforderung für Laborvorlage Sprache Implementierung
      • templates/ - Vorlagenspeicher
        • prompts/ - Basis -Eingabeaufforderung Vorlagen
        • assistants/ - Assistenzvorlagen
        • addons/ - Pipeline -Addon -Vorlagen
      • interpreter.ts - PLTL -Dolmetscher
      • loader.ts - Vorlagenlader
      • types.ts - Typdefinitionen Typen
    • context.tsx - reagieren Kontextanbieter
    • utils.ts - Dienstprogrammfunktionen
  • components/ - Reagieren Sie Komponenten
    • ui/ - wiederverwendbare UI -Komponenten
    • app-sidebar.tsx - Seitenleistekomponente
    • copyarea.tsx - Textbereich kopieren
    • pipeline-processor.tsx - Pipeline -Prozessor
  • hooks/ - benutzerdefinierte React -Haken
    • pltl.ts - Pipeline -Betriebshaken
    • use-mobile.tsx - Mobile Erkennungshaken
  • App.tsx - Hauptanwendungskomponente
  • main.tsx - Anwendungseintrittspunkt
  • main.css - Globale Stile

Die Struktur folgt einem modularen Ansatz, bei dem:

• src/lib/pltl Griff Core PLTL -Funktionalität
• src/components enthält alle React -Komponenten
• src/hooks bietet benutzerdefinierte Hooks für die staatliche Verwaltung

Verwendung

1. Wählen Sie eine Basisaufforderung aus der Seitenleiste aus
2. Konfigurieren Sie alle erforderlichen Argumente
3. Fügen Sie optionale Addons hinzu, um die Ausgabe zu ändern
4. Geben Sie Ihren Eingabetxt ein
5. Zeigen und kopieren Sie die verarbeitete Ausgabe

Pipeline -System

Mit dem Pipeline -System können Sie:

• Stellen Sie eine Basis -Eingabeaufforderungsvorlage fest
• Fügen Sie mehrere Addons hinzu
• Argumente konfigurieren
• Prozesseingabetext über die gesamte Pipeline

Beispiel Verwendung mit dem usePipelineOperations -Haken:

 const { addAddon , removeAddon , replaceBasePLTL , updateArguments } = usePipelineOperations ( ) ;

// Set base prompt
replaceBasePLTL ( template ) ;

// Add addon
addAddon ( addon ) ;

// Update arguments
updateArguments ( { key : "value" } ) ; 

Technologien

• Reagieren 18
• Typoskript
• Vite
• Rückenwind -CSS
• Radix UI
• Biom (Formatierung)

Lizenz

MIT

Beitragen

1. Geben Sie das Repository auf
2. Erstellen Sie Ihre Funktionszweig
3. Verpflichten Sie Ihre Änderungen
4. In den Zweig drücken
5. Öffnen Sie eine Pull -Anfrage

---

Gebaut mit ⚡ von Torben Haack