ViraStack
  • Academy
  • About
  • Support
HomeSourcesContribute
ViraStack

A DX-first toolkit for frontend developers: starters, agent rules, form hooks, and a guide.

Products

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

Explore

  • Academy
  • About
  • Brand
  • Support

© 2026 ViraStack.

Open source · MIT

Academy

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 Docs4 Articles1 ResearchModel türleri, güçlü ve zayıf yönleri; sohbet, editör ve terminal tabanlı araçlar.
  2. 02Prompt ve Context Engineering6 Docs3 Articles1 Researchİyi istek yazma, doğru bağlam verme, CLAUDE.md/AGENTS.md ve proje kural dosyaları.
  3. 03Agentic Kodlama4 Docs2 Articles1 VideoClaude Code ve Cursor gibi araçlarla planla, kodla, test et döngüsü ve subagent'lar.
  4. 04Skills3 Docs3 Articles3 ReposTekrar eden işleri skill'e dönüştürme ve hazır frontend skill'lerini kullanma.
  5. 05MCP6 Docs1 Article1 RepoMCP nedir? Figma, Playwright ve Next.js DevTools gibi sunucuları agent'a bağlama.
  6. 06Test, Eval ve Code Review6 Docs6 Articles1 Research1 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şeneProject6 Docs2 ReposAgent, 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 Docs3 ArticlesuseChat, streamText, model sağlayıcısı seçimi ve akan yanıtı arayüze yansıtma.
  2. 09Tool Calling ve Structured Output3 Docs2 Articles3 ResearchModelin fonksiyon çağırması, Zod şemasıyla yapılandırılmış çıktı ve kullanıcı onayı.
  3. 10Generative UI6 Docs1 ArticleTool sonucunu component olarak gösterme, yükleme ve hata durumları.
  4. 11RAG ve Embedding4 Docs3 Articles3 Research1 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 Docs4 ArticlesPrompt injection, API anahtarı koruma, rate limit ve token maliyeti.
  6. 13AI Alışveriş AsistanıProject7 DocsAraç çağırma, kullanıcı onayı, prompt injection koruması, rate limit ve maliyet ölçümüyle çalışan bir alışveriş asistanı kurun.
Previous trackAuth ve GüvenlikNext trackSektör Sözlüğü