HTMLPicker Autor: ExileCode
Wybierz dowolny element, aby wyodrębnić CSS, kolory i czcionki. Generuj prompty implementacji AI dla Cursor, Copilot, Claude Code i Codex.
Metadane rozszerzenia
Zrzuty ekranu
O tym rozszerzeniu
HTMLPicker wybiera dowolny element na stronie internetowej, aby wyodrębnić kolory, CSS, czcionki, HTML i tokeny designu. Analiza stylu wspomagana przez AI pomaga projektantom i programistom zrozumieć i odtworzyć dowolny design.
🔑 Kluczowe funkcje
• Selektor elementów — Kliknij dowolny element, aby zobaczyć kolory (HEX/RGB/HSL), czcionki, style CSS, selektor i kod HTML
• Analiza designu AI — Użyj własnego klucza API AI do analizy stylów, generowania promptów i wykrywania stosu technologicznego
• Paleta strony — Jednokliknięciowa ekstrakcja pełnego schematu kolorów z analizą częstotliwości
• Zrzut ekranu — Widoczny obszar i pełnostronicowe zrzuty z przewijaniem
• Eksport tokenów designu — Eksportuj kolory, czcionki, odstępy jako JSON, CSS, Markdown lub pakiet kontekstu AI
• Modyfikacja stylów na żywo — Zmieniaj kolory i czcionki w czasie rzeczywistym na dowolnej stronie
• Nawigacja DOM — Przeglądaj wizualną hierarchię elementów nadrzędnych/podrzędnych/rodzeństwa
• Edycja strony — Przełącz contenteditable, aby bezpośrednio edytować tekst strony
• Ciemny i jasny motyw — Automatycznie dopasowuje się do motywu systemu
• Podwójny UI — Popup do szybkiego dostępu, panel boczny do szczegółowego obszaru roboczego
🌐 Obsługa wielu języków
Dostępne w 18 językach: English, 简体中文, 繁體中文, 日本語, 한국어, Deutsch, Français, Español, Português, Italiano, Русский, Nederlands, Polski, Türkçe, العربية, ไทย, Tiếng Việt, Bahasa Indonesia
🔒 Prywatność przede wszystkim
HTMLPicker nie zbiera danych osobowych. Całe przetwarzanie odbywa się lokalnie w Twojej przeglądarce. Konto nie jest wymagane. Brak śledzenia. Opcjonalna funkcja analizy AI wysyła skompresowane dane designu do Twojego własnego klucza API tylko po jej aktywowaniu.
💡 Wsparcie rozwoju
HTMLPicker jest darmowy. Jeśli uznasz go za przydatny, rozważ wsparcie rozwoju na htmlpicker.com/donate/
🔑 Kluczowe funkcje
• Selektor elementów — Kliknij dowolny element, aby zobaczyć kolory (HEX/RGB/HSL), czcionki, style CSS, selektor i kod HTML
• Analiza designu AI — Użyj własnego klucza API AI do analizy stylów, generowania promptów i wykrywania stosu technologicznego
• Paleta strony — Jednokliknięciowa ekstrakcja pełnego schematu kolorów z analizą częstotliwości
• Zrzut ekranu — Widoczny obszar i pełnostronicowe zrzuty z przewijaniem
• Eksport tokenów designu — Eksportuj kolory, czcionki, odstępy jako JSON, CSS, Markdown lub pakiet kontekstu AI
• Modyfikacja stylów na żywo — Zmieniaj kolory i czcionki w czasie rzeczywistym na dowolnej stronie
• Nawigacja DOM — Przeglądaj wizualną hierarchię elementów nadrzędnych/podrzędnych/rodzeństwa
• Edycja strony — Przełącz contenteditable, aby bezpośrednio edytować tekst strony
• Ciemny i jasny motyw — Automatycznie dopasowuje się do motywu systemu
• Podwójny UI — Popup do szybkiego dostępu, panel boczny do szczegółowego obszaru roboczego
🌐 Obsługa wielu języków
Dostępne w 18 językach: English, 简体中文, 繁體中文, 日本語, 한국어, Deutsch, Français, Español, Português, Italiano, Русский, Nederlands, Polski, Türkçe, العربية, ไทย, Tiếng Việt, Bahasa Indonesia
🔒 Prywatność przede wszystkim
HTMLPicker nie zbiera danych osobowych. Całe przetwarzanie odbywa się lokalnie w Twojej przeglądarce. Konto nie jest wymagane. Brak śledzenia. Opcjonalna funkcja analizy AI wysyła skompresowane dane designu do Twojego własnego klucza API tylko po jej aktywowaniu.
💡 Wsparcie rozwoju
HTMLPicker jest darmowy. Jeśli uznasz go za przydatny, rozważ wsparcie rozwoju na htmlpicker.com/donate/
Ocenione na 0 przez 0 recenzentów
Uprawnienia i dane
Wymagane uprawnienia:
- Mieć dostęp do danych użytkownika na wszystkich stronach
Opcjonalne uprawnienia:
- Mieć dostęp do danych użytkownika na wszystkich stronach
Zbieranie danych:
- Autorzy tego rozszerzenia twierdzą, że nie wymaga ono zbierania danych.
Więcej informacji
- Strony dodatku
- Wersja
- 1.0.0
- Rozmiar
- 425,51 KB
- Ostatnia aktualizacja
- 5 dni temu (23 maj 2026)
- Powiązane kategorie
- Licencja
- Wszelkie prawa zastrzeżone
- Prywatność
- Zasady ochrony prywatności tego dodatku
- Historia wersji
- Dodaj do kolekcji
Autor tego rozszerzenia prosi o pomoc we wspieraniu jego rozwoju przez drobny datek.