toolsDetail.backToAllTools
toolsDetail.projectRecordtoolsDetail.categories.gbptoolsDetail.statuses.livetoolsDetail.updatedOn

OKF Builder (Remix)

ไต่เว็บไซต์ธุรกิจ ตรวจสอบผลลัพธ์ สำรวจกราฟความรู้ของมัน และส่งออกชุดข้อมูล OKF v0.1 ที่พร้อมนำไปโฮสต์

OKF Builder (Remix) เปลี่ยนเว็บไซต์ธุรกิจสาธารณะให้เป็นชุดข้อมูล Open Knowledge Format v0.1 ที่มีโครงสร้าง มันผสานตัวไต่เว็บหลายหน้าและการแยกข้อมูลด้วย Gemini เข้ากับกราฟภาพ การแก้ไข Markdown และ YAML ดิบ การตรวจสอบความสอดคล้อง การบันทึกอัตโนมัติในเบราว์เซอร์ และการส่งออก ZIP ด้วยคลิกเดียว

toolsDetail.openTooltoolsDetail.privateRepository

toolsDetail.overview

ใส่ URL เว็บไซต์สาธารณะ แล้วแอปจะไต่หน้า HTML แบบ same-origin ได้สูงสุด 25 หน้า ตัดมาร์กอัปการนำทางและการนำเสนอออก แล้วให้ Gemini เปลี่ยนข้อความต้นทางที่เหลือให้เป็นคอนเซปต์ Business, Service, Location, FAQ และ Reference ที่เชื่อมโยงกัน คอนเซปต์ที่สร้างขึ้นมี URL แหล่งที่มาและการอ้างอิง และพรอมป์การแยกข้อมูลสั่งโมเดลอย่างชัดเจนว่าห้ามแต่งข้อเท็จจริงที่ผูกกับการไต่เว็บไม่ได้

ชุดข้อมูลที่สร้างขึ้นยังเป็นเอกสารที่แก้ไขต่อได้ คุณค้นหาคอนเซปต์ ตรวจดูกราฟความสัมพันธ์ แก้ฟิลด์ที่มีโครงสร้าง หรือสลับไปดูรูปแบบ Markdown และ YAML ดิบได้ ตัวตรวจสอบจะเช็กชนิดคอนเซปต์และฟิลด์ที่จำเป็น รูปแบบ ID ไทม์สแตมป์ และเนื้อหาเฉพาะชนิด ขณะที่ frontmatter ที่ผิดรูปจะถูกปฏิเสธโดยไม่ไปแทนที่คอนเซปต์ปัจจุบัน

เมื่อชุดข้อมูลพร้อม เบราว์เซอร์จะแพ็กเป็น ZIP แบบครบในตัว พร้อม Markdown ของคอนเซปต์ ดัชนีหลักและ changelog ไฟล์ค้นพบ llms.txt บันทึกการดีพลอย และตัวแสดงกราฟ D3 แบบสแตนด์อโลน ร่างจะถูกบันทึกอัตโนมัติในที่จัดเก็บของเบราว์เซอร์ ทำให้เครื่องมือนี้ใช้งานได้จริงในการรีวิวและขัดเกลาผลการไต่เว็บก่อนเผยแพร่ไฟล์บนเว็บไซต์ธุรกิจ

toolsDetail.keyFeatures

แยกข้อมูลหลายหน้าที่อ้างอิงข้อมูลจริง

ไต่หน้าแบบ same-origin จากเว็บไซต์ธุรกิจสาธารณะ แล้วใช้ Gemini สร้างคอนเซปต์ที่มีโครงสร้างพร้อม URL แหล่งที่มา การอ้างอิง แท็ก ไทม์สแตมป์ และลิงก์แบบอ้างอิงภายในชุดข้อมูล

พื้นที่ทำงานกราฟและเอกสาร

สำรวจคอนเซปต์ในกราฟความสัมพันธ์ D3 ค้นหาในชุดข้อมูล ตรวจดูไฟล์แต่ละไฟล์ และแก้ฟิลด์ที่มีโครงสร้างหรือ Markdown และ YAML ดิบของมัน

ตรวจความสอดคล้องระหว่างแก้ไข

ตรวจฟิลด์ที่จำเป็น ชนิดคอนเซปต์และ ID ที่ถูกต้อง ไทม์สแตมป์ องค์ประกอบของชุดข้อมูล และเนื้อหาเฉพาะชนิด; frontmatter ดิบที่ไม่ถูกต้องจะถูกรายงานโดยไม่นำการแก้ไขที่เสียไปใช้

ส่งออกครบถ้วน พร้อมโฮสต์

สร้าง ZIP ที่มีไฟล์คอนเซปต์ index.md, log.md, README.md, llms.txt และตัวสำรวจกราฟ viz.html แบบสแตนด์อโลน ทั้งหมดในเบราว์เซอร์

พื้นที่ทำงานเบราว์เซอร์บันทึกอัตโนมัติ

เก็บร่างปัจจุบันไว้ใน localStorage และกู้คืนเมื่อเข้ามาครั้งถัดไป ทำให้เซสชันรีวิวดำเนินต่อได้โดยไม่ต้องส่งสถานะร่างไปยังบริการจัดเก็บแยกต่างหาก

การป้องกันอินพุตและ prompt injection

ทำความสะอาดอินพุตที่ส่งเข้ามา จำกัดขอบเขตการไต่เว็บและขนาดหน้า แยกวิเคราะห์เอาต์พุตของโมเดลผ่าน response schema และปฏิบัติต่อเนื้อหาที่แก้ไขเป็นสตริงดิบ ไม่ใช่มาร์กอัปที่รันได้

toolsDetail.architecture

แอปพลิเคชันแอปพลิเคชัน Next.js 15 App Router พร้อม React 19, TypeScript, Tailwind CSS, ทรานซิชัน Motion และ API route ฝั่งเซิร์ฟเวอร์
ตัวไต่เว็บและ AIroute ฝั่งเซิร์ฟเวอร์ใช้ Cheerio ดึงข้อความจากหน้า HTML แบบ same-origin และ Google Gen AI SDK พร้อม structured output ของ Gemini เพื่อสร้างคอนเซปต์ OKF
การตรวจสอบและการแก้ไขเลเยอร์ตรวจสอบด้วย TypeScript แยกวิเคราะห์ YAML frontmatter ตรวจสอบคอนเซปต์แต่ละตัวและชุดข้อมูลทั้งชุด แล้วป้อนให้ตัวแก้ไขแบบมีโครงสร้างและแบบดิบของพื้นที่ทำงาน React
การแสดงภาพและการส่งออกD3.js เรนเดอร์กราฟคอนเซปต์; JSZip ประกอบชุดข้อมูลแบบครบในตัวและการแสดงภาพฝั่งไคลเอนต์ก่อนดาวน์โหลด
โฮสติ้งอินสแตนซ์สาธารณะดีพลอยบน Google Cloud Run ที่ asia-southeast1 สถานะพื้นที่ทำงานของร่างถูกจัดเก็บในเบราว์เซอร์ของผู้ใช้
Next.jsReactTypeScriptGemini APICheerioD3.jsJSZipGoogle Cloud Run

toolsDetail.bottomCtaQuestion

toolsDetail.browseAllTools