ਵਾਈਬ ਕੋਡਿੰਗ (Vibe Coding) ਸ਼ੁਰੂਆਤ ਕਰਨ ਵਾਲਿਆਂ ਲਈ: ਮੈਂ ਇੱਕ ਫੋਟੋ ਬੂਥ ਵੈੱਬ ਐਪ ਕਿਵੇਂ ਬਣਾਈ
ਮੈਂ ਇੱਕ ਲੇਖਕ ਹਾਂ, ਕੋਡਰ ਨਹੀਂ। ਮੇਰੀ ਤਕਨੀਕੀ ਮੁਹਾਰਤ 1999 ਵਿੱਚ ਬੇਸਿਕ HTML ਤੱਕ ਹੀ ਸੀ।
ਪਿਛਲੇ ਹਫ਼ਤੇ, ਮੈਂ ਆਪਣਾ ਪਹਿਲਾ ਅਸਲੀ ਟੂਲ ਬਣਾਇਆ। ਮੈਂ MLH ਲਈ ਇੱਕ ਕੰਮ ਕਰਨ ਵਾਲੀ ਫੋਟੋ ਬੂਥ ਵੈੱਬ ਐਪ ਨੂੰ "vibe code" ਕਰਨ ਲਈ Claude ਦੀ ਵਰਤੋਂ ਕੀਤੀ।
ਇੱਥੇ ਦੱਸਿਆ ਗਿਆ ਹੈ ਕਿ ਕਿਵੇਂ ਇੱਕ ਗੈਰ-ਕੋਡਰ ਨੇ ਲਾਈਵ ਇਵੈਂਟਸ ਲਈ ਇੱਕ ਕਾਰਜਸ਼ੀਲ ਐਪ ਬਣਾਈ।
ਸਮੱਸਿਆ MLH ਕਈ ਇਵੈਂਟਸ ਕਰਵਾਉਂਦਾ ਹੈ। ਸਾਨੂੰ ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ-ਅਧਾਰਤ ਫੋਟੋ ਬੂਥ ਦੀ ਲੋੜ ਸੀ।
- ਸ਼ਮੇਲ ਹੋਣ ਵਾਲੇ ਆਪਣੇ ਫ਼ੋਨਾਂ 'ਤੇ ਇੱਕ ਲਿੰਕ ਖੋਲ੍ਹਦੇ ਹਨ।
- ਉਹ ਇੱਕ ਸੈਲਫੀ ਖਿੱਚਦੇ ਹਨ ਜਾਂ ਫੋਟੋ ਅਪਲੋਡ ਕਰਦੇ ਹਨ।
- ਉਹ ਇੱਕ ਬ੍ਰਾਂਡਡ ਫਰੇਮ ਜੋੜਦੇ ਹਨ।
- ਉਹ ਫੋਟੋ ਨੂੰ ਆਪਣੇ ਕੈਮਰਾ ਰੋਲ ਵਿੱਚ ਸੇਵ ਕਰਦੇ ਹਨ।
- ਕੋਈ ਖਾਤਾ ਨਹੀਂ। ਕੋਈ ਐਪ ਸਟੋਰ ਨਹੀਂ। ਸਿਰਫ਼ ਇੱਕ ਲਿੰਕ।
ਤਕਨੀਕੀ ਰਣਨੀਤੀ ਮੈਂ ਇੱਕ ਗੁੰਝਲਦਾਰ ਫਰੇਮਵਰਕ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਚਾਹੁੰਦਾ ਸੀ। Claude ਨੇ ਮੈਨੂੰ ਅਜਿਹਾ ਕਰਨ ਤੋਂ ਰੋਕ ਦਿੱਤਾ।
ਲਾਈਵ ਇਵੈਂਟਸ ਲਈ, ਜਿੰਨੇ ਘੱਟ ਹਿੱਸੇ ਹੋਣਗੇ ਉਨਾ ਹੀ ਚੰਗਾ ਹੈ। ਮੈਂ ਪੂਰਾ ਟੂਲ ਇੱਕ ਸਿੰਗਲ index.html ਫਾਈਲ ਵਿੱਚ ਬਣਾਇਆ। ਇਹ HTML, CSS, ਅਤੇ JavaScript ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ। ਇਸ ਵਿੱਚ ਕੋਈ ਗੁੰਝਲਦਾਰ ਬਿਲਡ ਸਟੈਪ ਨਹੀਂ ਹੈ। ਇਹ GitHub Pages 'ਤੇ ਮੁਫ਼ਤ ਵਿੱਚ ਰਹਿੰਦਾ ਹੈ।
ਪ੍ਰਾਈਵੇਸੀ ਬੋਨਸ ਮੈਂ ਫੋਟੋ ਅਤੇ ਫਰੇਮ ਨੂੰ ਜੋੜਨ ਲਈ ਇੱਕ HTML canvas ਦੀ ਵਰਤੋਂ ਕੀਤੀ। ਸਾਰੀ ਪ੍ਰੋਸੈਸਿੰਗ ਯੂਜ਼ਰ ਦੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਹੁੰਦੀ ਹੈ। ਫੋਟੋ ਕਦੇ ਵੀ ਸਰਵਰ 'ਤੇ ਅਪਲੋਡ ਨਹੀਂ ਹੁੰਦੀ। ਇਹ ਸ਼ਮੇਲ ਹੋਣ ਵਾਲਿਆਂ ਲਈ ਇਸਨੂੰ ਨਿੱਜੀ ਅਤੇ ਸੁਰੱਖਿਅਤ ਬਣਾਉਂਦਾ ਹੈ।
ਬੈਕਐਂਡ ਜਾਦੂ ਇੱਕ ਸਟੈਟਿਕ ਸਾਈਟ ਦਾ ਅਜੇ ਵੀ ਬੈਕਐਂਡ ਹੋ ਸਕਦਾ ਹੈ। ਮੈਂ ਸਟੋਰੇਜ ਲਈ Supabase ਦੀ ਵਰਤੋਂ ਕੀਤੀ।
- ਆਯੋਜਕ Supabase bucket ਵਿੱਚ ਫਰੇਮ ਅਪਲੋਡ ਕਰਦੇ ਹਨ।
- ਸ਼ਮੇਲ ਹੋਣ ਵਾਲੇ ਸਾਈਟ ਰਾਹੀਂ ਉਹਨਾਂ ਫਰੇਮਾਂ ਨੂੰ ਦੇਖਦੇ ਹਨ।
- ਸੁਰੱਖਿਆ ਡਾਟਾਬੇਸ ਪਾਲਿਸੀਆਂ ਵਿੱਚ ਹੁੰਦੀ ਹੈ, ਨਾ ਕਿ ਲੁਕਵੇਂ ਪਾਸਵਰਡਾਂ ਵਿੱਚ।
ਸ਼ੁਰੂਆਤ ਕਰਨ ਵਾਲਿਆਂ ਲਈ ਮੁਸ਼ਕਲਾਂ Vibe coding ਆਰਕੀਟੈਕਚਰ ਵਿੱਚ ਮਦਦ ਕਰਦੀ ਹੈ, ਪਰ ਤੁਹਾਨੂੰ ਕਾਰਜਸ਼ੀਲ ਵੇਰਵਿਆਂ 'ਤੇ ਨਜ਼ਰ ਰੱਖਣੀ ਚਾਹੀਦੀ ਹੈ:
- ਡਾਟਾਬੇਸ ਸੌਂ ਜਾਂਦੇ ਹਨ। ਮੈਂ ਇਵੈਂਟ ਤੋਂ ਇੱਕ ਦਿਨ ਪਹਿਲਾਂ ਆਪਣੇ Supabase ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਜਗਾਉਣਾ ਸਿੱਖਿਆ।
- ਇਮੇਜ ਸੁਰੱਖਿਆ। ਮੈਨੂੰ ਕੈਨਵਸ (canvas) ਨੂੰ ਰਿਮੋਟ ਇਮੇਜਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦੇਣ ਲਈ ਕੋਡ ਦੀ ਇੱਕ ਖਾਸ ਲਾਈਨ ਜੋੜਨੀ ਪਈ।
- ਯੂਜ਼ਰ ਐਕਸਪੀਰੀਅੰਸ। ਫ਼ੋਨਾਂ 'ਤੇ, "ਡਾਊਨਲੋਡ" ਲੱਭਣਾ ਮੁਸ਼ਕਲ ਹੁੰਦਾ ਹੈ। ਮੈਂ ਕੋਡ ਨੂੰ ਬਦਲ ਕੇ ਨੇਟਿਵ ਮੋਬਾਈਲ ਸ਼ੇਅਰ ਸ਼ੀਟ (share sheet) ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਬਣਾਇਆ। ਇਹ ਫੋਟੋ ਨੂੰ ਸਿੱਧਾ ਕੈਮਰਾ ਰੋਲ ਵਿੱਚ ਭੇਜ ਦਿੰਦਾ ਹੈ।
ਤੁਹਾਡੇ ਲਈ ਮੇਰੇ ਸਬਕ
- ਇੱਕ ਅਜਿਹਾ ਪ੍ਰੋਜੈਕਟ ਚੁਣੋ ਜਿਸਦੀਆਂ ਸੀਮਾਵਾਂ ਸਪੱਸ਼ਟ ਹੋਣ। ਇੱਕ ਫੋਟੋ ਬੂਥ ਇੱਕ ਫਿਨਿਸ਼ ਲਾਈਨ ਹੈ। ਇੱਕ ਸੋਸ਼ਲ ਐਪ ਨਹੀਂ ਹੈ।
- AI ਨੂੰ "ਕਿਉਂ" ਪੁੱਛੋ। ਤਰਕ ਕੋਡ ਨਾਲੋਂ ਜ਼ਿਆਦਾ ਮਹੱਤਵਪੂਰਨ ਹੈ।
- ਡਿਫਸ (diffs) ਪੜ੍ਹੋ। AI ਨੂੰ ਆਪਣੀ ਸਮੀਖਿਆ ਤੋਂ ਬਿਨਾਂ ਆਪਣੀ ਸਾਈਟ ਬਦਲਣ ਨਾ ਦਿਓ।
- ਫੈਸਲਿਆਂ ਦੀ ਜ਼ਿੰਮੇਵਾਰੀ ਲਓ। AI ਸਿੰਟੈਕਸ (syntax) ਨੂੰ ਸੰਭਾਲਦਾ ਹੈ, ਪਰ ਤੁਸੀਂ ਸੀਮਾਵਾਂ (constraints) ਨੂੰ ਸੰਭਾਲਦੇ ਹੋ।
Vibe coding ਕੰਮ ਤੋਂ ਬਚਣ ਬਾਰੇ ਨਹੀਂ ਹੈ। ਇਹ ਸਹੀ ਸਮੱਸਿਆਵਾਂ 'ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ ਕਰਨ ਬਾਰੇ ਹੈ।
ਸ਼ੁਰੂਆਤ ਕਰਨ ਵਾਲਿਆਂ ਲਈ ਵਾਈਬ ਕੋਡਿੰਗ (Vibe Coding): ਮੈਂ Claude ਦੀ ਮਦਦ ਨਾਲ ਇੱਕ ਕੰਮ ਕਰਦਾ ਫੋਟੋ ਬੂਥ ਵੈੱਬ ਐਪ ਕਿਵੇਂ ਬਣਾਇਆ
ਅੱਜਕੱਲ੍ਹ, ਇੱਕ ਨਵੇਂ ਸ਼ਬਦ 'vibe coding' ਬਾਰੇ ਬਹੁਤ ਚਰਚਾ ਹੋ ਰਹੀ ਹੈ। ਜੇਕਰ ਤੁਸੀਂ ਇਸ ਬਾਰੇ ਨਹੀਂ ਸੁਣਿਆ ਹੈ, ਤਾਂ ਚਿੰਤਾ ਨਾ ਕਰੋ। ਇਹ ਕੋਈ ਨਵੀਂ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾ ਜਾਂ ਕੋਈ ਗੁੰਝਲਦਾਰ ਫਰੇਮਵਰਕ ਨਹੀਂ ਹੈ। ਇਹ ਕੰਮ ਕਰਨ ਦਾ ਇੱਕ ਤਰੀਕਾ ਹੈ।
ਮੈਂ ਹਾਲ ਹੀ ਵਿੱਚ ਇੱਕ ਪ੍ਰਯੋਗ ਕੀਤਾ: ਇੱਕ ਕੰਮ ਕਰਦਾ ਫੋਟੋ ਬੂਥ ਵੈੱਬ ਐਪ ਬਣਾਉਣਾ, ਅਤੇ ਮੈਂ ਇਸ ਲਈ ਸਿਰਫ਼ Claude (ਇੱਕ AI ਮਾਡਲ) ਦੀ ਵਰਤੋਂ ਕੀਤੀ। ਮੈਂ ਕੋਈ ਵੀ ਲਾਈਨ ਕੋਡ ਖੁਦ ਨਹੀਂ ਲਿਖੀ। ਮੈਂ ਸਿਰਫ਼ "ਵਾਈਬ" ਦਿੱਤੀ।
ਵਾਈਬ ਕੋਡਿੰਗ ਕੀ ਹੈ?
ਵਾਈਬ ਕੋਡਿੰਗ ਉਦੋਂ ਹੁੰਦੀ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਕਿਸੇ ਖਾਸ ਭਾਸ਼ਾ ਦੇ ਸਿੰਟੈਕਸ (syntax) ਵਿੱਚ ਉਲਝਣ ਦੀ ਬਜਾਏ, ਜੋ ਤੁਸੀਂ ਬਣਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ ਉਸਦੀ 'vibe'—ਭਾਵ ਅਰਥ, ਦਿੱਖ ਅਤੇ ਅਹਿਸਾਸ—ਤੇ ਜ਼ਿਆਦਾ ਧਿਆਨ ਕੇਂਦਰਿਤ ਕਰਦੇ ਹੋ। ਤੁਸੀਂ ਅਸਲ ਕੋਡ ਲਿਖਣ ਦਾ ਭਾਰੀ ਕੰਮ ਕਰਨ ਲਈ Claude ਜਾਂ ChatGPT ਵਰਗੇ AI ਟੂਲਸ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ, ਜਦੋਂ ਕਿ ਤੁਸੀਂ ਇੱਕ ਡਾਇਰੈਕਟਰ ਵਜੋਂ ਕੰਮ ਕਰਦੇ ਹੋ, ਪ੍ਰੋਂਪਟਸ (prompts) ਰਾਹੀਂ AI ਦਾ ਮਾਰਗਦਰਸ਼ਨ ਕਰਦੇ ਹੋ।
ਇਹ ਕੋਡਿੰਗ ਤੋਂ ਵੱਧ "ਉਤਪਾਦਨ" (product creation) ਬਾਰੇ ਹੈ।
ਪ੍ਰੋਜੈਕਟ: ਇੱਕ ਫੋਟੋ ਬੂਥ ਵੈੱਬ ਐਪ
ਮੇਰਾ ਟੀਚਾ ਇੱਕ ਅਜਿਹੀ ਵੈੱਬ ਐਪ ਬਣਾਉਣਾ ਸੀ ਜਿੱਥੇ:
- ਉਪਭੋਗਤਾ ਆਪਣੇ ਕੈਮਰੇ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਣ।
- ਉਹ ਇੱਕ ਫੋਟੋ ਖਿੱਚ ਸਕਣ।
- ਉਹ ਫੋਟੋ 'ਤੇ ਕੁਝ ਮਜ਼ੇਦਾਰ ਫਿਲਟਰ ਲਗਾ ਸਕਣ।
- ਉਹ ਫੋਟੋ ਨੂੰ ਡਾਊਨਲੋਡ ਕਰ ਸਕਣ।
ਮੈਂ ਕੋਈ ਵੀ ਸਥਾਨਕ ਵਾਤਾਵਰਣ (local environment) ਸੈੱਟਅੱਪ ਨਹੀਂ ਕੀਤਾ। ਮੈਂ ਸਿਰਫ਼ ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਖੋਲ੍ਹਿਆ ਅਤੇ Claude ਨਾਲ ਗੱਲ ਕਰਨੀ ਸ਼ੁਰੂ ਕਰ ਦਿੱਤੀ।
ਪ੍ਰਕਿਰਿਆ
ਸਟੈਪ 1: ਸ਼ੁਰੂਆਤੀ ਪ੍ਰੋਂਪਟ
ਮੈਂ ਬਹੁਤ ਹੀ ਸਧਾਰਨ ਪ੍ਰੋਂਪਟ ਨਾਲ ਸ਼ੁਰੂ ਕੀਤਾ:
"HTML, CSS, ਅਤੇ JavaScript ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਮੇਰੇ ਲਈ ਇੱਕ ਸਧਾਰਨ ਫੋਟੋ ਬੂਥ ਵੈੱਬ ਐਪ ਬਣਾਓ। ਮੈਂ ਆਪਣਾ ਕੈਮਰਾ ਫੀਡ ਦੇਖਣਾ ਚਾਹੁੰਦਾ ਹਾਂ, ਫੋਟੋ ਖਿੱਚਣ ਲਈ ਇੱਕ ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰਨਾ ਚਾਹੁੰਦਾ ਹਾਂ, ਅਤੇ ਸਕ੍ਰੀਨ 'ਤੇ ਫੋਟੋ ਦਿਖਾਈ ਦੇਣੀ ਚਾਹੀਦੀ ਹੈ।"
Claude ਨੇ ਮੈਨੂੰ ਤੁਰੰਤ ਕੋਡ ਦਿੱਤਾ। ਮੈਂ ਇਸਨੂੰ ਇੱਕ index.html ਫਾਈਲ ਵਿੱਚ ਕਾਪੀ-ਪੇਸਟ ਕੀਤਾ, ਅਤੇ ਇਹ ਕੰਮ ਕਰ ਰਿਹਾ ਸੀ! ਇਹ ਜਾਦੂ ਵਰਗਾ ਸੀ।
ਸਟੈਪ 2: ਦੁਹਰਾਓ ਅਤੇ ਸੁਧਾਰ (Iteration and Refinement)
ਪਹਿਲਾ ਵਰਜ਼ਨ ਕੰਮ ਕਰ ਰਿਹਾ ਸੀ, ਪਰ ਇਹ ਦੇਖਣ ਵਿੱਚ ਥੋੜ੍ਹਾ ਸਾਧਾਰਨ ਸੀ। ਇੱਥੇ ਹੀ "ਵਾਈਬ" ਕੰਮ ਆਉਂਦੀ ਹੈ। ਮੈਂ ਕੋਡ ਨੂੰ ਠੀਕ ਕਰਨ ਦੀ ਬਜਾਏ, Claude ਨੂੰ ਆਪਣੀ ਇੱਛਾ ਦੱਸੀ:
"ਇਸ ਨੂੰ ਹੋਰ ਆਧੁਨਿਕ ਅਤੇ ਮਜ਼ੇਦਾਰ ਬਣਾਓ। ਕੁਝ ਨਿਓਨ ਰੰਗ (neon colors) ਅਤੇ ਇੱਕ ਵਧੀਆ ਫੌਂਟ ਜੋੜੋ। ਨਾਲ ਹੀ, ਫੋਟੋ ਡਾਊਨਲੋਡ ਕਰਨ ਲਈ ਇੱਕ ਬਟਨ ਵੀ ਜੋੜੋ ਅਤੇ ਇੱਕ 'ਗ੍ਰੇਸਕੇਲ' (grayscale) ਫਿਲਟਰ ਸ਼ਾਮਲ ਕਰੋ।"
ਕੁਝ ਹੀ ਸਕਿੰਟਾਂ ਵਿੱਚ, ਐਪ ਦਾ ਦਿੱਖ ਪੂਰੀ ਤਰ੍ਹਾਂ ਬਦਲ ਗਈ। ਇਹ ਹੁਣ ਇੱਕ ਅਸਲ ਉਤਪਾਦ ਵਾਂਗ ਲੱਗ ਰਿਹਾ ਸੀ।
ਚੁਣੌਤੀਆਂ
ਸਭ ਕੁਝ ਬਹੁਤ ਸੌਖਾ ਨਹੀਂ ਸੀ। ਮੈਨੂੰ ਕੁਝ ਸਮੱਸਿਆਵਾਂ ਆਈਆਂ:
- ਕੈਮਰਾ ਪਰਮਿਸ਼ਨ: ਮੋਬਾਈਲ 'ਤੇ ਕੈਮਰਾ ਚੱਲਣ ਵਿੱਚ ਦਿੱਕਤ ਆ ਰਹੀ ਸੀ।
- ਲੇਆਉਟ ਬੱਗਸ: ਫੋਟੋਆਂ ਕਈ ਵਾਰ ਸਕ੍ਰੀਨ ਤੋਂ ਬਾਹਰ ਜਾ ਰਹੀਆਂ ਸਨ।
ਮੈਂ ਇਹਨਾਂ ਨੂੰ ਹੱਲ ਕਰਨ ਲਈ ਕੋਡ ਨਹੀਂ ਲੱਭਿਆ। ਮੈਂ ਸਿਰਫ਼ ਸਮੱਸਿਆ ਦਾ ਵਰਣਨ ਕੀਤਾ:
"ਮੋਬਾਈਲ ਡਿਵਾਈਸਾਂ 'ਤੇ ਕੈਮਰਾ ਫੀਡ ਦਿਖਾਈ ਨਹੀਂ ਦੇ ਰਹੀ ਅਤੇ ਫੋਟੋਆਂ ਦਾ ਲੇਆਉਟ ਵਿਗੜ ਰਿਹਾ ਹੈ। ਇਸ ਨੂੰ ਕਿਵੇਂ ਠੀਕ ਕਰਾਂ?"
Claude ਨੇ ਮੈਨੂੰ ਨਵਾਂ ਕੋਡ ਦਿੱਤਾ ਜਿਸ ਵਿੱਚ ਮੋਬਾਈਲ-ਫਰੈਂਡਲੀ ਰਿਸਪੌਂਸਿਵ ਡਿਜ਼ਾਈਨ (responsive design) ਸ਼ਾਮਲ ਸੀ।
ਸਿੱਖੇ ਗਏ ਸਬਕ
ਵਾਈਬ ਕੋਡਿੰਗ ਤੋਂ ਮੈਂ ਕੁਝ ਮਹੱਤਵਪੂਰਨ ਗੱਲਾਂ ਸਿੱਖੀਆਂ:
- ਸਮਝ ਜ਼ਰੂਰੀ ਹੈ: ਵਾਈਬ ਕੋਡਿੰਗ ਦਾ ਮਤਲਬ ਇਹ ਨਹੀਂ ਹੈ ਕਿ ਤੁਹਾਨੂੰ ਕੁਝ ਵੀ ਨਹੀਂ ਪਤਾ ਹੋਣਾ ਚਾਹੀਦਾ। ਤੁਹਾਨੂੰ ਇਹ ਸਮਝਣਾ ਪਵੇਗਾ ਕਿ ਕੀ ਸੰਭਵ ਹੈ ਅਤੇ ਇਹ ਪਛਾਣਨਾ ਪਵੇਗਾ ਕਿ ਕਦੋਂ ਕੁਝ ਗਲਤ ਹੋ ਰਿਹਾ ਹੈ।
- ਸਪਸ਼ਟ ਸੰਚਾਰ (Clear Communication): ਜਿੰਨਾ ਵਧੀਆ ਤੁਸੀਂ ਆਪਣੀ "ਵਾਈਬ" ਜਾਂ ਇੱਛਾ ਨੂੰ ਸਮਝਾਓਗੇ, AI ਉਨਾ ਹੀ ਵਧੀਆ ਨਤੀਜਾ ਦੇਵੇਗਾ।
- ਇਹ ਰੁਕਾਵਟਾਂ ਨੂੰ ਘਟਾਉਂਦਾ ਹੈ: ਇਹ ਉਹਨਾਂ ਲੋਕਾਂ ਲਈ ਬਹੁਤ ਸ਼ਕਤੀਸ਼ਾਲੀ ਹੈ ਜਿਨ੍ਹਾਂ ਕੋਲ ਵਧੀਆ ਵਿਚਾਰ ਹਨ ਪਰ ਕੋਡਿੰਗ ਦੇ ਗੁੰਝਲਦਾਰ ਸਿੰਟੈਕਸ ਵਿੱਚ ਮਾਹਰ ਨਹੀਂ ਹਨ।
ਵਾਈਬ ਕੋਡਿੰਗ ਕੋਡਿੰਗ ਦਾ ਅੰਤ ਨਹੀਂ ਹੈ, ਇਹ ਕੋਡਿੰਗ ਦਾ ਇੱਕ ਨਵਾਂ ਅਧਿਆਇ ਹੈ। ਇਹ ਸਾਨੂੰ ਬਣਾਉਣ (building) ਦੀ ਗਤੀ ਨੂੰ ਤੇਜ਼ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ।