How nrusimhavadrevu/promptcraft works
PromptLab is a browser-based prompt-improvement workshop: users enter a request, tune its intended role and response style, choose target models, and receive optimized prompt variants with comparison and quality feedback. The sampled code establishes the main App-to-engine flow and input variable detection; the README is only a Vite template, so it documents no product capabilities. Other branches are represented from component names and the supplied component excerpts, with uncertain wiring omitted.
Main entry points: App.tsx Workshop app · PromptInputArea.tsx Prompt input · TemplateLibraryModal.tsx Template library · optimizerEngine.ts Optimizer engine
Components 19
Prompt workflow
- Workshop app
src/App.tsx - Prompt input
src/components/PromptInputArea.tsx - Tuning controls
src/components/TuningPanel.tsx - Optimizer engine
src/utils/optimizerEngine.ts - Header controls
src/components/Header.tsx
Review and export
- Model outputs
src/components/ModelOutputCard.tsx - Quality feedback
src/components/ScoreCard.tsx - Model comparison
src/components/ComparisonMatrix.tsx - Prompt diff
src/components/DiffViewer.tsx - Export dialog
src/components/ExportModal.tsx - Expanded output
src/components/ExpandModal.tsx
Workshop support
- Template library
src/components/TemplateLibraryModal.tsx - Prompt templates
src/data/templates.ts - History drawer
src/components/HistoryDrawer.tsx - Walkthrough guide
src/components/WalkthroughGuide.tsx - Workshop ruler
src/components/WorkshopRuler.tsx
Application core
- Prompt data types
src/types/prompt.ts - React entry
src/main.tsx
Other components
- Prompt author
Connections 18
- Prompt author → Prompt input: enters request
- React entry → Workshop app: renders
- Workshop app → Prompt input: renders
- Workshop app → Header controls: renders
- Workshop app → Workshop ruler: renders
- Workshop app → Optimizer engine: optimizes request
- Prompt input → Optimizer engine: detects variables
- Workshop app → Model outputs: shows variants
- Workshop app → Quality feedback: shows evaluation
- Workshop app → Model comparison: shows comparison
- Workshop app → Prompt diff: shows changes
- Workshop app → Template library: opens library
- Template library → Prompt templates: uses examples
- Workshop app → History drawer: opens history
- Workshop app → Walkthrough guide: opens guide
- Workshop app → Tuning controls: shows settings
- Workshop app → Export dialog: opens export
- Workshop app → Expanded output: opens output