Navega per centenars d'habilitats ja fetes per a Claude, Cursor i més.
Què és el Vibe Coding? La resposta de 50 paraules
El vibe coding consisteix a construir programari descrivint el que vols en llenguatge planer a una IA com Claude o Cursor, en lloc d'escriure codi línia per línia. Andrej Karpathy va encunyar el terme el febrer de 2025. A finals d'aquell any, el Collins Dictionary el va convertir en la Paraula de l'Any. L'output és una aplicació real, un joc o una escena interactiva que funciona.
Per als creadors no tècnics, el vibe coding et porta al 80% del camí cap a un producte acabat. El 20% restant (dissenyos provats en batalla, els patrons que realment converteixen, l'esquelet de les habilitats d'IA) és exactament el que Vibe Skills empaqueta perquè no comencis cada projecte des d'una finestra en blanc.
Navega per centenars d'habilitats ja fetes per a Claude, Cursor i més.
D'on prové el terme (i per què es va quedar)
Andrej Karpathy va publicar el terme a X el 2 de febrer de 2025. Va descriure una manera de treballar amb eines de codificació d'IA on "et rendeixes completament a les vibracions, abracis els exponencials i oblidis que el codi existeix". Al cap d'un mes, Merriam-Webster el va etiquetar com a expressió de argot i tendència. Al desembre de 2025 ja era la Paraula de l'Any del Collins English Dictionary.
El motiu pel qual va triomfar en 12 mesos:
- Els assistents de codificació d'IA van millorar dràsticament a finals de 2024 i principis de 2025.
- Eines com Cursor, Lovable, Bolt i Claude Code van deixar de ser autocompletes i es van convertir en "descriu una funció, obtén una funció".
- Els no desenvolupadors (dissenyadors, fundadors, màrqueters) van començar a lliurar aplicacions reals sense haver obert mai un tutorial de sintaxi.
La vibració en el vibe coding és la intenció. Descrius la sensació del que vols. La IA s'encarrega de la sintaxi. Llegeixes el resultat, reaccionas i demanes el canvi següent en anglès planer.
Navega per centenars d'habilitats ja fetes per a Claude, Cursor i més.
Com funciona realment el Vibe Coding (en 4 passos)
El vibe coding és una conversa, no una sessió de codificació. El bucle és el mateix tant si estàs construint una pàgina de destinació, un joc de navegador o un visualitzador de productes en 3D. Aquest és el flux típic que utilitzen els creadors el 2026:
Pas 1: Descriu el resultat
Obre Cursor, Claude Code, Lovable o Bolt. Escriu el que vols en llenguatge planer. Exemple: "Construeix-me un lloc web d'una sola pàgina per a un podcast anomenat Quiet Hours, tema fosc, titular serif gran, un reproductor d'àudio incrustat i un formulari de subscripció que recull correus electrònics."
Pas 2: Deixa que la IA generi la v1
La IA escriu tot el projecte (HTML, CSS, JavaScript, de vegades un backend) i el fa funcionar. Veus una previsualització en directe en qüestió de segons. Sense configuració. Sense instal·lacions de paquets. Sense "obre la terminal".
Pas 3: Reacciona en llenguatge planer
No obres el fitxer de codi. Dius coses com: "fes el titular el doble de gran", "canvia el tema fosc per crema i taronja", "afegeix una secció que llisti els episodis anteriors". La IA llegeix el seu propi codi, edita el lloc correcte i torna a desplegar la previsualització.
Pas 4: Lliura
Fes clic a desplegar. L'eina posa el projecte en una URL en directe. Algunes eines (Lovable, Bolt) connecten un domini personalitzat amb un clic. Altres (Cursor, Claude Code) envien a Vercel o Netlify.
El canvi clau: deixes de pensar com un programador ("en quin fitxer va això?") i comences a pensar com un director ("l'heroi hauria de sentir-se més tranquil").
Per a qui és realment el Vibe Coding (Pista: no només per a desenvolupadors)
El vibe coding està construït primer per a creadors no tècnics. L'enfocament original era Karpathy parlant amb enginyers, però el públic que va explotar la tendència el 2026 és el contrari. Avui dia, el vibe coder típic és una d'aquestes persones:
- Fundadors sense un CTO que construeixen pàgines de destinació MVP, aplicacions de demostració i prototips de dia de presentació durant la nit.
- Dissenyadors que converteixen els seus fitxers Figma en llocs interactius en directe sense haver-los de passar a un desenvolupador.
- Màrqueters que construeixen micro-eines (calculadores, qüestionaris, estimadors de ROI) com a imants de leads en una tarda.
- Creadors de contingut que lliuren jocs de navegador, demostracions interactives i projectes secundaris estranys que es tornen virals.
- Creadors de SaaS en solitari que passen de zero a 10.000 dòlars d'ingressos recurrents mensuals fent la primera versió d'un producte amb vibe.
Els punts de prova són forts. Pieter Levels va lliurar un joc de navegador multijugador utilitzant Cursor i Grok 3 que va assolir 1 milió de dòlars d'ingressos anuals en 17 dies. Lovable, una plataforma de vibe coding llançada el 2024, va assolir 100 milions de dòlars d'ingressos recurrents anuals en 8 mesos. Anthropic va construir Claude Cowork (una aplicació d'escriptori) en 10 dies utilitzant el seu propi Claude Code.
El patró és clar: les persones que triomfen en el vibe coding no són necessàriament els millors codificadors. Són els millors descrivint el que volen.
Què lliuren realment les persones amb Vibe Coding
No totes les sortides són una aplicació SaaS. La majoria dels projectes codificats amb vibe cauen en 3 categories visuals, totes les quals es corresponen amb categories d'habilitats existents a Vibe Skills:
| Tipus de sortida | Aspecte | Categoria de Vibe Skills |
|---|---|---|
| Pàgines de destinació, microsites, dashboards | Pàgines de màrqueting, aplicacions d'imant de leads, portafolis de fundadors, eines gratuïtes | /category/web-ui |
| Jocs de navegador i demos jugables | Jocs arcade Three.js, experiments multijugador, minijocs de marca | /category/3d-games |
| Escenes 3D interactives i visualitzadors de productes | Configuradors, herois 3D, presentacions de productes, escenes impulsades per desplaçament | /category/interactive-3d |
Cada categoria de Vibe Skills té més de 30 habilitats llestes dissenyades per a la sortida exacta que intentes lliurar. No comences des d'una finestra de xat buida. Instal·les una habilitat que ja sap com es veu bé per al format.
Explora la categoria de Disseny Web i UI a Vibe Skills →
On el Vibe Coding arriba a un mur (i on les habilitats d'IA ajuden)
El vibe coding pur et porta al 80% del camí. El 20% restant és on la majoria dels creadors no tècnics s'estancreixen, i també és on la majoria dels projectes s'abandonen. Aquests són els veritables modes de fallada:
- Paràlisi de la finestra en blanc. Obres Cursor o Lovable i escrius alguna cosa. La IA lliura la v1. Funciona. Però sembla genèric, la disposició és incorrecta i no saps com demanar el correcte.
- Manca de referència de gust. La IA no coneix la teva marca, el teu públic ni què significa "bo" en la teva categoria. Així que fa una mitjana i et dóna la versió insípida.
- Deute d'iteració. Cada nou projecte comença des de zero. Torneu a descriure els mateixos patrons (tema fosc, titular serif gran, navegació fixa, CTA animat) una i altra vegada.
- Brecha de poliment. La primera versió és funcional. La versió lliurada necessita correccions d'espaiat, accessibilitat, regles mòbils i una passada de disseny final que no saps com demanar.
Aquesta és la bretxa que tanquen les habilitats d'IA. Una habilitat és un flux de treball empaquetat que ja coneix els patrons per a una sortida específica. Instal·les una habilitat "Pàgina de Destinació SaaS" a Vibe Skills, i la IA comença el projecte amb l'estructura de capçalera correcta, la col·locació correcta del CTA, els punts de ruptura mòbils correctes i el ritme visual correcte. Vibe codes des d'un punt de partida sòlid en lloc de des de zero.
El resultat: en lloc de lluitar amb la IA durant 6 hores per obtenir una pàgina de destinació que converteixi, en lliures una en 30 minuts que ja converteix.
Vibe Coding vs. Habilitats d'IA: On es situen
El vibe coding és un mètode. Les habilitats d'IA són les plantilles que fan que el mètode es lliuri més ràpid. Aquí teniu la comparació honesta:
| Dimensió | Vibe coding pur | Vibe coding + habilitats d'IA |
|---|---|---|
| Punt de partida | Finestra de xat buida | Flux de treball pre-construït amb estructura incorporada |
| Temps fins a la primera v1 utilitzable | 30 - 90 minuts | 5 - 15 minuts |
| Gust visual | El que la IA demana per defecte | Curat per dissenyadors per a la categoria |
| Poliment mòbil i d'accessibilitat | Descobreixes buits després del llançament | Ja gestionats a l'habilitat |
| Reutilització de patrons entre projectes | Redescripció cada vegada | Instal·lar una vegada, reutilitzar per sempre |
| Cost per projecte | 0 dòlars en eines, hores del teu temps | Subscripció fixa, minuts del teu temps |
| Qualitat de la sortida a v1 | "Funciona" | "Es lliura" |
El vibe coding és el verb. Les habilitats d'IA són el llibre de receptes. Pots fer vibe coding sense habilitats. Simplement dediques més hores i lliures un resultat menys polidet.
5 passos per començar amb el Vibe Coding aquesta setmana
El vibe coding té la corba d'aprenentatge més baixa de qualsevol habilitat de creador el 2026. Pots lliurar un projecte real i en directe aquest cap de setmana si segueixes aquest bucle:
- Trieu la habilitat d'IA adequada a Vibe Skills. Navega per Disseny Web i UI, Jocs 3D o 3D Interactiu segons el que vulguis lliurar. Instal·la l'habilitat que coincideixi amb la teva sortida.
- Trieu una eina de vibe coding. Per a configuració zero, trieu Lovable o Bolt. Per a més control, trieu Cursor o Claude Code. Els quatre funcionen amb l'habilitat que heu instal·lat.
- Descriu el resultat en 2-3 frases. Quin és el projecte? Per a qui és? Quina és l'única acció que hauria de realitzar un visitant? L'habilitat omple els valors predeterminats estructurals; la teva descripció omple els detalls.
- Itera en llenguatge planer. No obris fitxers de codi. Reacciona al que veus ("fes que la capçalera se senti més tranquil·la", "canvia la segona secció per testimonis", "afegeix un CTA fix en mòbil") i deixa que la IA faci el cablejat.
- Lliura i mesura. Desplega a una URL real el mateix dia. Envia-ho a 5 persones. Observa què fan. El bucle de vibe coding és prou ràpid perquè hagis de lliurar la v1 en 24 hores des de l'inici.
Els creadors que guanyen amb el vibe coding no són els que tenen les millors instruccions. Són els que lliuren més v1s.
Comença amb una habilitat de Web i UI a Vibe Skills →
Preguntes Freqüents
Necessito saber codificar per començar amb el vibe coding?
No. El vibe coding està construït perquè els creadors no tècnics puguin lliurar aplicacions, jocs i llocs funcionals sense llegir ni escriure codi. Descrius el resultat en llenguatge planer, la IA genera el codi i tu iteres reaccionant al que veus. Eines com Lovable i Bolt no requereixen cap configuració; només escriu. Per a punts de partida llestos, instal·la una habilitat de vibeaiskills.com.
El vibe coding és el mateix que el no-code?
No exactament. El no-code utilitza constructors visuals amb blocs d'arrossegar i deixar anar. El vibe coding utilitza IA per escriure codi real basat en la teva descripció. La diferència és important: el no-code et bloqueja a la plataforma, mentre que els projectes codificats amb vibe són bases de codi reals que tens i pots allotjar a qualsevol lloc. Tots dos permeten als creadors no tècnics lliurar; el vibe coding ofereix més flexibilitat un cop superis els aspectes bàsics.
Realment puc lliurar una aplicació real de pagament d'aquesta manera?
Sí. Pieter Levels va lliurar un joc de navegador multijugador construït amb Cursor i Grok 3 que va assolir 1 milió de dòlars d'ingressos anuals en 17 dies. Lovable va passar de zero a 100 milions de dòlars d'ingressos recurrents anuals en 8 mesos. Anthropic va construir Claude Cowork en 10 dies. El patró: trieu l'eina adequada, instal·leu la habilitat d'IA adequada a Vibe Skills, lliureu la v1 en un dia, itereu basant-vos en usuaris reals.
Quines eines necessito per començar?
Necessites una eina de codificació d'IA i una habilitat d'IA. Per als no desenvolupadors, Lovable o Bolt són els punts d'entrada més fàcils (basats en navegador, zero configuració). Per a un major control, Cursor i Claude Code són els estàndards. Emparella l'eina amb una habilitat de Vibe Skills per al format que lliures (pàgina de destinació, joc, escena 3D). Aquesta és tota la pila.
Quina és la diferència entre el vibe coding i l'ús de ChatGPT per escriure codi?
ChatGPT et dóna fragments de codi en una finestra de xat. Els copies, descobreixes on van, corregeixes les importacions, executes el projecte, depures i repeteixes. Les eines de vibe coding (Cursor, Lovable, Claude Code) són entorns integrats. La IA veu tot el teu projecte, edita fitxers directament, executa el codi per a tu i mostra el resultat a l'instant. La diferència són hores per iteració contra minuts.
Els projectes codificats amb vibe es trencaran en producció?
Poden, i aquest és el compromís honest. Els projectes codificats amb vibe purs sovint ometen el maneig d'errors, l'accessibilitat i els detalls de seguretat que un desenvolupador sènior capturaria. Les habilitats d'IA ajuden incorporant aquests patrons des del principi: una habilitat de pàgina de destinació a Vibe Skills es lliura amb punts de ruptura mòbils, HTML semàntic i validació de formulari ja connectada. Per a aplicacions de producció reals amb usuaris, combina el vibe coding amb una habilitat d'IA i una revisió final.
El vibe coding reemplaçarà els desenvolupadors?
Per a sistemes complexos (grans backends SaaS, infraestructura, treballs crítics per a la seguretat), no. Per al 80% dels projectes que són pàgines de destinació, eines internes, prototips, microsites de màrqueting i projectes secundaris de creadors, el vibe coding ja ha canviat qui els construeix. Dissenyadors, fundadors i màrqueters ara lliuren aquests projectes ells mateixos en lloc de contractar o esperar una cua de desenvolupadors. Aquesta quota creix cada trimestre.
Preparat per lliurar el teu primer projecte codificat amb vibe?
El vibe coding és la manera més ràpida perquè els creadors no tècnics lliurin un producte web real i funcional el 2026. El problema és que la versió de finestra en blanc encara triga hores i produeix resultats genèrics. Les habilitats d'IA ho solucionen: n'instal·leu una, feu vibe coding des d'un punt de partida sòlid, lliureu una v1 polida en 30 minuts.
Explora les habilitats de vibe coding a vibeaiskills.com →
Deixa de mirar la finestra en blanc. Instal·la una habilitat de Vibe Skills i fes vibe coding del teu primer projecte lliurat aquest cap de setmana.