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

ประสิทธิภาพของพิมพ์เขียวแอปและคุณภาพของโค้ดที่สร้างขึ้น ขึ้นอยู่กับความชัดเจนและรายละเอียดของพรอมต์ เมื่อใช้ 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 (มาร์กดาวน์):

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 หรือ App Prototyping agent

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

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

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

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

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

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

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

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

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

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

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