Έφτιαξα παιχνίδι κουίζ Spotify από τη θέση του συνοδηγού: Πώς δουλεύει η ανάπτυξη με AI στην πράξη

Υπάρχει ένα παιχνίδι μουσικής, το Hitster, που σαρώνει. Σκανάρεις QR code, παίζει τραγούδι από Spotify, οι φίλοι μαντεύουν την χρονιά και τακτοποιούν χαρτιά σε χρονολόγιο. Απλό. Εθιστικό. Και κοστίζει €25 το σετ.

Ένας developer σκέφτηκε: Γιατί να το αγοράσω; Ας φτιάξω δικό μου. Προϋπόθεση; Ήταν συνοδηγός σε ταξίδι από Αυστρία προς Γερμανία. Με κινητό, home server και Claude AI ως βοηθό κώδικα.

Το αποτέλεσμα; Μια πραγματική περίπτωση που δείχνει τι μπορεί το AI στην ανάπτυξη – και πού κολλάει ακόμα.

Οι περιορισμοί ήταν το κλειδί

Δεν ήταν πείραμα. Ήταν πραγματική πρόκληση με σκληρούς κανόνες. Χωρίς laptop. Χωρίς πληκτρολόγιο. Χωρίς αναζήτηση docs στο μικρό οθόνη. Μόνο φωνητικά μηνύματα στο Claude μέσω Telegram, server για εκτέλεση και επανάληψη βάσει αυτού που έβλεπε στο κινητό.

Το stack; Minimal. Vanilla HTML, CSS, JavaScript. PKCE authentication από Spotify (χωρίς backend). QRCode.js για QR. Html5-QRCode για σάρωση. Τίποτα περιττό.

Μάθημα εδώ: Οι περιορισμοί σε ωθούν σε δοκιμασμένα εργαλεία. Αποφεύγεις περίπλοκες βιβλιοθήκες. Κρατάς τον κώδικα προβλέψιμο.

Σε τρεις ώρες, πρώτο demo

Σταμάτησαν σε Burger King για διάλειμμα. Το βασικό λειτουργούσε. Σάρωσε QR στο κινητό και έπαιζε μουσική από playlist Spotify.

Φαντάσου: Από ιδέα σε prototype σε 3 ώρες. Με φωνή και remote εκτέλεση. Η authentication Spotify – συνήθως βραχνάς με OAuth και tokens – δούλεψε αμέσως.

Κλειδί; Σαφής επικοινωνία. Περιέγραψε ακριβώς τι ήθελε. Το Claude ρώτησε, επέλεξε εργαλεία, υλοποίησε. Σε πρόβλημα (test user στο Spotify), ρώτησε άνθρωπο και προχώρησε.

Πού έλαμψε η διαδικασία

Remote reports σώζουν debugging. Σε Android Chrome χωρίς DevTools. Κανονικά: μαντεύεις σφάλμα, αλλάζεις κώδικα, reload, δοκιμή. Το Claude πρότεινε logging σφαλμάτων από client στο server. Περιέγραψε "το κουμπί δεν πατάει" και είδε το πραγματικό error. Debugging σαν να είχε console – χωρίς να διαβάσει stack trace.

PKCE authentication χωρίς μπελάδες. Spotify το υποστηρίζει χωρίς server. Πήρε Client ID από console, το έδωσε στο Claude, έγινε login. Λίγα tweaks για test user και τέλος. Ιδανικό για remote δουλειά.

Tailscale Serve για γρήγορο testing. Χωρίς port forwarding ή firewalls. Εκτέλεσε εντολή και το app μπήκε αμέσως από το κινητό στο tailnet. Άμεσο. Χωρίς έρευνα.

UI χωρίς designer. Το Claude ξέρει patterns. Από rough σε polished γρήγορα. Χωρίς Figma ή παζάρια για χρώματα.

Και μπήκε η πραγματικότητα

Spotify API άλλαξε κρυφά. Playlist endpoint έδινε 403. Το Claude έψαξε logs και βρήκε αλλαγή Φεβρουαρίου 2026: /v1/playlists/{id}/tracks έγινε /v1/playlists/{id}/items. Δύο γραμμές fix. Αλλά χρειάστηκαν iterations – τα errors δεν φαίνονται εύκολα. Το AI κάνει systematic debugging με logs, αλλά όχι μαγικά.

Νομικό εμπόδιο. Με το game έτοιμο, ρώτησε: "Γιατί δεν υπάρχει public clone;" Απάντηση: Spotify Policy απαγορεύει games/trivia με API. Section III σαφές. Το Hitster έχει ειδική άδεια. Δεν είναι τεχνικό θέμα – είναι σύμβαση.

Μάθημα: Το AI κάνει εύκολα πράγματα που σπάνε ToS. Η τεχνική είναι πια εύκολη. Τα νομικά γίνονται φραγμός.

Η ροή που δούλεψε

Φωνητικά στο Claude μέσω Telegram. Tailscale για πρόσβαση. Flag --dangerously-skip-permissions για γρήγορη εκτέλεση. Δεν μπορείς να εγκρίνεις εντολές από αυτοκίνητο.

Φωνή εισέρχεται, κώδικας βγαίνει, reload στο κινητό. Τρία εργαλεία για σφιχτό loop.

Τι λείπει (και πονάει)

Το client logging είναι workaround. Καλύτερα: DevTools Protocol για άμεση πρόσβαση σε console/network/DOM.

Περιορίζεσαι σε home server με Tailscale. Για cloud, χρειάζεσαι CLI και deployments.

Και το ToS το κρατάει private – μόνο για φίλους.

Το πραγματικό συμπέρασμα

Δεν αντικαθιστά developers το AI. Επιταχύνει iterations. Από "βρες βιβλιοθήκη" σε "πες τι θες".

Ο developer ήξερε τι χτίζει. Αντίκρισε το νομικό. Επέλεξε Tailscale/PKCE/vanilla JS.

Αλλαγή; Από μέρες σε ώρες. Από ώρες σε ταξίδι.

Δεν είναι μαγεία. Είναι εργαλεία + επικοινωνία + περιορισμοί.

Θες γρήγορα projects; Το Vibe Hosting της NameOcean και τα AI tools μας φτιάχτηκαν για τέτοια ταχύτητα. Από prototype σε production, με domains, δίκτυα και υποδομή έτοιμη.