HTMLPicker von ExileCode
Elemente aufnehmen: CSS, Farben, Schriften extrahieren. KI-Implementierungsprompts für Cursor, Copilot, Claude Code und Codex generieren.
Metadaten zur Erweiterung
Screenshots
Über diese Erweiterung
HTMLPicker wählt jedes Element auf einer Webseite aus und extrahiert Farben, CSS, Schriften, HTML und Design-Export. KI-gestützte Stilanalyse hilft Designern und Entwicklern, jedes Design zu verstehen und nachzubauen.
🔑 Hauptfunktionen
• Element-Auswahl — Klicken Sie auf ein Element, um Farben (HEX/RGB/HSL), Schriften, CSS-Stile, Selektor und HTML-Code zu sehen
• KI-Design-Analyse — Verwenden Sie Ihren eigenen KI-API-Schlüssel zur Stilanalyse, Prompt-Generierung und Tech-Stack-Erkennung
• Seiten-Palette — Ein-Klick-Extraktion des gesamten Farbschemas mit Häufigkeitsanalyse
• Screenshot — Sichtbarer Bereich und Full-Page-Scrolling-Screenshots
• Design-Export — Farben, Schriften, Abstände als JSON, CSS, Markdown oder KI-Kontextpaket exportieren
• Live-Stiländerung — Farben und Schriften in Echtzeit auf jeder Seite ändern
• DOM-Navigation — Übergeordnete/untergeordnete/geschwister Elemente visuell durchsuchen
• Seitenbearbeitung — contenteditable umschalten, um Seitentext direkt zu bearbeiten
• Dunkles & helles Theme — Passt sich automatisch an das System an
• Duale UI — Popup für schnellen Zugriff, Sidebar für detaillierte Arbeitsbereich
🌐 Mehrsprachige Unterstützung
Verfügbar in 18 Sprachen: English, 简体中文, 繁體中文, 日本語, 한국어, Deutsch, Français, Español, Português, Italiano, Русский, Nederlands, Polski, Türkçe, العربية, ไทย, Tiếng Việt, Bahasa Indonesia
🔒 Datenschutz zuerst
HTMLPicker sammelt keine persönlichen Daten. Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser. Kein Konto erforderlich. Kein Tracking. Die optionale KI-Analyse sendet komprimierte Design-Daten nur bei Auslösung an Ihren eigenen API-Schlüssel.
💡 Entwicklung unterstützen
HTMLPicker ist kostenlos. Wenn Sie es hilfreich finden, unterstützen Sie die Entwicklung unter htmlpicker.com/donate/
🔑 Hauptfunktionen
• Element-Auswahl — Klicken Sie auf ein Element, um Farben (HEX/RGB/HSL), Schriften, CSS-Stile, Selektor und HTML-Code zu sehen
• KI-Design-Analyse — Verwenden Sie Ihren eigenen KI-API-Schlüssel zur Stilanalyse, Prompt-Generierung und Tech-Stack-Erkennung
• Seiten-Palette — Ein-Klick-Extraktion des gesamten Farbschemas mit Häufigkeitsanalyse
• Screenshot — Sichtbarer Bereich und Full-Page-Scrolling-Screenshots
• Design-Export — Farben, Schriften, Abstände als JSON, CSS, Markdown oder KI-Kontextpaket exportieren
• Live-Stiländerung — Farben und Schriften in Echtzeit auf jeder Seite ändern
• DOM-Navigation — Übergeordnete/untergeordnete/geschwister Elemente visuell durchsuchen
• Seitenbearbeitung — contenteditable umschalten, um Seitentext direkt zu bearbeiten
• Dunkles & helles Theme — Passt sich automatisch an das System an
• Duale UI — Popup für schnellen Zugriff, Sidebar für detaillierte Arbeitsbereich
🌐 Mehrsprachige Unterstützung
Verfügbar in 18 Sprachen: English, 简体中文, 繁體中文, 日本語, 한국어, Deutsch, Français, Español, Português, Italiano, Русский, Nederlands, Polski, Türkçe, العربية, ไทย, Tiếng Việt, Bahasa Indonesia
🔒 Datenschutz zuerst
HTMLPicker sammelt keine persönlichen Daten. Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser. Kein Konto erforderlich. Kein Tracking. Die optionale KI-Analyse sendet komprimierte Design-Daten nur bei Auslösung an Ihren eigenen API-Schlüssel.
💡 Entwicklung unterstützen
HTMLPicker ist kostenlos. Wenn Sie es hilfreich finden, unterstützen Sie die Entwicklung unter htmlpicker.com/donate/
Bewertet mit 0 von 0 Bewertern
Berechtigungen und Daten
Benötigte Berechtigungen:
- Auf Ihre Daten für diverse Websites zugreifen
Optionale Berechtigungen:
- Auf Ihre Daten für diverse Websites zugreifen
Datenerfassung:
- Der Entwickler sagt, dass diese Erweiterung keine Datenerhebung benötigt.
Weitere Informationen
- Version
- 1.0.0
- Größe
- 425,51 KB
- Zuletzt aktualisiert
- vor 5 Tagen (23. Mai 2026)
- Verwandte Kategorien
- Lizenz
- Alle Rechte vorbehalten
- Datenschutzrichtlinie
- Lesen Sie die Datenschutzrichtlinie für dieses Add-on
- Versionsgeschichte
- Zur Sammlung hinzufügen
Der Entwickler dieser Erweiterung bittet Sie, dass Sie die Entwicklung unterstützen, indem Sie einen kleinen Betrag spenden.