Narzędzia do kodowania AI są dobre w kodowaniu, ale animację trudno opisać samym kodem. Nie mając dostępu do projektu, agent zgaduje czas i stwierdza. MCP, Model Context Protocol, rozwiązuje ten problem, dając agentowi bezpośredni dostęp do narzędzia poprzez standardowy interfejs.
Serwer MCP to niewielka usługa udostępniająca działania, które może wywołać agent. W przypadku animacji może to oznaczać utworzenie komponentu, dodanie stanu, zmianę sprężyny lub odczytanie danych wejściowych pliku. Agent decyduje, kiedy wywołać te akcje, na podstawie Twojego monitu.
Konfiguracja jest zwykle krótka. Dodajesz serwer do konfiguracji MCP swojego klienta, na przykład za pomocą komendy mcp Claude Code lub w ustawieniach MCP Cursor, a następnie uwierzytelniasz się, jeśli to konieczne. Następnie możesz zapytać prostym językiem: „przełącz sprężynę i stan wciśnięty” lub „spowolnij animację sukcesu”.
ExodeUI, który wykonujemy, ma do tego serwer MCP. Agenci mogą tworzyć i edytować animacje ze stanami, fizyką sprężyn, danymi wejściowymi i zdarzeniami, w wyniku czego powstaje otwarty plik .exode, który możesz otworzyć w edytorze i odtwarzać w swojej aplikacji. Narzędzia do projektowania, takie jak Figma i Penpot, mają własne serwery MCP do obsługi układu i kontekstu projektowego.
Traktuj dane wyjściowe agenta jako wersję roboczą. Sprawdź ruch w edytorze, zwłaszcza czas, zachowanie przy ograniczonym ruchu i każdy stan, zanim zostanie wysłany.