Vibe coding-ийн 30 prompt: хуулж болох товч лавлах

Сайн vibe coding prompt нь богино, тодорхой, хэрэглэгчийн зан төлөвийн тухай байдаг: app-ийг хэн ашигладаг, тэд юу хийж чаддаг, юу хадгалдаг, ямар харагддаг. Доор үе шатаар бүлэглэсэн 30 prompt байна, анхны бүтээлээс publish хүртэл. Хаалтанд байгаа хэсгүүдийг [хаалт]-ууд болгон өөрийн мэдээллээр солиорой.

Эдгээр нь ямар ч AI app builder эсвэл coding agent дээр ажилладаг. Эдгээрийн ард байгаа үндэслэлийг хүсвэл AI app builder-т prompt хэрхэн бичих вэ гэдэг урт гарын авлагаас харна уу. Энэ хуудас бол товч лавлах юм.

Энэ лавлахыг хэрхэн ашиглах вэ

• Нэг анхны бүтээлийн prompt-оор эхэл, дараа нь бусдыг нэг удаад нэгээр ашигла.
• Prompt бүрийн дараа туршаарай. Дараагийнхыг илгээхээсээ өмнө өөрчлөлтийг дарж үз.
• Ажилласан зүйлээ хадгал. Энд байгаа ихэнх дараагийн prompt "бусад бүгдийг хэвээр нь үлдээ" гэж төгсдөг нь санамсаргүй биш.
• Яг текстээ буулга. Алдааны мессеж, товчны нэр, дэлгэц дээрх үгс нь тайлбараас үргэлж илүү.

Анхны бүтээлийн prompt-ууд

Эдгээр нь app-ийн хэлбэрийг тогтооно. Тус бүр нь хэрэглэгчид, үйлдлүүд, өгөгдөл, харагдах байдлыг нэрлэдэг.

1. Энгийн трекер

Надад [зуршил] трекер бүтээ. Би [зуршил]-ыг нэр, өнгөөр нэмж, өдөр бүр нэг удаа тэмдэглэж, 30 өдрийн хүснэгт болон одоогийн дараалсан тоогоо харж чадах ёстой. Бүгдийг хадгалаарай, дахин ачаалсны дараа хэвээр байг. Цэвэрхэн, хамгийн энгийн, утсан дээр ажиллах дизайн.

2. Жижиг бизнесийн захиалгын хуудас

Миний [үсчний газар]-т захиалгын хуудас бүтээ. Харилцагч үйлчилгээ ([үс засалт 30 мин, өнгө будалт 90 мин]), огноо, [9:00-18:00]-ийн хооронд сул цагийн цонх сонгоод, нэр, утас, имэйлээ оруулна. Хоёр хүн нэг цагийг захиалж болохгүй. Миний нэвтрэлтийн ард хувийн админ хуудас байж, ирэх захиалгуудыг өдрөөр жагсаана.

3. Дотоод хэрэгсэл

Багаа [тоног төхөөрөмжийн зээл]-ийг хянах дотоод хэрэгсэл бүтээ. Зүйл бүр нэр, код, төлөв (боломжтой, зээлэгдсэн, эвдэрсэн) тэй. Ажилчид нэвтэрч, зүйлийг өөртөө зээлж, буцааж бүртгэнэ. Төлвөөр шүүдэг хүснэгт, зүйл бүрийн хэн эзэмшсэн түүхийг харуул.

4. Хүлээлтийн жагсаалттай landing page

[Миний бүтээгдэхүүн: завгүй эцэг эхчүүдэд зориулсан хоолны төлөвлөгөөний app]-д зориулсан нэг хуудсан вэбсайт бүтээ. Гарчигтай нүүр, нэг өгүүлбэртэй дэд гарчиг, имэйл бүртгэл. Дараа нь гурван давуу тал, хэрхэн ажилладаг богино хэсэг, FAQ. Бүртгэлийн имэйлүүдийг мэдээллийн санд хадгалж, жагсаалтыг хувийн админ хуудсанд харуул.

5. Харилцагчийн портал

Миний [дизайн студи]-д зориулсан харилцагчийн портал бүтээ. Харилцагч бүр нэвтэрч, зөвхөн өөрийн төслүүд, статус, миний оруулсан файлууд, сэтгэгдлийн хэлхээг харна. Би админаар нэвтэрч бүх харилцагчийг харна. Харилцагчид бие биенийх нь өгөгдлийг хэзээ ч харж болохгүй.

6. Тооцоолуур эсвэл үнийн санал

Миний [цэвэрлэгээний бизнес]-д зориулсан үнийн санал гаргагч бүтээ. Оролт: өрөөний тоо, угаалгын өрөөний тоо, нэмэлт үйлчилгээнүүд (зуух, цонх, хөргөгч), давтамж (нэг удаа, долоо хоног бүр, сар бүр). Сонголтууд өөрчлөгдөхөд үнийг харуулж, задаргааг нь нэм. Үнэ: [үнийн жагсаалтаа буулга]. Үнийн саналын хүсэлтийг имэйлээр надад илгээх товч нэм.

Төлөвлөлтийн prompt-ууд

Эдгээрийг том функцийн өмнө, эсвэл юу гэж тайлбарлахаа мэдэхгүй үед ашигла.

7. Бүтээхээсээ өмнө төлөвлө

Код бичихээсээ өмнө энгийн үгээр тайлбарла: ямар дэлгэц хийх, ямар өгөгдөл хадгалах, надаас ямар шийдвэр хэрэгтэй. Миний зөвшөөрлийг хүлээ.

8. Төвөгтэй санааг анхны хувилбар болго

Миний санаа: [тэмдэглэлээ буулга]. Хамгийн бага, гэхдээ хэрэгтэй анхны хувилбарыг 5–8 цэгээр санал болго. Дараа үлдээх зүйлсээ, яагаад гэдгийг нь жагсаа.

9. Юу дутуу байгааг асуу

Энийг бүтээхээсээ өмнө хөгжүүлэгч надаас юу асуух вэ? Нэг нэгээр асуу, дараа нь миний хариултуудыг товч үзэл баримтлал болгон нэгтгэ.

10. Том өөрчлөлтийг эхлээд шалга

Би [олон хүн нэг ажлын талбар хуваалцдаг багийн данс]-г нэмэхийг хүсэж байна. Өгөгдөл, дэлгэц, эрхийн тохиргоонд юу өөрчлөгдөх шаардлагатай, юу эвдэрч болох вэ тайлбарла. Одоо юу ч бүү өөрчил.

Дизайны prompt-ууд

11. Тодорхой загвар тогтоо

Аппыг шинээр зохио: дулаан цагаан дэвсгэр, бараан текст, нэг онцолгооны өнгө [#1F6F50], дугуй булан, өгөөмөр зай, орчин үеийн sans-serif фонт. Layout болон функц бүрийг яг хэвээр нь үлдээ.

12. Жишээний мэдрэмжийг хуулах

Dashboard-ыг тайван санхүүгийн app шиг болго: их зай, том, тод тоонууд, жижиг саарал шошгууд, дээр нэг энгийн диаграм. Ямар ч брэндийн лого эсвэл текстийг хуулж бүү ав.

13. Утасны layout-ийг засах

375px өргөнтэй утсан дээр [Захиалгын хуудас] дээрх хүснэгт хажуу тийш гүйлгэгдэж, товчлуурууд давхцаж байна. Жижиг дэлгэц дээр мөр бүрийг карт болгон босоо дараалуул. Компьютерийн layout-ийг бүү өөрчил.

14. Хоосон, ачаалж буй, алдааны төлөв

[Төслийн жагсаалт]-д зөв төлөвүүд нэм: эхний төслөө нэмэх товчтой найрсаг хоосон төлөв, өгөгдөл ачаалах үед skeleton, ачаалахад алдаа гарвал дахин оролдох товчтой тодорхой мессеж.

15. Баруунаас зүүн рүү чиглэсэн дэмжлэг

Интерфэйсийн араб хувилбарыг баруунаас зүүн рүү бүрэн layout-тай нэм. Чиглэлтэй дүрсүүд эргэх ёстой; тоо, огнооны формат орон нутгийнх байх. Англи хэлийг анхдагчаар үлдээ.

Өгөгдөл ба функцийн prompt-ууд

16. Өгөгдлөө хадгал

Одоо миний өгөгдөл дахин ачаалахад алга болж байна. Үүний оронд жинхэнэ мэдээллийн санд хадгал, одоогийн дэлгэцүүд яг адилхан ажиллаж байх ёстой.

17. Нэвтрэлт нэм

Имэйл, нууц үгээр бүртгүүлэх, нэвтрэх функц нэм. Хэрэглэгч бүр зөвхөн өөрийн [оруулгуудыг] харж, засварлах ёстой. Дээд талын хэсэгт хэрэглэгчийн имэйлийг гаргаж, гарах товч нэм.

18. Эрх нэм

Хоёр эрх нэм: админ ба гишүүн. Админ [бүтээгдэхүүн]-г нэмэх, засах, устгах боломжтой; гишүүд зөвхөн харах. Үүнийг товчлуурыг нуух биш, серверт хэрэгжүүл.

19. Хайлт ба шүүлтүүр нэм

[Харилцагчдын жагсаалт]-ын дээр хайлтын хайрцаг нэм: надад бичих үед нэр, компани эсвэл имэйлтэй тааруулна. Мөн [төлөв]-өөр шүүлтүүр нэм. Одоогийн эрэмбэлэлтийг хадгал.

20. Файл байршуулах нэм

Хэрэглэгч [жагсаалт] бүрт хамгийн ихдээ [5] зураг хавсаргаж болно, зураг бүр [5 MB]-аас хэтрэхгүй. Жагсаалтад жижиг зургууд, дарахад том харагдац харуул. Зөвхөн эзэн нь зургаа устгаж чадна.

21. Хүснэгтээс импорт хийх

[нэр, имэйл, утас, тэмдэглэл] баганатай CSV оруулах Импорт товч нэм. Эхний 10 мөрийн урьдчилан харахыг харуулж, хадгалахаас өмнө баталгаажуулж болгоно уу. Имэйлгүй мөрүүдийг алгасаж, хэдэн мөр алгасагдсаныг хэлээрэй.

Алдаа засах prompt-ууд

22. Алдааг тодорхой мэдэгд

Би [Засварын маягт дээр Хадгалах дарахад] "[яг алдааны текст]" гэж гарч, өөрчлөлт хадгалагдахгүй байна. Хүлээгдэж буй: өөрчлөлт хадгалагдаж, жагсаалт руу буцна. Шалтгааныг нь ол, нэг эсвэл хоёр өгүүлбэрээр тайлбарлаад, дараа нь засаарай.

23. Засварын давталтыг зогсоо

Бид энийг гурван удаа засахыг оролдсон боловч амжилтгүй. Кодыг өөрчлөхөө зогсоо. Хамгийн магадлалтай гурван шалтгаан, тус бүрийг шалгах арга, аль нь гэж та бодож байгаагаа жагсаа.

24. Хажуугийн нөлөөг буцаа

Таны сүүлийн өөрчлөлт огнооны сонгогчийг засав, гэхдээ [хажуугийн самбар] алга болсон. Хажуугийн самбарыг яг өмнөх байдлаар нь сэргээ, огнооны сонгогчийн засварыг хэвээр нь үлдээ.

25. Өөрчлөхөөсөө өмнө тайлбарла

[Одоогийн checkout нийт дүн] одоо хэрхэн тооцогдож байгааг, холбогдох файлуудыг заан алхам алхмаар тайлбарла. Юу ч бүү өөрчил.

Туршилт ба шалгалтын prompt-ууд

26. Онцгой тохиолдлууд

[Захиалгын маягт]-ыг жинхэнэ хэрэглэгч хэрхэн эвдэж болох 10 арга жагсаа: хоосон талбар, маш урт текст, давхар дарах, хоёр хүн зэрэг, буруу цагийн бүс. Тус бүрийг туршаад, бүтэлгүйтсэнийг засаарай. Юу өөрчилснөө тайлагна уу.

27. Сүүлийн өөрчлөлтүүдийг нэгтгэ

Сүүлийн [таван] алхамд хийсэн бүх өөрчлөлтийг энгийн үгээр нэгтгэж, одоо байгаа өгөгдөлд нөлөөлж болох зүйлийг тэмдэглэ.

Аюулгүй байдлын prompt-ууд

Эдгээрийг vibe coding аюулгүй юу хуудастай хамт ашигла.

28. Өгөгдөлд хандалтыг шалга

Серверийн кодыг шалга: нэвтэрсэн хэрэглэгч хүсэлтийн ID-г солиж бусдын [бичлэгүүдийг] унших эсвэл өөрчилж чадах уу? Хандалтыг хаана шалгаж байгааг харуулж, цоорхойг нь засаарай.

29. Ил гарсан нууцуудыг шалга

Энэ app ашигладаг API түлхүүр, нууц үг, токен бүрийг жагсаа, мөн тэдгээр хаана хадгалагдсаныг. Аль нь ч браузерт ажилладаг код дотор эсвэл файлд оруулагдаагүйг шалгаж, байвал нууц утга руу шилжүүл.

Publish хийх prompt-ууд

30. Нийтлэхийн өмнөх нэг удаагийн шалгалт

Би үүнийг жинхэнэ хэрэглэгчдэд нийтлэх гэж байна. Шүүгчийн адил нэг бүрчлэн үз: эвдэрсэн холбоос, гарчиг эсвэл тайлбар дутуу хуудас, баталгаажуулалтгүй маягт, удаан хуудас, консолын алдаа, утсан дээр дутуу харагдах зүйл. Чухлаар нь эрэмбэлсэн жагсаалт өг, дараа нь эхний таван зүйлийг засаарай.

Муу үр дүнд хүргэдэг prompt-ууд

Зарим prompt найдвартай муу үр дүн өгдөг:

• "Үүнийг сайжруул." Ямар талаар? Дэлгэц болон өөрчлөлтийг нэрлээрэй.
• "Бүгдийг засаарай." AI маш их өөрчилж, юу шилжсэнийг та мэдэхгүй болно.
• "[Сан] болон [фреймворк] болон [загвар]-ыг ашигла." Шалтгаангүй бол зан төлөвийг тодорхойл, технологийн стекийг хэрэгсэлд сонгуул.
• "Миний API түлхүүр энд байна: …" Чатад нууцаа бүү наа. Хэрэгслийн нууцын тохиргоог ашигла.
• Нэг мессежид арван функц. Тус тусад нь хуваа.

Prompt-ийг зуршил болгох нь

Хэдэн төслийн дараа та эдгээрийн өөрийн хувилбаруудтай болно. Тэдгээрийг тэмдэглэлд хадгалж, ажилласныг нь дахин ашигла. Mythex нь хүний хэн болох, төслүүдийн хооронд хэрхэн ажилладагийг санадаг тул таны давтдаг тохиргоо, жишээ нь загвар эсвэл стек, дахин бичүүлэлгүйгээр дагаж ирнэ.

Анхны prompt-оо олж чадахгүй байвал үнэгүй app prompt generator нэг өгүүлбэрт санааг илүү бүрэн эхлэлийн prompt болгодог. Эдгээр prompt-ууд юу бүтээдгийг практикт харахын тулд vibe coding жишээнүүдийг уншаарай, эсвэл 1-р prompt-ыг AI app builder руу буулгаж хаалтуудыг өөрийн санаагаар солиорой.

Асуултууд