Tag: extensão para desenvolvedores

  • DESIGN.md Inspector

    DESIGN.md Inspector

    Descrição da ferramenta: O DESIGN.md Inspector automatiza a extração de tokens de design de qualquer página, gerando arquivos DESIGN.md e SKILL.md compatíveis com agentes de IA, facilitando a documentação e integração de sistemas de design.

    Atributos:

    🛠️ Extração automática: Identifica e captura tokens de design visíveis na página sem intervenção manual.
    📄 Geração de arquivos estruturados: Cria documentos no formato markdown seguindo o padrão Google DESIGN.md.
    🔍 Análise visual: Escaneia elementos visuais e propriedades CSS personalizadas na interface do usuário.
    ⚙️ Compatibilidade com IA: Produz arquivos utilizáveis por agentes como Claude, Codex e Cursor para codificação assistida.
    🌐 Acesso via navegador: Funciona através do painel lateral em qualquer site acessado pelo navegador Chrome.

    Exemplos de uso:

    🖥️ Análise de páginas web: Extração rápida dos tokens de design para documentação ou revisão visual.
    📝 Criação de documentação técnica: Geração automática dos arquivos DESIGN.md e SKILL.md para projetos de UI/UX.
    🤖 Integração com agentes AI: Utilização dos arquivos gerados para treinar ou orientar modelos de IA na codificação baseada em design system.
    🔧 Aprimoramento de componentes: Identificação dos estilos utilizados para refino ou replicação em novos componentes.
    🌍 Avaliação cross-browser: Comparação dos tokens extraídos entre diferentes páginas ou versões do site.

  • Claude Folder Upload

    Claude Folder Upload

    Descrição da ferramenta: Claude Folder Upload é uma extensão do Chrome que permite o upload de pastas inteiras para o Claude AI com um único clique, mantendo a estrutura das pastas e filtrando arquivos irrelevantes.

    Atributos:

    • 📁 Upload de Pastas Inteiras, permite enviar múltiplos arquivos de uma só vez, facilitando o compartilhamento.
    • 🔄 Manutenção da Estrutura de Pastas, preserva a hierarquia dos diretórios durante o upload.
    • 🚫 Filtragem Automática, remove arquivos desnecessários automaticamente, otimizando o processo.
    • 🔍 Filtragem Regex Personalizada, possibilita aplicar expressões regulares para selecionar arquivos específicos.
    • 🤖 Integração com Claude AI, ideal para compartilhar repositórios de código diretamente com a plataforma.

    Exemplos de uso:

    • 👨‍💻 Carga de Projetos de Desenvolvimento, envie todo um projeto de software rapidamente para análise pelo Claude AI.
    • 📊 Análise de Dados em Lote, carregue conjuntos completos de dados organizados em pastas para processamento.
    • 📝 Avaliação de Documentação Técnica, submeta documentação estruturada para revisão e feedback do Claude AI.
    • 💻 Código Fonte Compartilhado, facilite a colaboração ao enviar repositórios inteiros entre equipes.
    • 📂 Migração de Arquivos para IA, transfira facilmente arquivos relevantes para projetos baseados em inteligência artificial.