ViraStack
  • Akademi
  • Hakkında
  • Destek
Genel BakışKaynaklarKatkı
ViraStack

Frontend geliştiricileri için DX odaklı araç seti: starter’lar, ajan kuralları, form hook’ları ve rehber.

Ürünler

  • ViraStack Start
  • ViraStack AI
  • ViraStack Mask
  • ViraStack Password
  • ViraStack Guide

Keşfet

  • Akademi
  • Hakkında
  • Marka
  • Destek

© 2026 ViraStack.

Açık kaynak · MIT

Akademi

Yapay Zeka ile Frontend

Sohbet arayüzleri, agent'lar, MCP ve AI destekli geliştirme akışı.

AI ile Geliştirme

  1. 01Modeller ve Araçlar3 Doküman4 Makale1 AraştırmaModel türleri, güçlü ve zayıf yönleri; sohbet, editör ve terminal tabanlı araçlar.
  2. 02Prompt ve Context Engineering6 Doküman3 Makale1 Araştırmaİyi istek yazma, doğru bağlam verme, CLAUDE.md/AGENTS.md ve proje kural dosyaları.
  3. 03Agentic Kodlama4 Doküman2 Makale1 VideoClaude Code ve Cursor gibi araçlarla planla, kodla, test et döngüsü ve subagent'lar.
  4. 04Skills3 Doküman3 Makale3 RepoTekrar eden işleri skill'e dönüştürme ve hazır frontend skill'lerini kullanma.
  5. 05MCP6 Doküman1 Makale1 RepoMCP nedir? Figma, Playwright ve Next.js DevTools gibi sunucuları agent'a bağlama.
  6. 06Test, Eval ve Code Review6 Doküman6 Makale1 Araştırma1 RepoTest yazdırma, Playwright MCP ile kontrol, model çıktısını ölçme (eval) ve AI kodunu gözden geçirme.
  7. 07Tasarımdan BileşeneProje6 Doküman2 RepoAgent, skill ve MCP ile bir Figma kart tasarımını çalışan, test edilmiş bir React bileşenine çevirme.

Uygulamaya AI Ekleme

  1. 08AI SDK ve Streaming Sohbet6 Doküman3 MakaleuseChat, streamText, model sağlayıcısı seçimi ve akan yanıtı arayüze yansıtma.
  2. 09Tool Calling ve Structured Output3 Doküman2 Makale3 AraştırmaModelin fonksiyon çağırması, Zod şemasıyla yapılandırılmış çıktı ve kullanıcı onayı.
  3. 10Generative UI6 Doküman1 MakaleTool sonucunu component olarak gösterme, yükleme ve hata durumları.
  4. 11RAG ve Embedding4 Doküman3 Makale3 Araştırma1 RepoKendi verinizi embedding ile arayıp modele bağlam olarak verme, parçalama, arama kalitesini ölçme ve güvenlik.
  5. 12Güvenlik ve Maliyet13 Doküman4 MakalePrompt injection, API anahtarı koruma, rate limit ve token maliyeti.
  6. 13AI Alışveriş AsistanıProje7 DokümanAraç çağırma, kullanıcı onayı, prompt injection koruması, rate limit ve maliyet ölçümüyle çalışan bir alışveriş asistanı kurun.
Önceki konuAuth ve GüvenlikSonraki konuSektör Sözlüğü