promptlab

Promptlab ⚡

Promptlab เป็นเครื่องมือทางวิศวกรรมและการจัดการที่มีประสิทธิภาพที่สร้างขึ้นด้วย React และ TypeScript ช่วยให้คุณสร้างทดสอบและจัดการการแจ้งเตือน AI โดยใช้วิธีการที่ใช้ท่อ

คุณสมบัติ

• การประมวลผลพรอมต์ที่ใช้ไปป์ไลน์
• การจัดการแม่แบบที่อุดมไปด้วย
• - ระบบ addon แบบแยกส่วน
• - ตัวอย่างเรียลไทม์
• - UI ที่ทันสมัยพร้อม Tailwind CSS และ Shadcn/UI

เริ่มต้น

1. โคลนที่เก็บ:

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

2. ติดตั้งการพึ่งพา:

bun install

3. เริ่มต้นเซิร์ฟเวอร์การพัฒนา:

bun run dev

โครงสร้างโครงการ

• src/ - ซอร์สโค้ด
  • lib/ - ห้องสมุดหลักและระบบสาธารณูปโภค
    • pltl/ - การใช้ภาษาเทมเพลตแล็บพร้อมท์
      • templates/ - ที่เก็บแม่แบบ
        • prompts/ - เทมเพลตพรอมต์ฐาน
        • assistants/ - ผู้ช่วยแม่แบบ
        • addons/ - เทมเพลต Addon Pipeline
      • interpreter.ts - PLTL Interpreter
      • loader.ts - ตัวโหลดเทมเพลต
      • types.ts - คำจำกัดความประเภท
    • context.tsx - ตอบสนองผู้ให้บริการบริบท
    • utils.ts - ฟังก์ชั่นยูทิลิตี้
  • components/ - ส่วนประกอบตอบสนอง
    • ui/ - ส่วนประกอบ UI ที่ใช้ซ้ำได้
    • app-sidebar.tsx - ส่วนประกอบแถบด้านข้าง
    • copyarea.tsx - คัดลอกพื้นที่ข้อความ
    • pipeline-processor.tsx - โปรเซสเซอร์ไปป์ไลน์
  • hooks/ - hooks ปฏิกิริยาแบบกำหนดเอง
    • pltl.ts - hooks การทำงานของท่อส่ง
    • use-mobile.tsx - ตะขอตรวจจับมือถือ
  • App.tsx - ส่วนประกอบแอปพลิเคชันหลัก
  • main.tsx - จุดเข้าใช้งานแอปพลิเคชัน
  • main.css - สไตล์โลก

โครงสร้างเป็นไปตามวิธีการแบบแยกส่วนที่ไหน:

• src/lib/pltl จัดการฟังก์ชันการทำงานหลัก pltl
• src/components มีส่วนประกอบปฏิกิริยาทั้งหมด
• src/hooks จัดเตรียมตะขอที่กำหนดเองสำหรับการจัดการสถานะ

การใช้งาน

1. เลือกพรอมต์ฐานจากแถบด้านข้าง
2. กำหนดค่าอาร์กิวเมนต์ที่จำเป็น
3. เพิ่ม addons เสริมเพื่อแก้ไขเอาต์พุต
4. ป้อนข้อความอินพุตของคุณ
5. ดูและคัดลอกเอาต์พุตที่ประมวลผล

ระบบท่อ

ระบบท่อช่วยให้คุณสามารถ:

• ตั้งค่าเทมเพลตพรอมต์ฐาน
• เพิ่มหลายส่วนเสริม
• กำหนดค่าอาร์กิวเมนต์
• ประมวลผลข้อความอินพุตผ่านไปป์ไลน์ทั้งหมด

ตัวอย่างการใช้งานด้วย hook usePipelineOperations :

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

// Set base prompt
replaceBasePLTL ( template ) ;

// Add addon
addAddon ( addon ) ;

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

เทคโนโลยี

• ตอบสนอง 18
• ตัวพิมพ์ใหญ่
• Vite
• tailwind css
• radix ui
• biome (การจัดรูปแบบ)

ใบอนุญาต

มิกซ์

การบริจาค

1. แยกที่เก็บ
2. สร้างสาขาคุณสมบัติของคุณ
3. กระทำการเปลี่ยนแปลงของคุณ
4. ผลักไปที่สาขา
5. เปิดคำขอดึง

---

สร้างด้วย⚡โดย Torben Haack