อยากสร้างเว็บไซต์ที่มีอนิเมชันเมื่อเลื่อนเหมือนเว็บ Apple หรือไม่? แต่ไม่อยากเรียน front-end จากศูนย์? ฉันแนะนำให้ใช้การผสมผสานของ “แชทบอทสามตัวเขียนโค้ด + Midjourney ออกแบบภาพ” ซึ่งมีประสิทธิภาพสูงอย่างน่าประหลาดใจ
หนึ่งกระบวนการจัดการทุกอย่าง: โครงหน้า, อนิเมชัน, และวัสดุ
ChatGPT รับผิดชอบโครงสร้าง
มันเขียน HTML5+Tailwind ได้เร็วที่สุด เหมาะสำหรับการจัดวาง Bento Grid, พื้นหลังสีดำ+สีไฮไลต์ #2657FD, หัวข้อตัวเลขขนาดใหญ่ และ "ความต้องการที่ยาก" อื่นๆ ให้พร้อมในครั้งเดียว
เทมเพลตพรอมต์ที่คัดลอกได้เลย: ส่งออกไฟล์ HTML เดียว โดยใช้ TailwindCSS CDN และ JavaScript ที่จำเป็น, เลย์เอาต์ Bento Grid, พื้นหลังสีดำ, สีไฮไลต์ #2657FD, หัวข้อใหญ่ภาษาอังกฤษพร้อมคำบรรยายเล็กๆ, รวมถึงตัวยึดตำแหน่งสำหรับกราฟิกข้อมูลเล็กๆ อย่าละเว้นประเด็นสำคัญของเนื้อหา
Claude รับผิดชอบการทำให้อนิเมชันลื่นไหล
การใช้ Framer Motion ผ่าน CDN มักจะ "ทำงานได้แต่กระตุก" Claude มีความเชี่ยวชาญมากขึ้นในการปรับการทริกเกอร์เมื่อเลื่อน, อนิเมชันเมื่อปรากฏ, และเส้นโค้งจังหวะให้ดูน่ามอง (และมันยังชอบช่วยคุณเติมเงื่อนไขขอบเขตต่างๆ อีกด้วย)
