ViraStack AI

Yapay zeka odaklı React geliştirme süreçleri için mimari disiplin ve .mdc bağlam kuralları. Yapay zekanın tembel kod yazmasını engelleyen üst düzey mühendislik protokolleri ve üretime hazır kısıtlamalar içerir.

GitHub'da Destekle


[Yükleniyor...]
✔ 16 oluşturuldu • 0 atlandı
.cursor/rules ve /docs oluşturuldu
✅ ViraStack AI hazır.
Dene: Yapay zekadan yeni bir özellik planlamasını iste.

İstem:

Standart LLM Çıktısı

Düzensiz ve Hataya Açık

Sıkı yönergeler olmadan, yapay zeka işlevsel ancak üretim standartlarını karşılamayan disiplinsiz kod üretir.

Tip güvenliği veya şema doğrulaması yok
useEffect içinde doğrudan veri çekme
Sıfır hata yönetimi veya sınırları
İstek önbelleğe alma veya tekilleştirme yok
Yükleme iskeletleri olmayan zayıf UX

export default function UserProfile() {
  const [user, setUser] = useState(null);
  
  useEffect(() => {
    fetch('/api/user')
      .then(res => res.json())
      .then(setUser);
  }, []);
 
  if (!user) return <div>Loading...</div>;
  
  return <div>{user.name}</div>;
}

ViraStack Yapay Zeka Çıktısı

Üretime Hazır Kod

ViraStack AI, disiplinli, ölçeklenebilir kod için sıkı mimari kalıpları zorunlu kılar.

Sıkı tip güvenliği API şemalarından türetilmiş
TanStack Query önbelleğe alma ve durum için
Özellik odaklı alan organizasyonu
Dahili iskelet ve hata durumları
İptal sinyali temizlik işlemleri için destek

import { useQuery } from '@tanstack/react-query';
import { userKeys, fetchUser } from '@/features/users/api';
import { Skeleton } from '@/components/ui/skeleton';
 
export function UserProfile({ userId }: { userId: string }) {
  const { data: user, isLoading, isError } = useQuery({
    queryKey: userKeys.detail(userId),
    queryFn: ({ signal }) => fetchUser(userId, signal),
  });
 
  if (isLoading) return <Skeleton className="w-full h-32 rounded-xl" />;
  if (isError || !user) return <ErrorState message="Failed to load user" />;
 
  return (
    <article className="p-6 border rounded-xl bg-card">
      <h2 className="text-xl font-bold">{user.name}</h2>
    </article>
  );
}

Temel Prensipler

Yapay zekanızı yüksek kaliteli, ölçeklenebilir kod yazmaya zorlayan yerleşik kurallar.

🤖

Mimari Zorlama

Yapay zeka kısayolları kullanamaz. ViraStack'in önceden tanımlanmış mantık kalıplarını izlemelidir.

🏗️

Özellik Odaklı Tasarım

Maksimum ölçeklenebilirlik için sıkı alan tabanlı organizasyonu zorunlu kılar. Uygulama dizininizi temiz tutar.

🛡️

Zod Odaklı Tip Güvenliği

Şemalardan türetilen uçtan uca tip güvenliği sağlar. Yapay zeka her API yanıtını doğrulamalıdır.

⚡

Yeni Nesil UX Standartları

Web Vitals (LCP, CLS) ve verimli durum yönetimi için en iyi pratikleri zorunlu kılar.

🌐

Evrensel Destek

Cursor, Windsurf, Claude Code ve Copilot ile çalışır.

ViraStack Protokolü

Üretim standartlarını sağlamak için karmaşık özelliklere yönelik 3 adımlı bir iş akışı.