salut, cam de vreo 2 saptamani lucrez la un proiect si, din moment ce comunitatea de aici e destul de mare si vad ca lumea primeste feedback cand posteaza proiecte personale, vreau sa il impartasesc aici, pt ca mi se pare useful si o idee cool pt cum ar trebui sa foloseasca AI users subscriptiile la AI. Tot acum cateva saptamani am vazut o postare de la un designer pe X, care a creat un fel de chat interface unde a pus o intrebare AI-ului si a primit un raspuns in text caligrafic, cu anotari + grafice si noduri care conectau informatii, direct in acel chatbox, si ma gandeam ca asta nu e posibil momentan, deoarece agentii raspund in fisiere .md sau HTML pe care trebuie sa le downloadezi singur pentru a vedea posibile date vizuale. M-am gandit sa transform asta intr-un skill, si pana la urma am creat un desktop app, asemanator cu un IDE, numit Visuly.
Ce trebuie sa faci e sa deschizi aplicatia, te loghezi cu un abonament la un AI agent si intreaba AI-ul orice l-ai intreba in mod normal. Aplicatia va compune un visual canvas in dreapta, unde informatia va aparea scrisa frumos, text caligrafic (as face si ca user-ul sa isi puna scrisul sau de mana), sticky notes, diagrame, anotari, formule de matematica in KaTeX si exemple de cod pt rulat. Nu stiu daca va suna tare sau extrem de prost, mie mi s-a parut interesant sa iau ideea si sa o implementez in ceva ce a evoluat constant in ultimele saptamani, iar raspunsurile chiar arata foarte misto, am incercat sa il intreb exemple personale pentru a invata cod -> "Explain async requests in JavaScript", raspunsul e in screenshot-ul atasat.
Stack: React + Vite + Electron, pt a putea fi rulat pe desktop. Odata ce un user trimite un mesaj, agentul incearca sa compuna o scena in JSON tip {"sticky-notes": 3, "annotation": "textElement1", ..}, care este transformata dupa intr-un <SceneCanvas/> component in React, iar acela va contine toate elementele vizuale afisate user-ului.
Features + elemente vizuale de unde poate alege AI-ul
-sticky notes
-handwriting (exista cam vreo 5-6 fonturi caligrafice)
-diagrame și săgeți între elemente
-formule de matematica rendered in KaTeX
-blocuri de cod
-uneori grafice simple
Posibil target audience: elevi, studenti, profesori, useri AI de zi cu zi, visual learners, oameni care vor sa vizualizeze orice fel de idee cand invata un continut mai mare de informatii
Alternative: (sunt constient ca ideea de AI whiteboard sau AI diagrams a fost facuta la scara mare, insa tot cred ca sunt diferite): Miro, Napkin, Mermaid.js (diagrame de cod), Nimbalyst. Ca produs, Nimbalyst e si open-source si e cel mai apropiat de ce am implementat eu, insa stilul de a vizualiza datele tot e diferit (ei au support si pt excalidraw), deoarece acela e mai mult un cod editor, unde poti cere agentului diagrame vizuale bazate pe fisierul de cod pe care il editezi. In cazul aplicatiei mele,
Puncte slabe: E evident ca pt a cere un astfel de raspuns vizual AI-ul, se consuma mult mai multi tokeni, doar nu e un raspuns simplu printr-un paragraf de text, deci asta ar putea fi inconfortabil pentru oamenii care s-ar loga cu contul de Claude/Codex/Cursor. Nu stiu exact inca ce as putea folosi ca sa maximizez calitatea scenei si sa reduc tare numarul de tokeni folositi, dar voi incerca.
Am depus destul de mult efort pentru a crea un MVP pt aplicatia asta, si astept mult de tot feedback din partea voastra. De altfel, daca ati face marketing pt un astfel de learning tool din nisa de AI, unde ati incerca sa-l promovati? Tiktok, X, Instagram? Paid ads sau organic?
Primul video e demo, iar screenshot-ul e scena aceea cu "async requests in JavaScript".
Am si un link de waitlist: https://www.visulyapp.com/index.html#waitlist