bfa4b7de8b
48 translated pages (de, es, fr, it, pl, ru) for the Programmable section: overview, AI Chat, Collaboration, JSX Renderer, CLI (inspecting, exporting, analyzing, scripting). CLI reference and MCP server pages copied as-is (mostly code/tables).
2.2 KiB
2.2 KiB
| title | description |
|---|---|
| Czat AI | Wbudowany asystent AI z 87 narzędziami do tworzenia i modyfikowania projektów. |
Czat AI
Naciśnij ⌘J (Ctrl + J), aby otworzyć asystenta AI. Opisz czego chcesz — tworzy kształty, ustawia style, zarządza layoutem, pracuje z komponentami i analizuje Twój projekt.
Konfiguracja
- Otwórz panel czatu AI (⌘J)
- Kliknij ikonę ustawień
- Wprowadź swój klucz API OpenRouter
- Wybierz model (Claude, GPT-4, Gemini itp.)
Bez backendu, bez subskrypcji — Twój klucz komunikuje się bezpośrednio z OpenRouter.
Możliwości
Asystent dysponuje 87 narzędziami w następujących kategoriach:
- Tworzenie — ramki, kształty, tekst, komponenty, strony. Renderuje JSX dla złożonych layoutów.
- Stylowanie — wypełnienia, obrysy, efekty, przezroczystość, zaokrąglenie narożników, tryby mieszania.
- Layout — auto-layout, wyrównanie, odstępy, wymiarowanie.
- Komponenty — tworzenie komponentów, instancji, zestawów komponentów. Zarządzanie nadpisaniami.
- Zmienne — tworzenie/edycja zmiennych, kolekcji, trybów. Wiązanie z wypełnieniami.
- Zapytania — wyszukiwanie węzłów, odczyt właściwości, listowanie stron, czcionek, zaznaczenia.
- Analiza — paleta kolorów, audyt typografii, spójność odstępów, wykrywanie klastrów.
- Eksport — PNG, SVG, JSX z klasami Tailwind.
- Wektory — operacje boolowskie, manipulacja ścieżkami.
Przykładowe polecenia
- „Utwórz kartę z tytułem, opisem i niebieskim przyciskiem"
- „Ustaw taki sam border radius dla wszystkich przycisków na tej stronie"
- „Jakie czcionki są używane w tym pliku?"
- „Zmień tło wybranej ramki na gradient od niebieskiego do fioletowego"
- „Wyeksportuj wybraną ramkę jako SVG"
- „Znajdź wszystkie węzły tekstowe z rozmiarem czcionki mniejszym niż 12"
Wskazówki
- Zaznacz węzły przed zapytaniem — asystent wie, co jest zaznaczone.
- Podawaj konkretne kolory, rozmiary i pozycje dla precyzyjnych rezultatów.
- Asystent może modyfikować wiele węzłów w jednej wiadomości.
- Użyj „cofnij" w edytorze, jeśli nie podoba Ci się wynik.