สวัสดีครับ/ค่ะ
ขอแชร์ FlowCraft Task Studio ที่ผม/ฉันสร้างขึ้นเพื่อให้ตรวจทานแผนยาว ๆ ที่ทำในโหมด Plan ของ Claude Code หรือ Codex ได้ง่ายขึ้น
และเพื่อส่งต่อให้ AI นำไปใช้งานได้สะดวกขึ้น
เมื่อส่งเมตาพรอมป์ต์ยาว ๆ ไปทั้งก้อน บางครั้งอาจยากที่จะรู้ว่างานไหนควรทำก่อน อะไรทำแบบขนานได้
หรือมีงานไปกระจุกอยู่ที่ sub-agent บางตัวมากเกินไปหรือไม่
ผม/ฉันสร้าง FlowCraft โดยได้รับแรงบันดาลใจจากแนวทางของ graph engineering
เป็นเครื่องมือที่แยกแผนออกเป็นโหนดงานและความสัมพันธ์แบบ dependency เพื่อให้มองเห็นและปรับปรุงลำดับงานกับโครงสร้างงานขนานได้ด้วยตา
🧩 มีฟีเจอร์อะไรบ้าง?
- สร้างพรอมป์ต์ออกแบบสำหรับ LLM เพื่อแปลงเมตาพรอมป์ต์เป็น JSON งานสำหรับ FlowCraft
- เพิ่ม·ย้าย·ทำซ้ำ·ลบโหนดงาน และแก้ไขความสัมพันธ์การเชื่อมต่อระหว่างโหนดได้โดยตรง
- แก้ไขผู้รับผิดชอบ อินพุต ผลลัพธ์ เงื่อนไขการเสร็จสิ้น และขอบเขตไฟล์ของแต่ละงาน
- ตรวจทานคอขวด เช่น มี sub-agent มากเกินไป หรือมีงานกระจุกอยู่ในงานเดียว
- สร้างเอกสารคำสั่งงาน Markdown สำหรับส่งให้ Codex หรือ Claude Code
- คัดลอกภาพเวิร์กโฟลว์ทั้งหมดเป็นรูปภาพ
ยังออกแบบให้แยกแยะได้ด้วยว่า sub-agent แค่ใช้เวลานาน หรือหยุดทำงานจริง ๆ
มี Codex skill สำหรับส่งต่อแผนต้นฉบับ เอกสารคำสั่ง Markdown และภาพโหนดไปพร้อมกัน
🚂 ใช้งานอย่างไร?
- วางแผนที่สร้างจากโหมด Plan ของ Codex หรือ Claude Code ลงใน FlowCraft
- ส่งพรอมป์ต์ออกแบบสำหรับ LLM ที่ FlowCraft สร้างขึ้นไปยัง GPT หรือ Claude (จะส่งตรงให้ Codex หรือ Claude Code ก็ได้)
- วาง JSON ที่ได้กลับมาลงใน FlowCraft เพื่อตรวจสอบและแก้ไขเวิร์กโฟลว์งาน
- ส่งเอกสารคำสั่งงาน Markdown ที่เสร็จแล้วและภาพโหนดให้ Codex หรือ Claude Code
ถ้าต้องการใช้งานให้เรียบง่ายขึ้นอีกนิด สามารถลงทะเบียน skill flowcraft-codex-handoff ที่รวมอยู่ใน GitHub กับ Codex ได้เช่นกัน
หลังจากลงทะเบียน skill แล้ว เมื่อส่งแผนที่สร้างจากโหมด Plan เข้าไป สิ่งต่อไปนี้จะถูกเตรียมพร้อมในครั้งเดียว
- ต้นฉบับเมตาพรอมป์ต์ของแผนเดิม
- เอกสารคำสั่งงาน Markdown ที่สะท้อนโครงสร้างกราฟ
- ภาพ SVG ที่แสดงโหนดงานและความสัมพันธ์ dependency
แนวทางคือใช้หน้าจอ FlowCraft เมื่อต้องการตรวจสอบหรือแก้ไขโหนดและความสัมพันธ์การเชื่อมต่อโดยตรง
และใช้ skill เมื่อต้องการส่งต่อให้ Codex อย่างรวดเร็ว
ตัว FlowCraft เองไม่ได้รัน AI หรือเรียก API ใด ๆ
หากอยากลองใช้ก่อนโดยไม่ต้องติดตั้ง สามารถใช้เดโมบน Netlify ด้านล่างได้
และหากต้องการดู Codex skill ที่มาพร้อมกับโค้ด โปรดดูที่ GitHub
เดโม Netlify: https://flowtaskstudio.netlify.app
GitHub: https://github.com/sleeplesshan/flowcraft-task-studio
ยินดีมากหากช่วยให้ความเห็นหลากหลายว่า การแสดงภาพเป็นกราฟช่วยได้จริงแค่ไหนเมื่อต้องออกแบบงานแบบ multi-agent
และยังมีจุดใดที่ควรปรับปรุงเพิ่มเติมในเรื่องการแบ่งงานหรือโครงสร้างพรอมป์ต์บ้าง!
ยังไม่มีความคิดเห็น