30 vibe coding հրահանգ, որոնք կարող եք պատճենել (արագ ուղեցույց)

Լավագույն vibe coding հրահանգները կարճ են, կոնկրետ և վարքագծի մասին. ով է օգտագործում ծրագիրը, ինչ կարող է անել, ինչ է պահում և ինչպես է երևում։ Ստորև 30 հրահանգ է, որոնք կարող եք պատճենել և տեղադրել, խմբավորված ըստ այն փուլի, որտեղ գտնվում եք, առաջին կառուցումից մինչև հրապարակում։ Փոխարինեք [փակագծերի] մեջ եղած մասերը ձեր մանրամասներով։

Դրանք աշխատում են ցանկացած AI ծրագրի կառուցողում կամ կոդային գործակալում։ Եթե ուզում եք դրանց հիմքում ընկած տրամաբանությունը, մեր ավելի երկար ուղեցույցը ինչպես գրել հրահանգներ AI ծրագրի կառուցողների համար բացատրում է սկզբունքները։ Այս էջը արագ ուղեցույցն է։

Ինչպես օգտվել այս արագ ուղեցույցից

• Սկսեք մեկ առաջին կառուցման հրահանգով, ապա օգտագործեք մնացածները մեկ-մեկ։
• Փորձարկեք յուրաքանչյուր հրահանգից հետո։ Կտտացրեք փոփոխության միջով, նախքան հաջորդը ուղարկելը։
• Պահեք այն, ինչ աշխատում է։ Այստեղի հետևող հրահանգների մեծ մասը վերջանում է «պահիր մնացած ամեն ինչ նույնը» տողով, և դրա պատճառը կա։
• Տեղադրեք ճշգրիտ տեքստը։ Սխալի հաղորդագրությունները, կոճակների պիտակները և էկրանին եղած բառերը միշտ ավելի լավն են, քան նկարագրությունները։

Առաջին կառուցման հրահանգներ

Սրանք սահմանում են ծրագրի ձևը։ Յուրաքանչյուրը նշում է օգտատերերին, գործողություններին, տվյալներին և տեսքին։

1. Պարզ հետևող

Կառուցիր ինձ [սովորության] հետևող։ Կարող եմ ավելացնել [սովորություն] անվանումով և գույնով, նշել այն օրական մեկ անգամ և տեսնել 30-օրյա ցանց և իմ ընթացիկ շարունակականությունը։ Պահիր ամեն ինչ, որ մնա թարմացնելուց հետո։ Մաքուր, մինիմալ դիզայն, որ աշխատի հեռախոսի վրա։

2. Փոքր բիզնեսի ամրագրման էջ

Կառուցիր ամրագրման էջ իմ [մազերի սրահի] համար։ Հաճախորդները ընտրում են ծառայություն ([կտրվածք 30 րոպե, գունավորում 90 րոպե]), ամսաթիվ և ազատ ժամ [9:00-ից մինչև 18:00]-ի միջև, ապա մուտքագրում են անունը, հեռախոսը և էլ. փոստը։ Երկու մարդ չի կարող ամրագրել նույն ժամը։ Ինձ պետք է անձնական ադմին էջ, մուտքով պաշտպանված, որը ցույց է տալիս առաջիկա ամրագրումները օրերով։

3. Ներքին գործիք

Կառուցիր ներքին գործիք իմ թիմի համար [սարքավորումների փոխառությունները] հետևելու։ Յուրաքանչյուր իր ունի անուն, կոդ և կարգավիճակ (առկա, փոխառված, կոտրված)։ Աշխատակիցները մուտք են գործում, կարող են իրը վերցնել իրենց վրա և վերադարձնել այն։ Ցույց տուր աղյուսակ՝ կարգավիճակով ֆիլտրերով և յուրաքանչյուր իրի տիրապետողի պատմությամբ։

4. Վայրէջքի էջ ցուցակով

Կառուցիր մեկ էջանոց կայք [իմ արտադրանքի համար. սննդի պլանավորման հավելված զբաղված ծնողների համար]։ Գլխավոր վերնագիր, մեկ նախադասությամբ ենթավերնագիր և էլ. փոստով գրանցում։ Հետո՝ երեք առավելություն, կարճ «ինչպես է աշխատում» բաժին և հաճախակի հարցեր։ Պահիր գրանցված էլ. հասցեները տվյալների բազայում և ցույց տուր ինձ ցուցակը մասնավոր ադմին էջում։

5. Հաճախորդի պորտալ

Կառուցիր հաճախորդի պորտալ իմ [դիզայն ստուդիայի] համար։ Յուրաքանչյուր հաճախորդ մուտք է գործում և տեսնում է միայն իր նախագծերը՝ կարգավիճակով, իմ վերբեռնած ֆայլերով և մեկնաբանությունների թելով։ Ես մուտք եմ գործում որպես ադմին և տեսնում եմ բոլոր հաճախորդներին։ Հաճախորդները երբեք չպետք է տեսնեն միմյանց տվյալները։

6. Հաշվիչ կամ առաջարկի գործիք

Կառուցիր գնային հաշվիչ իմ [մաքրման բիզնեսի] համար։ Մուտքեր՝ ննջասենյակների քանակ, լոգարանների քանակ, լրացուցիչ ծառայություններ (վառարան, պատուհաններ, սառնարան) և հաճախականություն (մեկանգամյա, շաբաթական, ամսական)։ Ցույց տուր գինը, երբ փոխվում են տարբերակները, բաժանմամբ։ Գներ՝ [տեղադրիր քո գնացուցակը]։ Ավելացրու կոճակ, որով առաջարկի հարցումը ուղարկվում է ինձ էլ. փոստով։

Պլանավորման հրահանգներ

Օգտագործեք դրանք մեծ գործառույթից առաջ կամ երբ անորոշ եք, թե ինչպես նկարագրել որևէ բան։

7. Պլանավորեք նախքան կառուցելը

Նախքան որևէ կոդ գրելը, պարզ բառերով նկարագրիր, թե ինչ էկրաններ կկառուցես, ինչ տվյալներ կպահես և ինչ որոշումներ են ինձանից պետք։ Սպասիր իմ համաձայնությանը։

8. Վերածեք անկարգ գաղափարը առաջին տարբերակի

Ահա իմ գաղափարը. [տեղադրիր նշումները]։ Առաջարկիր ամենափոքր առաջին տարբերակը, որը դեռ օգտակար է, 5–8 կետով։ Թվարկիր, թե ինչ կթողնեիր հետագայի համար և ինչու։

9. Հարցրու, թե ինչ է պակասում

Ի՞նչ հարցեր կտար ծրագրավորողը, նախքան սա կառուցելը։ Հարցրու դրանք մեկ-մեկ, ապա ամփոփիր իմ պատասխանները որպես կարճ բնութագիր։

10. Նախ ստուգիր մեծ փոփոխությունը

Ուզում եմ ավելացնել [թիմային հաշիվներ, որտեղ մի քանի մարդ կիսում է մեկ աշխատանքային տարածք]։ Բացատրիր, թե ինչ պետք է փոխվի տվյալներում, էկրաններում և թույլտվություններում, և ինչ կարող է կոտրվել։ Դեռ ոչինչ մի փոխիր։

Դիզայնի հրահանգներ

11. Սահմանեք հստակ ոճ

Վերաոճավորիր ծրագիրը. տաք, մոտ սպիտակ ֆոն, մուգ տեքստ, մեկ շեշտադրող գույն [#1F6F50], կլորացված անկյուններ, առատ տարածություն և ժամանակակից sans-serif տառատեսակ։ Պահիր դասավորությունը և յուրաքանչյուր գործառույթ ճիշտ նույնը։

12. Պատճենեք հղման զգացողությունը

Դարձրու վահանակը հանգիստ ֆինանսական ծրագրի պես. շատ սպիտակ տարածություն, թվերը մեծ և թավ, պիտակները փոքր և մոխրագույն, մեկ պարզ գծապատկեր վերևում։ Մի պատճենիր ոչ մի ապրանքանիշի լոգո կամ տեքստ։

13. Շտկեք հեռախոսային դասավորությունը

375px լայնությամբ հեռախոսի վրա [Պատվերների էջի] աղյուսակը ոլորվում է կողքով, և կոճակները համընկնում են։ Յուրաքանչյուր տող դարձրու ստեկավորված քարտ փոքր էկրաններին։ Մի փոխիր աշխատասեղանի դասավորությունը։

14. Դատարկ, բեռնվող և սխալի վիճակներ

Ավելացրու պատշաճ վիճակներ [Նախագծերի ցուցակին]. ընկերական դատարկ վիճակ կոճակով՝ առաջին նախագիծն ավելացնելու համար, բեռնման skeleton տվյալների բեռնման ժամանակ և հստակ հաղորդագրություն retry կոճակով, եթե բեռնումը ձախողվի։

15. Աջից-ձախ աջակցություն

Ավելացրու ինտերֆեյսի արաբերեն տարբերակ՝ լրիվ աջից-ձախ դասավորությամբ։ Ուղղություն ցույց տվող պատկերակները պետք է շրջվեն. թվերը և ամսաթվերը պետք է օգտագործեն տեղայնացված ձևաչափ։ Լռելյայն պահիր անգլերենը։

Տվյալների և գործառույթների հրահանգներ

16. Ապահովեք տվյալների պահպանումը

Հիմա իմ տվյալները անհետանում են, երբ թարմացնում եմ։ Պահիր դրանք իսկական տվյալների բազայում և թող ընթացիկ էկրանները աշխատեն նույն կերպ։

17. Ավելացրու մուտք

Ավելացրու գրանցում և մուտք էլ. փոստով և գաղտնաբառով։ Յուրաքանչյուր օգտատեր պետք է տեսնի և խմբագրի միայն իր [գրառումները]։ Վերևի գոտում ցույց տուր օգտատիրոջ էլ. փոստը՝ դուրս գալու կոճակով։

18. Ավելացրու դերեր

Ավելացրու երկու դեր՝ admin և member։ Ադմինները կարող են ավելացնել, խմբագրել և ջնջել [արտադրանքները]. անդամները միայն կարող են դիտել դրանք։ Պարտադրիր սա սերվերի վրա, ոչ միայն թաքցնելով կոճակները։

19. Ավելացրու որոնում և ֆիլտրեր

Ավելացրու որոնման դաշտ [կոնտակտների ցուցակի] վերևում, որ համընկնի անունով, ընկերությամբ կամ էլ. փոստով, երբ մուտքագրում եմ, և ֆիլտր [կարգավիճակով]։ Պահիր ընթացիկ դասավորությունը։

20. Ավելացրու ֆայլերի վերբեռնում

Թույլ տուր օգտատերերին կցել մինչև [5] նկար յուրաքանչյուր [հայտարարության] համար, առավելագույնը [5 ՄԲ] յուրաքանչյուրը։ Ցույց տուր նախադիտումներ հայտարարության վրա և մեծ տարբերակ սեղմելիս։ Միայն սեփականատերը կարող է ջնջել իր նկարները։

21. Ներմուծում աղյուսակից

Ավելացրու Import կոճակ, որ վերցնում է CSV սյունակներով [անուն, էլ. փոստ, հեռախոս, նշումներ], ցույց է տալիս առաջին 10 տողի նախադիտում և թույլ է տալիս հաստատել նախքան պահելը։ Բաց թողիր տողերը առանց էլ. փոստի և ասա, թե քանիսն են բաց թողնվել։

Շտկող հրահանգներ

22. Հստակ հաղորդեք սխալը

Երբ [սեղմում եմ Save խմբագրման ձևում], տեսնում եմ «[սխալի ճշգրիտ տեքստը]» և փոփոխությունը չի պահպանվում։ Սպասվում էր. փոփոխությունը պահպանվում է և վերադառնում եմ ցուցակ։ Գտիր պատճառը, բացատրիր մեկ-երկու նախադասությամբ, հետո շտկիր։

23. Դադարեցրու շտկման օղակը

Երեք անգամ փորձել ենք սա շտկել, և դեռ չի աշխատում։ Դադարիր կոդը փոխելուց։ Թվարկիր երեք ամենահավանական պատճառները, ինչպես ստուգել յուրաքանչյուրը և որ մեկն ես կարծում։

24. Հետ շրջիր կողմնակի ազդեցությունները

Քո վերջին փոփոխությունը շտկեց ամսաթվի ընտրիչը, բայց [կողագոտին] անհետացավ։ Վերադարձրու կողագոտին ճշգրիտ նույնը, և պահիր ամսաթվի շտկումը։

25. Բացատրիր նախքան փոխելը

Բացատրիր, թե ինչպես է [վճարման գումարը] հաշվարկվում հիմա, քայլ առ քայլ՝ նշելով ներգրավված ֆայլերը։ Մի փոխիր ոչինչ։

Փորձարկման և վերանայման հրահանգներ

26. Եզրային դեպքեր

Թվարկիր 10 եղանակ, թե ինչպես կարող է իրական օգտատերը կոտրել [ամրագրման ձևը]. դատարկ դաշտեր, շատ երկար տեքստ, կրկնակի սեղմումներ, երկու մարդ միաժամանակ, սխալ ժամային գոտիներ։ Փորձիր յուրաքանչյուրը և շտկիր այն, ինչ ձախողվում է։ Հաղորդիր, թե ինչ ես փոխել։

27. Ամփոփիր վերջին փոփոխությունները

Ամփոփիր՝ պարզ բառերով, բոլոր փոփոխությունները, որ արեցիր վերջին [հինգ] քայլերում, և նշիր ցանկացած բան, որ կարող է ազդել գոյություն ունեցող տվյալների վրա։

Անվտանգության հրահանգներ

Դրանք զուգակցեք մեր էջի հետ արդյո՞ք vibe coding-ն անվտանգ է։

28. Ստուգիր տվյալների մուտքը

Ստուգիր սերվերի կոդը. կարո՞ղ է մուտք գործած օգտատերը կարդալ կամ փոխել մեկ այլ օգտատիրոջ [գրառումները]՝ հարցումում ID-ն փոխելով։ Ցույց տուր, թե որտեղ է ստուգվում մուտքը, և շտկիր ցանկացած բաց տեղ։

29. Ստուգիր բաց գաղտնիքները

Թվարկիր յուրաքանչյուր API բանալի, գաղտնաբառ կամ token, որ օգտագործում է այս ծրագիրը, և որտեղ է պահված յուրաքանչյուրը։ Համոզվիր, որ դրանցից և ոչ մեկը չի գտնվում բրաուզերում աշխատող կոդում կամ ֆայլերում։ Եթե գտնվում են, տեղափոխիր դրանք գաղտնիքների մեջ։

Հրապարակման հրահանգներ

30. Նախահրապարակային անցում

Պատրաստվում եմ սա իրական օգտատերերի համար հրապարակել։ Անցիր դրա միջով որպես վերանայող. կոտրված հղումներ, բացակայող էջի վերնագրեր և նկարագրություններ, ձևեր առանց վավերացման, դանդաղ էջեր, կոնսոլի սխալներ և ցանկացած բան, որ հեռախոսի վրա անավարտ է թվում։ Տուր ինձ ցուցակ՝ ըստ կարևորության, հետո շտկիր առաջին հինգը։

Հրահանգներ, որոնցից խուսափել

Որոշ հրահանգներ հուսալիորեն ավելի վատ արդյունքներ են տալիս.

• «Դարձրու ավելի լավը»։ Ինչո՞վ ավելի լավը։ Նշեք էկրանը և փոփոխությունը։
• «Շտկիր ամեն ինչ»։ AI-ը շատ բան կփոխի, և դուք չեք իմանա, թե ինչ է շարժվել։
• «Օգտագործիր [գրադարան] և [ֆրեյմվորք] և [ձևանմուշ]»։ Եթե հատուկ պատճառ չունեք, նկարագրեք վարքագիծը և թողեք գործիքը ընտրի stack-ը։
• «Ահա իմ API բանալին. …»։ Երբեք մի տեղադրեք գաղտնիքներ չատում։ Օգտագործեք գործիքի գաղտնիքների կարգավորումները։
• Տասը հատկություն մեկ հաղորդագրությամբ։ Բաժանեք դրանք։

Հրահանգները սովորության վերածելը

Մի քանի նախագծից հետո կունենաք ձեր սեփական տարբերակները։ Պահեք դրանք նշումում և կրկին օգտագործեք այն, ինչ աշխատում է։ Mythex-ը նաև հիշում է, թե ով եք և ինչպես եք աշխատում նախագծերի միջև, ուստի կրկնվող նախընտրանքները, օրինակ՝ ձեր սովորական ոճը կամ stack-ը, փոխանցվում են առանց նորից մուտքագրելու։

Եթե առաջին հրահանգի հետ խնդիր ունեք, անվճար հավելվածի հրահանգների գեներատորը մեկ տողով գաղափարը վերածում է ավելի ամբողջական մեկնարկային հրահանգի։ Իսկ տեսնելու համար, թե ինչ են արտադրում այս հրահանգները գործնականում, կարդացեք մեր vibe coding-ի օրինակները, կամ տեղադրեք 1-ին հրահանգը AI ծրագրի կառուցողում և փոխեք փակագծերը ձեր գաղափարով։

Հարցեր