การเขียนพรอมต์ที่มีประสิทธิภาพ

ประสิทธิภาพของพิมพ์เขียวแอปและคุณภาพของโค้ดที่สร้างขึ้นจะขึ้นอยู่กับความชัดเจนและรายละเอียดของพรอมต์ เมื่อใช้ App Prototyping agent ให้พิจารณาหลักเกณฑ์ต่อไปนี้เพื่อให้การแจ้งเตือนมีประสิทธิภาพเมื่อสร้างและแก้ไขข้อบกพร่องของแอป

  • ระบุให้ชัดเจน: กำหนดฟีเจอร์ การโต้ตอบของผู้ใช้ และข้อกำหนดด้านข้อมูลของแอปอย่างชัดเจน รวมถึงขอเทคโนโลยีที่เฉพาะเจาะจง หากเป็นไปได้ เช่น หากพยายามสร้างเว็บแอปที่มีองค์ประกอบ 3 มิติ คุณอาจต้องขอให้ Gemini ใช้ three.js
  • สอบถามเกี่ยวกับงานเพิ่มเติมในการตั้งค่าบริการ: Gemini สามารถเขียนโค้ดสําหรับแอปได้ แต่จะตั้งค่าบริการ เปิดใช้ API หรือจัดสรรทรัพยากรไม่ได้ (เช่น บัคเก็ต Cloud Storage หรือบัญชี Stripe) อย่าลืมแจ้งให้ Gemini ทราบว่าหากเขียนโค้ดสำหรับบริการหนึ่งๆ ก็ควรบอกวิธีตั้งค่าบริการเหล่านั้นด้วย
  • ใช้ Gemini เพื่อปรับแต่งพรอมต์: ใช้ Gemini สำหรับ Google, แชทกับ Gemini ใน Firebase ในมุมมอง Code หรือแพลตฟอร์มอื่นๆ ของ Gemini เพื่อปรับแต่งและเพิ่มประสิทธิภาพพรอมต์
  • ระบุบริบท: ใส่ข้อมูลเบื้องต้นเกี่ยวกับวัตถุประสงค์ กลุ่มเป้าหมาย และประสบการณ์ของผู้ใช้ที่ต้องการ
  • ใช้ตัวอย่าง: หากเป็นไปได้ ให้แสดงตัวอย่างวิธีที่ผู้ใช้ควรโต้ตอบกับแอปหรือข้อมูลที่ต้องแสดง
  • ปรับปรุงและปรับแต่ง: พัฒนาแบบซ้ำ ลองเริ่มด้วยคําขอพื้นฐาน จากนั้นเพิ่มฟีเจอร์ ทดสอบ ปรับแต่ง แล้วเพิ่มฟีเจอร์อื่น

การทำตามหลักเกณฑ์เหล่านี้จะช่วยปรับปรุงคุณภาพและความเกี่ยวข้องของบลีพเพลตแอปที่ Firebase Studio สร้างขึ้น รวมถึงประสิทธิภาพในการแก้ไขข้อบกพร่องของแอปได้อย่างมาก

ใช้พรอมต์เพิ่มเติมเพื่อปรับแต่งคำตอบ

หากผลลัพธ์แรกไม่ใช่สิ่งที่คุณคาดหวัง คุณสามารถปรับแต่งพรอมต์ได้โดยเพิ่มรายละเอียดหรือระบุวิธีการที่เฉพาะเจาะจง ดังนี้

  • เพิ่มข้อจำกัด: ระบุข้อจำกัดใน UI, โมเดลข้อมูล หรือฟีเจอร์
  • แสดงตัวอย่าง: แสดงตัวอย่างวิธีที่ผู้ใช้ควรโต้ตอบกับแอปและข้อมูลใดที่ควรปรากฏ
  • ใช้คีย์เวิร์ด: ใช้คีย์เวิร์ดเพื่ออธิบายฟีเจอร์หรือความสามารถที่คุณต้องการให้ LLM เชื่อมโยงกับคลาสเอาต์พุตที่ต้องการ ตัวอย่างเช่น คุณอาจใช้ Material Design ในพรอมต์ที่ระบุว่าคุณต้องการให้แอปเป็นไปตามมาตรฐานการออกแบบของ Google
  • ขอการเปลี่ยนแปลงที่เฉพาะเจาะจง: ขอการเปลี่ยนแปลงที่เฉพาะเจาะจงในโค้ดหรือพิมพ์เขียวที่สร้างขึ้น เพิ่มคำขอฟีเจอร์แต่ละรายการในคำขอแยกต่างหาก
  • ขอให้โมเดลใช้เหตุผล: หากพบปัญหาในการรับผลลัพธ์ที่ต้องการ ให้ลองขอให้โมเดลใช้เหตุผลผ่านพรอมต์ เช่น คุณอาจพูดว่า "คิดทีละขั้นตอน ฉันต้องการสร้างกล่องป้อนข้อมูลสำหรับแอปงาน ซึ่งควรมีปุ่ม "เพิ่มงาน" และปุ่ม "ยกเลิก""

การใช้เทคนิคเหล่านี้จะช่วยให้คุณปรับแต่งพรอมต์ซ้ำๆ เพื่อให้ได้ผลลัพธ์ที่ต้องการได้

ตัวอย่างพรอมต์ที่มีประสิทธิภาพสำหรับพิมพ์เขียวแอป

ตัวอย่างพรอมต์ที่มีประสิทธิภาพสำหรับแอปประเภทต่างๆ มีดังนี้

เครื่องมือติดตามงานแบบง่าย:

Create a simple web app that displays a list of to-do items.
Users should be able to add new items to the list and mark items as complete.
Provide a way to delete items and export the list as a text file.
Use a clean and modern UI using Google Material Design principles.

แอปการวางแผนงบประมาณ:

A budgeting and expense tracking app with spending categories, charts, and
budget goals. Include a clean dashboard with key insights. It should include
spending categories, charts, and budget goals. The app should allow users to
manually add expenses or upload csv files. The app should also allow users to
upload receipts, then use AI to convert the receipt into an expense entry that
users can edit. Data should be stored in browser cache, with download and
delete options.

ข้อความแจ้งของแอปเกมที่มีความช่วยเหลือจาก Gemini (Markdown):

Generate a delightful sliding number puzzle game (15-puzzle) with Javascript,
HTML, and CSS.

- **Setup:** Create a 4x4 grid with numbers 1-15 and one empty space. Use a
  **solvable shuffling algorithm** to randomize the start.
- **Gameplay:** Allow clicking tiles **adjacent to the empty space** to slide
  them. Count and display the number of moves.
- **Timer:** Include a **countdown timer** starting at **120 seconds**
  (2 minutes).
- **End Conditions:**
    - If solved (numbers 1-15 in order): Alert with an encouraging winning
      statement generated by AI.
    - If timer reaches 0: Alert with a funny retort generated by AI.

เคล็ดลับสำหรับการแก้ไขข้อบกพร่อง

คุณสามารถใช้ Gemini ใน Firebase เพื่อช่วยแก้ไขข้อบกพร่องของโค้ดด้วยแชทใน Code Workspace หรือ App Prototyping agent

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

  • อธิบายปัญหา: ในอินเทอร์เฟซแชท ให้อธิบายปัญหาที่คุณพบให้ชัดเจนและกระชับที่สุด แม้ว่า Gemini อาจมีสิทธิ์เข้าถึงบริบท เช่น ข้อความแสดงข้อผิดพลาดและบันทึก แต่อาจไม่เข้าใจบริบททั้งหมด การอธิบายลักษณะการทำงานพร้อมกับข้อความแสดงข้อผิดพลาดจะช่วยให้ Gemini แก้ไขปัญหาได้เร็วขึ้น

  • ถามคำถามที่เจาะจง: ไม่ต้องกลัวที่จะถามGeminiคำถามโดยตรงเกี่ยวกับโค้ด เช่น "อะไรอาจเป็นสาเหตุที่ทำให้เกิดข้อยกเว้นเกี่ยวกับ Null Pointer ในฟังก์ชันนี้" หรือ "ฉันจะป้องกันภาวะการแข่งกันนี้ได้อย่างไร"

  • แบ่งปัญหาที่ซับซ้อนออกเป็นส่วนๆ: หากต้องการจัดการกับปัญหาที่ซับซ้อน ให้แบ่งปัญหาออกเป็นส่วนๆ ที่จัดการได้ง่ายขึ้น ขอให้ Gemini ช่วยแก้ไขข้อบกพร่องแต่ละส่วนแยกกันและคิดหาวิธีแก้ปัญหาทีละขั้นตอน

  • ใช้เครื่องหมายวงเล็บเหลี่ยมสำหรับโค้ด: เมื่อแชร์ข้อมูลโค้ด ให้ใช้เครื่องหมายวงเล็บเหลี่ยมสำหรับโค้ดเพื่อให้แน่ใจว่าโค้ดมีการจัดรูปแบบอย่างถูกต้อง วิธีนี้จะช่วยให้ Gemini อ่านและทำความเข้าใจโค้ดได้ง่ายขึ้น

  • ปรับปรุงและปรับแต่ง: Gemini อาจไม่ได้ให้วิธีแก้ปัญหาที่สมบูรณ์แบบเสมอไปในการลองครั้งแรก ตรวจสอบคำตอบ ถามคำถามเพื่อชี้แจง และระบุข้อมูลเพิ่มเติมตามที่จำเป็น

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

    หากการเรียบเรียงพรอมต์ใหม่ไม่ช่วยแก้ปัญหาการวนซ้ำ ให้ลองใช้เทคนิคต่อไปนี้

    • เริ่มแชทใหม่: หากคุณใช้ Gemini ในFirebaseแชทในCodeพื้นที่ทํางาน ให้เริ่มเซสชันการแชทใหม่เพื่อรีเซ็ตบริบทของ Gemini วิธีนี้จะช่วยขจัดความเข้าใจผิดหรือข้อสันนิษฐานที่ Gemini อาจคิดไว้ในการสนทนาก่อนหน้านี้

    • ระบุตัวอย่างที่ตรงข้าม: หาก Gemini ทำการสมมติฐานที่ไม่ถูกต้อง ให้ระบุตัวอย่างที่ตรงข้ามเพื่อช่วย Gemini เข้าใจลักษณะการทำงานที่ถูกต้อง

ขั้นตอนถัดไป