Web isteği akışını interaktif çizimle görmek artık mümkün

Web geliştirirken 'bir isteği açtığımda arka planda tam olarak ne oluyor?' sorusu hep karmaşık geldi. Genellikle beyaz tahta ile anlatılırdı. Şimdi David Kubus tarafından geliştirilen Sketchy adlı araç, yapay zeka yardımıyla bu süreci canlı, etkileşimli bir çizim halinde sunuyor.

Araç Claude, Cursor veya VS Code ile çalışıyor. Bir soru sorduğunuzda (örneğin "login formundan veritabanına kadar ne oluyor?") sistem tarayıcı, DNS, CDN, yük dengeleyici, hizmetler, önbellek ve veritabanı gibi bileşenleri kutuyla gösteriyor. Ardından adım adım ilgili kısmı vurgularken diğerlerini soluk bırakıyor. Ok tuşlarıyla ilerleyebilirsiniz.

En ilginç özelliği kendi projenizi işaret etmek. Sketchy, depo yollarını takip ederek kutular doğrudan kaynak dosyalarınıza bağlanıyor. Bir kutuya tıklarsanız VS Code, Cursor, Windsurf veya Zed gibi editörlerde açılıyor. Bu sayede teorik bilgiden hemen koda geçiş yapabiliyorsunuz.

Açık kaynak ve tamamen ücretsiz. GitHub'da bulunuyor, deneyip geri bildirim bırakmaya açık.