HTMLPicker por ExileCode
Selecione qualquer elemento para extrair CSS, cores e fontes. Gere prompts de implementação IA para Cursor, Copilot, Claude Code e Codex.
Metadados da extensão
Capturas de tela
Sobre esta extensão
HTMLPicker seleciona qualquer elemento em uma página web para extrair suas cores, CSS, fontes, HTML e design. Análise de estilo com IA ajuda designers e desenvolvedores a entender e recriar qualquer design.
🔑 Recursos principais
• Seletor de elementos — Clique em qualquer elemento para ver suas cores (HEX/RGB/HSL), fontes, estilos CSS, seletor e código HTML
• Análise de design com IA — Use sua própria chave API de IA para analisar estilos, gerar prompts e detectar stack tecnológica
• Paleta de página — Extração em um clique do esquema de cores completo com análise de frequência
• Captura de tela — Área visível e capturas de rolagem de página completa
• Exportação de design — Exporte cores, fontes, espaçamento como JSON, CSS, Markdown ou pack de contexto IA
• Modificação de estilos ao vivo — Modifique cores e fontes em tempo real em qualquer página
• Navegação DOM — Explore a hierarquia visual pai/filho/irmão
• Edição de página — Ative contenteditable para editar texto diretamente
• Temas escuro e claro — Adapta-se automaticamente ao tema do sistema
• UI dupla — Popup para acesso rápido, barra lateral para espaço de trabalho detalhado
🌐 Suporte multilíngue
Disponível em 18 idiomas: English, 简体中文, 繁體中文, 日本語, 한국어, Deutsch, Français, Español, Português, Italiano, Русский, Nederlands, Polski, Türkçe, العربية, ไทย, Tiếng Việt, Bahasa Indonesia
🔒 Privacidade em primeiro lugar
HTMLPicker não coleta dados pessoais. Todo o processamento é feito localmente no seu navegador. Sem necessidade de conta. Sem rastreamento. O recurso opcional de análise IA envia evidência de design comprimida para sua própria chave API apenas quando você aciona.
💡 Apoiar o desenvolvimento
HTMLPicker é gratuito. Se você o achar útil, considere apoiar seu desenvolvimento em htmlpicker.com/donate/
🔑 Recursos principais
• Seletor de elementos — Clique em qualquer elemento para ver suas cores (HEX/RGB/HSL), fontes, estilos CSS, seletor e código HTML
• Análise de design com IA — Use sua própria chave API de IA para analisar estilos, gerar prompts e detectar stack tecnológica
• Paleta de página — Extração em um clique do esquema de cores completo com análise de frequência
• Captura de tela — Área visível e capturas de rolagem de página completa
• Exportação de design — Exporte cores, fontes, espaçamento como JSON, CSS, Markdown ou pack de contexto IA
• Modificação de estilos ao vivo — Modifique cores e fontes em tempo real em qualquer página
• Navegação DOM — Explore a hierarquia visual pai/filho/irmão
• Edição de página — Ative contenteditable para editar texto diretamente
• Temas escuro e claro — Adapta-se automaticamente ao tema do sistema
• UI dupla — Popup para acesso rápido, barra lateral para espaço de trabalho detalhado
🌐 Suporte multilíngue
Disponível em 18 idiomas: English, 简体中文, 繁體中文, 日本語, 한국어, Deutsch, Français, Español, Português, Italiano, Русский, Nederlands, Polski, Türkçe, العربية, ไทย, Tiếng Việt, Bahasa Indonesia
🔒 Privacidade em primeiro lugar
HTMLPicker não coleta dados pessoais. Todo o processamento é feito localmente no seu navegador. Sem necessidade de conta. Sem rastreamento. O recurso opcional de análise IA envia evidência de design comprimida para sua própria chave API apenas quando você aciona.
💡 Apoiar o desenvolvimento
HTMLPicker é gratuito. Se você o achar útil, considere apoiar seu desenvolvimento em htmlpicker.com/donate/
Avaliado em 0 por 1 revisor
Permissões e dados
Permissões necessárias:
- Acessar seus dados em todos os sites visitados
Permissões opcionais:
- Acessar seus dados em todos os sites visitados
Coleta de dados:
- O desenvolvedor afirma que esta extensão não requer coleta de dados.
Mais informações
- Links da extensão
- Versão
- 1.0.0
- Tamanho
- 425,51 KB
- Ultima atualização
- há 5 dias (23 de mai de 2026)
- Categorias relacionadas
- Licença
- Todos os direitos reservados
- Política de privacidade
- Leia a política de privacidade desta extensão
- Histórico de versões
- Adicionar a uma coleção
O desenvolvedor desta extensão pede que você ajude a apoiar seu desenvolvimento contínuo fazendo uma pequena contribuição.