HTMLPicker por ExileCode
Selecciona cualquier elemento para extraer CSS, colores y fuentes. Genera prompts de implementación IA para Cursor, Copilot, Claude Code y Codex.
Metadata de la extensión
Capturas de pantalla
Sobre esta extensión
HTMLPicker selecciona cualquier elemento en una página web para extraer sus colores, CSS, fuentes, HTML y diseño. El análisis de estilo con IA ayuda a diseñadores y desarrolladores a entender y recrear cualquier diseño.
🔑 Características clave
• Selector de elementos — Haz clic en cualquier elemento para ver sus colores (HEX/RGB/HSL), fuentes, estilos CSS, selector y código HTML
• Análisis de diseño con IA — Usa tu propia clave API de IA para analizar estilos, generar prompts y detectar stack tecnológico
• Paleta de página — Extracción en un clic del esquema de colores completo con análisis de frecuencia
• Captura de pantalla — Área visible y capturas de desplazamiento de página completa
• Exportación de diseño — Exporta colores, fuentes, espaciado como JSON, CSS, Markdown o pack de contexto IA
• Modificación de estilos en vivo — Modifica colores y fuentes en tiempo real en cualquier página
• Navegación DOM — Explora la jerarquía visual padre/hijo/hermano
• Edición de página — Activa contenteditable para editar texto directamente
• Temas oscuro y claro — Se adapta automáticamente al tema del sistema
• UI dual — Popup para acceso rápido, barra lateral para espacio de trabajo detallado
🌐 Soporte multilingüe
Disponible en 18 idiomas: English, 简体中文, 繁體中文, 日本語, 한국어, Deutsch, Français, Español, Português, Italiano, Русский, Nederlands, Polski, Türkçe, العربية, ไทย, Tiếng Việt, Bahasa Indonesia
🔒 Privacidad ante todo
HTMLPicker no recopila datos personales. Todo el procesamiento se realiza localmente en tu navegador. No requiere cuenta. Sin rastreo. La función de análisis IA opcional envía evidencia de diseño comprimida a tu propia clave API solo cuando la activas.
💡 Apoyar el desarrollo
HTMLPicker es gratuito. Si te resulta útil, considera apoyar su desarrollo en htmlpicker.com/donate/
🔑 Características clave
• Selector de elementos — Haz clic en cualquier elemento para ver sus colores (HEX/RGB/HSL), fuentes, estilos CSS, selector y código HTML
• Análisis de diseño con IA — Usa tu propia clave API de IA para analizar estilos, generar prompts y detectar stack tecnológico
• Paleta de página — Extracción en un clic del esquema de colores completo con análisis de frecuencia
• Captura de pantalla — Área visible y capturas de desplazamiento de página completa
• Exportación de diseño — Exporta colores, fuentes, espaciado como JSON, CSS, Markdown o pack de contexto IA
• Modificación de estilos en vivo — Modifica colores y fuentes en tiempo real en cualquier página
• Navegación DOM — Explora la jerarquía visual padre/hijo/hermano
• Edición de página — Activa contenteditable para editar texto directamente
• Temas oscuro y claro — Se adapta automáticamente al tema del sistema
• UI dual — Popup para acceso rápido, barra lateral para espacio de trabajo detallado
🌐 Soporte multilingüe
Disponible en 18 idiomas: English, 简体中文, 繁體中文, 日本語, 한국어, Deutsch, Français, Español, Português, Italiano, Русский, Nederlands, Polski, Türkçe, العربية, ไทย, Tiếng Việt, Bahasa Indonesia
🔒 Privacidad ante todo
HTMLPicker no recopila datos personales. Todo el procesamiento se realiza localmente en tu navegador. No requiere cuenta. Sin rastreo. La función de análisis IA opcional envía evidencia de diseño comprimida a tu propia clave API solo cuando la activas.
💡 Apoyar el desarrollo
HTMLPicker es gratuito. Si te resulta útil, considera apoyar su desarrollo en htmlpicker.com/donate/
Rated 0 by 0 reviewers
Permissions and data
Permisos requeridos:
- Acceder a tus datos para todos los sitios web
Permisos opcionales:
- Acceder a tus datos para todos los sitios web
Data collection:
- The developer says this extension doesn't require data collection.
Más información
- Enlaces del complemento
- Versión
- 1.0.1
- Tamaño
- 243,65 KB
- Última actualización
- hace 2 días (30 de may. de 2026)
- Categorías relacionadas
- Licencia
- Todos los derechos reservados
- Política de privacidad
- Leer la política de privacidad de este complemento
- Historial de versiones
- Añadir a la colección
El desarrollador de esta extensión te pide le ayudes a seguir con el desarrollo haciendo una pequeña contribución.