FlowCraft – Công cụ trực quan hóa meta-prompt dưới dạng đồ thị và chuyển thành prompt thực thi dựa trên đồ thị

Xin chào,

Tôi xin chia sẻ FlowCraft Task Studio, công cụ được tạo ra để giúp xem xét dễ hơn các kế hoạch dài được tạo trong chế độ Plan của Claude Code hoặc Codex, đồng thời truyền chúng cho AI.

Khi chuyển nguyên một meta-prompt dài, đôi lúc sẽ khó xác định việc nào cần làm trước, việc nào có thể xử lý song song,
hay có tác vụ nào đang bị dồn quá nhiều vào một sub-agent cụ thể hay không.

Tôi tạo ra FlowCraft với cảm hứng từ cách làm của graph engineering.
Đây là công cụ chia kế hoạch thành các nút tác vụ và quan hệ phụ thuộc, để bạn có thể nhìn trực quan thứ tự công việc và cấu trúc song song rồi bổ sung, chỉnh sửa.

🧩 Có những tính năng nào?

• Tạo prompt thiết kế cho LLM để chuyển meta-prompt thành JSON tác vụ dùng cho FlowCraft
• Thêm, di chuyển, nhân bản, xóa nút tác vụ và chỉnh trực tiếp các kết nối giữa các nút
• Chỉnh người phụ trách, đầu vào, đầu ra, điều kiện hoàn thành và phạm vi tệp cho từng tác vụ
• Rà soát tình trạng quá nhiều sub-agent hoặc các điểm nghẽn dồn vào một tác vụ
• Tạo tài liệu chỉ thị tác vụ dạng Markdown để gửi cho Codex hoặc Claude Code
• Sao chép toàn bộ luồng công việc dưới dạng hình ảnh

Công cụ cũng phân biệt giữa trường hợp sub-agent chỉ đơn thuần chạy lâu và trường hợp thực sự bị dừng.
Cung cấp Codex skill có thể gửi kèm kế hoạch gốc, tài liệu chỉ thị Markdown và hình ảnh nút cùng lúc

🚂 Sử dụng như thế nào?

1. Dán kế hoạch được tạo trong chế độ Plan của Codex hoặc Claude Code vào FlowCraft.
2. Gửi prompt thiết kế cho LLM do FlowCraft tạo ra tới GPT hoặc Claude. (Bạn cũng có thể gửi trực tiếp cho Codex hoặc Claude Code.)
3. Dán JSON được trả về vào FlowCraft để kiểm tra và chỉnh sửa luồng công việc.
4. Gửi tài liệu chỉ thị tác vụ Markdown đã hoàn thiện và hình ảnh nút cho Codex hoặc Claude Code.

Nếu muốn dùng đơn giản hơn một chút, bạn cũng có thể đăng ký skill flowcraft-codex-handoff có sẵn trong GitHub vào Codex.
Sau khi đăng ký skill, chỉ cần chuyển kế hoạch được tạo trong chế độ Plan thì ba mục sau sẽ được chuẩn bị cùng lúc.

• Nguyên văn meta-prompt của kế hoạch hiện có
• Tài liệu chỉ thị tác vụ dạng Markdown có phản ánh cấu trúc đồ thị
• Hình ảnh SVG hiển thị các nút tác vụ và quan hệ phụ thuộc

Khi muốn trực tiếp kiểm tra hoặc chỉnh sửa các nút và quan hệ kết nối trong ứng dụng thì dùng giao diện FlowCraft,
khi muốn nhanh chóng chuyển cho Codex thì dùng skill theo cách này.

Bản thân FlowCraft không tự chạy AI hay gọi API.
Nếu muốn dùng thử trước mà không cần cài đặt, bạn có thể dùng bản demo Netlify bên dưới,
nếu muốn xem Codex skill được cung cấp kèm mã nguồn thì hãy xem GitHub.

Netlify demo: https://flowtaskstudio.netlify.app
GitHub: https://github.com/sleeplesshan/flowcraft-task-studio

Tôi rất mong nhận được nhiều ý kiến xem việc trực quan hóa bằng đồ thị có thực sự hữu ích khi thiết kế công việc multi-agent hay không,
và liệu còn điểm nào cần cải thiện thêm trong cách phân chia công việc hoặc cấu trúc prompt hay không!