Vibe coding-ի օրինակներ. 10 իրական ծրագրի տեսակ, հրահանգներ և ինչ է սխալվում

Vibe coding-ի ամենատարածված օրինակները փոքր, օգտակար web ծրագրերն են. հետևողներ, ամրագրման էջեր, ներքին գործիքներ, հաճախորդների պորտալներ, վայրէջքի էջեր, քվիզներ, վահանակներ և պարզ AI գործիքներ։ Ստորև տասը դրանցից է։ Յուրաքանչյուրի համար կտեսնեք՝ ով է կառուցում, առաջին հրահանգը, ինչն է սովորաբար սխալվում և հետագա հրահանգը, որը շտկում է այն։

Դրանք այն նախագծերի կոմպոզիտներն են, որոնք մարդիկ առավել հաճախ բերում են AI ծրագրի կառուցողներին, ոչ թե մեկ մարդու դեպքերի ուսումնասիրություններ։ Հրահանգները պատճենելի են։ Սխալները նույնն են, որ կրկնվում են՝ ահա թե ինչու են դրանք օգտակար մասը։ Եթե vibe coding-ն ինքնին նոր է ձեզ համար, սկսեք vibe coding-ի ինչ լինելը ակնարկից։

1. Անձնական բյուջեի հետևող

Ով է կառուցում. անհատներ, որոնք փորձել են աղյուսակներ և հրաժարվել են։

Առաջին հրահանգը.

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

Ինչ սխալվեց. գծապատկերը հաշվում էր բոլոր երբևէ մուտքագրված ծախսերը, ոչ միայն այս ամսվա, ուստի երկրորդ ամսվա վերջում բոլոր կատեգորիաները թվում էին գերծախսված։ Նաև ստորակետով գրված գումարները («1,200») պահպանվում էին որպես 1։

Շտկող հրահանգը.

Գծապատկերը և գումարները պետք է ներառեն միայն ընտրված ամսվա ծախսերը։ Ավելացրու ամսվա ընտրիչ վերևում՝ լռելյայն ընթացիկ ամսով։ Ընդունիր գումարներ՝ ստորակետներով կամ բացատներով և պահիր դրանք որպես թվեր։

Դաս. «այս ամիսը» կանոն է. ասեք կանոնները բարձրաձայն։

2. Ամրագրման էջ փոքր սրահի համար

Ով է կառուցում. փոքր բիզնեսի սեփականատերեր, որոնք հոգնել են հեռախոսով և DM-ներով ամրագրելուց։

Առաջին հրահանգը.

Կառուցիր ամրագրման էջ իմ սրահի համար։ Հաճախորդները ընտրում են ծառայություն, ամսաթիվ և ազատ ժամ, ապա մուտքագրում են անունն ու հեռախոսը։ Ունեմ անձնական ադմին էջ, մուտքով պաշտպանված, որը ցույց է տալիս ամրագրումները օրերով։

Ինչ սխալվեց. երկու հաճախորդ ամրագրեցին 10:00-ի նույն ժամը մեկ րոպեի ընթացքում, քանի որ էջը ստուգում էր հասանելիությունը միայն սկզբում բեռնվելիս։ 90 րոպեանոց գունավորման ամրագրումը նաև չէր արգելափակում հաջորդող ժամերը։

Շտկող հրահանգը.

Երբ հաճախորդը ուղարկում է ամրագրում, սերվերի վրա ստուգիր, որ այն ընդգրկող յուրաքանչյուր ժամ դեռ ազատ է, և մերժիր «Այդ ժամը նոր զբաղվեց» հաղորդագրությամբ, եթե ոչ։ Ծառայությունը արգելափակում է իր ողջ տևողությունը, այսպես 90 րոպեանոց ամրագրումը 10:00-ին արգելափակում է 10:00, 10:30 և 11:00։

Դաս. այն ամենը, ինչ երկու մարդ կարող է միաժամանակ անել, պահանջում է սերվերային ստուգում։ Ամբողջական տարբերակի համար տե՛ս ինչպես կառուցել ամրագրման ծրագիր։

3. Ռեստորանի մենյու QR կոդով

Ով է կառուցում. սրճարանների և ռեստորանների սեփականատերեր, որոնք չափազանց հաճախ են տպում մենյուները։

Առաջին հրահանգը.

Կառուցիր բջջային մենյուի կայք իմ սրճարանի համար։ Բաժիններ նախաճաշի, ճաշի, ըմպելիքների և desserts-ի համար, յուրաքանչյուր տեսակ՝ անվանումով, գնով, կարճ նկարագրությամբ և սննդային պիտակներով (վեգան, առանց գլյուտենի)։ Պետք է ադմին էջ տեսակները խմբագրելու և դրանք «սպառված» նշելու համար։ Ցույց տուր տպելի QR կոդ, որը տանում է դեպի մենյու։

Ինչ սխալվեց. ոչինչ չկոտրվեց, բայց մենյուն դանդաղ էր սրճարանի Wi-Fi-ի վրա, քանի որ յուրաքանչյուր տեսակի համար բեռնվում էին հեռախոսի լրիվ չափի նկարները։

Շտկող հրահանգը.

Մենյուի նկարները չափազանց ծանր են։ Փոխիր բեռնված պատկերները առավելագույնը 800px լայնությամբ, սեղմիր դրանք և բեռնիր ըստ անհրաժեշտության՝ երբ այցելուն ոլորում է։

Դաս. փորձարկեք դանդաղ կապի վրա, ոչ միայն ձեր գրասենյակում։

4. Թիմի սարքավորումների կամ պաշարների հետևող

Ով է կառուցում. օպերատիվ աշխատակիցներ, որոնք փոխարինում են ընդհանուր աղյուսակը։

Առաջին հրահանգը.

Կառուցիր գույքագրման գործիք մեր պահեստի թիմի համար։ Իրերը ունեն անվանում, SKU, քանակ, տեղադրություն և նվազագույն մակարդակ։ Աշխատակիցները մուտք են գործում և կարող են ավելացնել պաշար, հեռացնել պաշար պատճառով, և տեսնել ցուցակ այն իրերի, որոնք նվազագույնից ցածր են, կարմիրով ընդգծված։ Պահիր յուրաքանչյուր փոփոխության պատմությունը և ով է այն կատարել։

Ինչ սխալվեց. պատմությունը ցույց էր տալիս «user 3»-ը անվան փոխարեն, իսկ ավելի շատ պաշար հեռացնելը, քան առկա էր, քանակը դարձնում էր բացասական։

Շտկող հրահանգը.

Պատմության մեջ ցույց տուր անձի անունը, ոչ ID-ն։ Մի թույլ տուր հեռացում, որը քանակը կիջեցնի զրոյից ցածր. ցույց տուր «Միայն 4 հատ է պահեստում» փոխարենը։

Դաս. նկարագրեք այն, ինչը պետք է անհնար լինի, ոչ միայն այն, ինչը պետք է հնարավոր լինի։ Մեր ուղեցույցը գույքագրման ծրագիր կառուցելու մասին ներառում է մնացածը։

5. Հաճախորդների պորտալ ֆրիլանսերի կամ ստուդիայի համար

Ով է կառուցում. դիզայներներ, հաշվապահներ, խորհրդատուներ և գործակալություններ։

Առաջին հրահանգը.

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

Ինչ սխալվեց. սա ցուցակի ամենակարևոր սխալն է։ Էջերը ցույց էին տալիս հաճախորդին միայն իր նախագծերը, բայց սերվերը վերադարձնում էր ցանկացած նախագիծ, եթե փոխում էիք թիվը հասցեի տողում։ Մեկ հաճախորդի կողմից կլիկելը երբեք չէր բացահայտում դա։

Շտկող հրահանգը.

Ստուգիր յուրաքանչյուր սերվերային երթուղի, որը վերադարձնում է նախագծեր, ֆայլեր, մեկնաբանություններ կամ հաշիվներ։ Յուրաքանչյուրը պետք է հաստատի, որ մուտք գործած հաճախորդն է այդ գրառման տերը, և հակառակ դեպքում վերադարձնի «չի գտնվել»։ Հետո փորձարկիր. մուտք գործիր որպես հաճախորդ A և փորձիր բացել հաճախորդ B-ի նախագիծը ID-ով։

Դաս. էկրանին բան թաքցնելը նույնը չէ, ինչ պաշտպանելը։ Ավելին այս մասին՝ արդյո՞ք vibe coding-ն անվտանգ է։

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

Ով է կառուցում. հիմնադիրներ, որոնք փորձարկում են գաղափար նախքան կառուցելը։

Առաջին հրահանգը.

Կառուցիր վայրէջքի էջ հավելվածի համար, որը օգնում է դասատուներին պլանավորել դասեր և հավաքել վճարումներ։ Գլխավոր վերնագիր, ենթավերնագիր, էլ. փոստով գրանցում, երեք առավելություն, ինչպես է աշխատում բաժինը և հաճախակի հարցեր։ Պահիր գրանցումները տվյալների բազայում ամսաթվով և թույլ տուր ներբեռնել CSV-ով մասնավոր էջից։

Ինչ սխալվեց. օրերի ընթացքում ցուցակը լցվեց աղբային գրանցումներով բոտերից, իսկ էջը չուներ վերնագիր կամ նկարագրություն, ուստի կիսված հղումները ցույց էին տալիս դատարկ նախադիտում։

Շտկող հրահանգը.

Ավելացրու հիմնական բոտերից պաշտպանություն գրանցման ձևին (թաքնված դաշտ և սահմանաչափ՝ 5 գրանցում մեկ IP-ից մեկ ժամում)։ Ավելացրու էջի վերնագիր, meta նկարագրություն և սոցիալական կիսման պատկեր։

Դաս. հանրային ձևը գտնվում է։ Տե՛ս ինչպես կառուցել ցուցակի էջ։

7. Քվիզի ծրագիր ուսուցչի համար

Ով է կառուցում. ուսուցիչներ և մարզիչներ, որոնք ուզում են ավելի թեթև բան, քան LMS։

Առաջին հրահանգը.

Կառուցիր քվիզի ծրագիր իմ դասարանի համար։ Ես ստեղծում եմ քվիզներ՝ բազմընտրանքային հարցերով, յուրաքանչյուրն ունի մեկ ճիշտ պատասխան։ Ուսանողները միանում են կոդով և իրենց անունով, պատասխանում են հարցերին և վերջում տեսնում են իրենց միավորը։ Ես տեսնում եմ արդյունքների աղյուսակը յուրաքանչյուր քվիզի համար։

Ինչ սխալվեց. ճիշտ պատասխանները ուղարկվում էին բրաուզեր հարցերի հետ միասին, ուստի հետաքրքրասեր ուսանողը կարող էր կարդալ դրանք էջի աղբյուրում։ Ուսանողները նաև կարող էին նորից ուղարկել մինչև ստանալ 100%։

Շտկող հրահանգը.

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

Դաս. բրաուզերը օգտատիրոջն է պատկանում. այնտեղ եղած ամեն ինչ կարող է կարդացվել։

8. Փոքր AI գործիք

Ով է կառուցում. մարքեթոլոգներ, գրողներ և հիմնադիրներ, որոնք ուզում են կենտրոնացված AI օգնական։

Առաջին հրահանգը.

Կառուցիր գործիք, որը արտադրանքի նկարագրությունը վերածում է հինգ սոցիալական մեդիա գրառումների տարբեր երանգներով (ընկերական, փորձագիտական, խաղային, կարճ, երկար)։ Օգտագործիր AI API։ Ես տեղադրում եմ նկարագրությունը, ընտրում եմ հարթակը և ստանում եմ գրառումները պատճենման կոճակներով։

Ինչ սխալվեց. առաջին տարբերակը AI ծառայությանը կանչում էր անմիջապես բրաուզերից՝ API բանալին էջի ներսում, որտեղ ցանկացած մեկը կարող էր պատճենել այն և գործարկել ծախսը։

Շտկող հրահանգը.

Տեղափոխիր AI կանչը սերվեր։ Պահիր API բանալին որպես գաղտնիք, երբեք ֆրոնտենդ կոդում։ Սահմանիր յուրաքանչյուր այցելուի համար օրական 20 գեներացիա։

Դաս. բանալիները պետք է լինեն սերվերի գաղտնիքների մեջ։ Տե՛ս ինչպես պահել API բանալիները անվտանգ և ինչպես ավելացնել AI գործառույթներ ձեր ծրագրին։

9. Արաբերեն և անգլերեն բիզնես կայք

Ով է կառուցում. Գոլֆի երկրների և ավելի լայն արաբական աշխարհի բիզնեսներ, որոնք սպասարկում են երկու լեզվով։

Առաջին հրահանգը.

Կառուցիր կայք իմ ինտերիեր դիզայնի ընկերության համար արաբերենով և անգլերենով, լեզվի փոխանջատիչով։ Էջեր՝ գլխավոր, ծառայություններ, պորտֆոլիո, մեր մասին և կոնտակտներ։ Արաբերենը պետք է լինի լրիվ աջից-ձախ։

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

Շտկող հրահանգը.

Արաբերենի համար հայելապատկիր ամբողջ դասավորությունը. սահմանիր էջի ուղղությունը աջից-ձախ, դիր մենյուն աջ կողմում, շրջիր ուղղորդող պատկերակները և պահիր հեռախոսահամարներն ու էլ. փոստը ձախից-աջ արաբերեն տեքստի ներսում։

Դաս. աջից-ձախ ուղղությունը դասավորություն է, ոչ միայն հավասարեցում. Mythex-ը աջակցում է արաբերենին և այլ աջից-ձախ դասավորությունների, և կարող եք հրահանգել ուղղակի արաբերենով։

10. Հետևող, որը դառնում է հեռախոսային ծրագիր

Ով է կառուցում. մարզիչներ, մարզասրահներ և համայնքային խմբեր, որոնց օգտատերերը ապրում են իրենց հեռախոսներում։

Առաջին հրահանգը.

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

Ինչ սխալվեց. web ծրագիրը աշխատում էր, բայց հեռախոսների վրա կոճակները չափազանց փոքր էին մարզման ընթացքում հպելու համար, իսկ գծապատկերը անընթեռնելի էր։

Շտկող հրահանգը.

Նախագծիր սա մեկ ձեռքով օգտագործելու համար հեռախոսի վրա. մեծ հպման թիրախներ էկրանի ներքևում, մեկ վարժություն մեկ էկրանի վրա՝ մեծ Next և Done կոճակներով, և պարզ շաբաթական առաջընթացի գծապատկեր։

Դաս. եթե մարդիկ կօգտագործեն հեռախոսի վրա, նախագծեք նախ հեռախոսի համար։ Mythex Pro-ում հրապարակված ծրագիրը կարող է այնուհետև դառնալ Android ծրագիր Google Play-ի և iPhone ծրագիր TestFlight-ի համար. հեռախոսային ծրագիրը բացում է ձեր հրապարակված ծրագիրը, ուստի յուրաքանչյուր Publish թարմացնում է այն։ Տե՛ս բջջային ծրագրի կառուցող էջը։

Այս օրինակների հիմքում ընկած օրինաչափությունները

Տասնի վրա ձգվող սխալները խմբավորվում են մի քանի խմբերի.

Ոչ մեկը չի պահանջում կոդ կարդալ։ Դրանք պահանջում են փորձարկել այնպես, ինչպես հետաքրքրասեր, մի փոքր թշնամական օգտատերը, և ճշգրիտ նկարագրել այն, ինչ տեսնում եք։

Փորձեք մեկը ինքներդ

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

Հարցեր