Jak asystent AI rozwinął bloga: od modułu Share po eliminację błędów 404
Zobacz krok po kroku, jak agent AI przeanalizował kod bloga, rozszerzył interfejsy TypeScript, zaimplementował komponenty udostępniania i automatycznie wykrył oraz naprawił nieaktywne linki w źródłach.
Najczęstszym błędem podczas korzystania z modeli AI w programowaniu jest przechodzenie od razu do generowania kodu na podstawie ogólnego promptu. W repozytorium 'AI w praktyce' obowiązuje żelazna zasada: najpierw dokładna inspekcja istniejącej architektury, a dopiero potem planowanie i modyfikacja.
W pierwszej fazie prac agent Antigravity zbadał strukturę projektu: zidentyfikował interfejs Article w src/types/article.ts, przeanalizował tablicę artykułów w src/data/articles.ts, sprawdził obsługę meta tagów Open Graph w ArticlePage.tsx oraz zweryfikował istniejące zależności w package.json (w tym dostępność biblioteki lucide-react).
Kolejnym etapem było bezpieczne rozszerzenie modelu danych bez łamania wstecznej kompatybilności. Interfejs Article otrzymał dwa opcjonalne pola: shareText (dedykowany tekst pod social media) oraz hashtags (lista słów kluczowych bez znaków #).