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).
48 lines
2.2 KiB
Markdown
48 lines
2.2 KiB
Markdown
---
|
|
title: Czat AI
|
|
description: Wbudowany asystent AI z 87 narzędziami do tworzenia i modyfikowania projektów.
|
|
---
|
|
|
|
# Czat AI
|
|
|
|
Naciśnij <kbd>⌘</kbd><kbd>J</kbd> (<kbd>Ctrl</kbd> + <kbd>J</kbd>), aby otworzyć asystenta AI. Opisz czego chcesz — tworzy kształty, ustawia style, zarządza layoutem, pracuje z komponentami i analizuje Twój projekt.
|
|
|
|
## Konfiguracja
|
|
|
|
1. Otwórz panel czatu AI (<kbd>⌘</kbd><kbd>J</kbd>)
|
|
2. Kliknij ikonę ustawień
|
|
3. Wprowadź swój klucz API OpenRouter
|
|
4. 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.
|