นี่คือบทความที่เขียนใหม่เชิงลึกตามที่คุณร้องขอ:
สามารถย้อนดูบทความก่อนหน้าของฉันเพื่อเกริ่นนำได้ ประเด็นหลักคือ วิศวกรของ Claude Code ได้โพสต์บทความบนแพลตฟอร์ม X ซึ่งใจความสำคัญสามารถสรุปได้เป็นประโยคเดียว: HTML is the new markdown เขาบอกว่าตัวเขาเลิกเขียนไฟล์ Markdown แล้ว และให้ Claude Code สร้าง HTML แทนเกือบทั้งหมด
บทความนี้ก่อให้เกิดกระแสวิพากษ์วิจารณ์อย่างกว้างขวางในกลุ่มนักพัฒนา
เสียงสนับสนุนและคัดค้านดังขึ้นไม่ขาดสาย ขณะที่การถกเถียงกำลังร้อนแรง ก็มีคนลงมือทำแล้ว
ทีม Open Design ใช้เวลาเพียง 3 วัน เขียนโค้ดถึง 15,000 บรรทัด สร้างโปรเจกต์โอเพนซอร์สชื่อ html-anything
เป้าหมายของมันคือการเปลี่ยนแนวคิดที่ Thariq และ Karpathy เสนอ ให้เป็นเครื่องมือที่ใครก็สามารถใช้งานได้ง่าย
บน X มีผู้ใช้จำนวนมากโชว์ผลงานของพวกเขาแล้ว
อืม จะว่าไงดี ผลลัพธ์มันสวยงามมากจริงๆ
ก่อนหน้านี้ Thariq ไม่ได้บอกหรือไงว่าไม่จำเป็นต้องมีการตั้งค่าหรือทักษะที่ซับซ้อนอะไรเลย
01
html-anything คืออะไรกันแน่
สรุปสั้นๆ: ให้ AI Agent ในเครื่องของคุณเขียน HTML แทนคุณ ส่วนคุณแค่รับผิดชอบการเผยแพร่
มันสามารถเชื่อมต่อกับ Coding Agent CLI ที่ล็อกอินไว้ในเครื่องคุณได้อย่างราบรื่น ตรวจจับเครื่องมือที่คุณติดตั้งไว้โดยอัตโนมัติ และใช้เซสชันการสนทนาที่มีอยู่ของคุณซ้ำ
คุณแค่วางเนื้อหา เลือกเทมเพลต แล้วกด ⌘+Enter ภายในไม่กี่วินาที ไฟล์ HTML ที่ออกแบบอย่างสวยงามก็จะปรากฏต่อหน้าคุณ
รองรับ Agent 8 ตัว: รวมถึง Claude Code, Cursor, Codex, Gemini CLI, OpenCode และอื่นๆ
ไม่ต้องใช้ API Key เพิ่มเติม คุณล็อกอินยังไง มันก็ใช้แบบนั้น ต้นทุนส่วนเพิ่มแทบจะเป็นศูนย์
- ที่อยู่โอเพนซอร์ส: https://github.com/nexu-io/html-anything
02
สามคุณสมบัติเด่นที่น่าสนใจ
75 เทมเพลต, 9 รูปแบบผลลัพธ์
นี่คือจุดแข็งหลักของ html-anything มันมีเทมเพลต Skill ในตัว 75 ชุด ครอบคลุมรูปแบบผลลัพธ์ 9 แบบ:
- บทความนิตยสาร
- งานนำเสนอ PPT
- โปสเตอร์
- การ์ด Xiaohongshu
- การ์ดทวีต
- ต้นแบบเว็บเพจ
- รายงานข้อมูล
- เฟรมวิดีโอ Hyperframes
- เรซูเม่
ภายใต้รูปแบบผลลัพธ์แต่ละแบบ ยังมีสไตล์ให้เลือกหลากหลาย
ตัวอย่างเช่น เทมเพลต PPT มีสไตล์ให้เลือกถึง 20 แบบ เช่น Swiss International, สไตล์นิตยสาร, สไตล์สีพาสเทล Xiaohongshu, สไตล์ไซเบอร์นีออน ฯลฯ
เทมเพลตเฟรมวิดีโอมีให้เลือก 10 แบบ เช่น พื้นหลัง Hero แบบ Liquid, แผนภูมิข้อมูลสไตล์ New York Times, การ์ดหัวเรื่องแบบ Glitch, เอฟเฟกต์แสงภาพยนตร์ ฯลฯ
ระยะห่างจากเนื้อหาต้นฉบับของคุณไปจนถึงผลงานสุดท้าย ถูกย่อเหลือเพียงการกด ⌘+Enter
ไม่ต้องใช้ API Key, ใช้ Coding Agent ของคุณซ้ำโดยตรง
html-anything ไม่ได้สร้างวงล้อ Agent ขึ้นมาใหม่ ปรัชญาของมันคือ: ตัวที่ติดตั้งในเครื่องคุณนั้นดีที่สุดอยู่แล้ว
เมื่อเริ่มต้น มันจะสแกนพาธ PATH ในเครื่องคุณ ซึ่งโดยปกติแล้วโปรแกรม GUI ไม่สามารถสแกนเข้าถึงได้โดยตรง
เจอ Agent ไหนก็ใช้ตัวนั้น ไม่ว่าจะเป็น Claude Code, Cursor หรือ Codex ก็ใช้งานได้อย่างราบรื่น
เซสชันที่คุณเคยล็อกอินด้วย claude login หรือ cursor login มันสามารถนำมาใช้ซ้ำได้ คุณไม่ต้องตั้งค่า API Key อีกครั้ง และไม่ต้องเสียเงินเพิ่มแม้แต่บาทเดียว
ส่งออกด้วยคลิกเดียว ไม่ต้องจัดรูปแบบซ้ำอีก
สำหรับผู้สร้างเนื้อหา จุดนี้สำคัญมาก
ส่งออกไปยัง WeChat Official Account: CSS จะถูกอินไลน์โดยอัตโนมัติ วางลงในตัวแก้ไขได้เลย รูปแบบจะไม่เละ
ส่งออกไปยัง X / Xiaohongshu / Weibo: จะถูกเรนเดอร์เป็นภาพ PNG ความละเอียดสูง 2x โดยอัตโนมัติ คัดลอกไปยังคลิปบอร์ด แล้ววางลงในช่องเผยแพร่ได้เลย
ส่งออกไปยัง Zhihu: สูตรคณิตศาสตร์จะถูกแทนที่ด้วยรูปแบบที่ Zhihu เรนเดอร์ได้โดยอัตโนมัติ
นอกจากนี้ คุณยังสามารถดาวน์โหลดไฟล์ .html แบบสแตนด์อโลนหรือภาพ .png ความละเอียดสูงได้โดยตรง สะดวกในการแชร์ให้ใครก็ได้
จากนี้ไปไม่ต้องจัดรูปแบบซ้ำอีก ไม่ต้องปรับรูปแบบไปมาระหว่างแพลตฟอร์มต่างๆ อีกต่อไป
03
วิธีใช้งาน
ใช้เพียงสามคำสั่งเพื่อเริ่มต้น:
git clone https://github.com/nexu-io/html-anything
cd html-anything
pnpm install && pnpm dev
เปิด http://localhost:3000 แถบเครื่องมือด้านบนจะแสดงโดยอัตโนมัติว่าเครื่องคุณติดตั้ง Coding Agent CLI ตัวใดบ้าง
เลือกเทมเพลต วางเนื้อหาของคุณ แล้วกด ⌘+Enter
จากนั้น คุณจะเห็น AI สร้าง HTML ทีละบรรทัด มันใช้การสตรีมแบบ SSE รองรับการแสดงตัวอย่างแบบเรียลไทม์
หากไม่พอใจกับผลลัพธ์ที่สร้างขึ้น สามารถขัดจังหวะได้ทุกเมื่อ เปลี่ยนคำแนะนำเพื่อสร้างใหม่
Markdown คือร่าง HTML คือรูปแบบสุดท้ายที่คนดู
ในอดีตที่ไม่เลือก HTML เพราะการเขียนด้วยมือมันยุ่งยาก แต่ในยุค Agent คุณไม่ต้องเขียน HTML ด้วยมืออีกต่อไป ปล่อยให้ AI ทำสิ่งนี้เถอะ
⚠️ หมายเหตุ: เนื้อหาได้รับการแปลโดย AI และตรวจสอบโดยมนุษย์ หากมีข้อผิดพลาดโปรดแจ้ง
☕ สนับสนุนค่ากาแฟทีมงาน
หากคุณชอบบทความนี้ สามารถสนับสนุนเราได้ผ่าน PromptPay
本文来自网络搜集，不代表คลื่นสร้างอนาคต立场，如有侵权，联系删除。转载请注明出处：https://www.itsolotime.com/th/archives/35428