Contexto
O WinPicker começou como uma ferramenta pessoal. No Windows 11, queria recolher rapidamente cores de primeiro plano e de fundo em qualquer ponto do ecrã, compará-las e compreender o contraste do texto sem alternar entre vários utilitários.
O primeiro objetivo era deliberadamente limitado: melhorar o meu próprio fluxo de design e desenvolvimento com as tecnologias web que já conhecia. A oportunidade a longo prazo era levar a mesma experiência a mais do que um sistema operativo.
Processo e decisões
Comecei por explorar React Native para Windows e passei depois para Electron, para prototipar com React e chegar além de uma aplicação exclusiva para Windows. O Electron facilitou essa transição, mas incluir um motor de navegador completo parecia desproporcionado para um pequeno utilitário de cores.
Mais tarde, migrei a aplicação desktop para Tauri. A interface continua a usar React, Vite e Fluent UI, enquanto o Tauri produz uma aplicação nativa mais leve ao recorrer ao motor web de cada sistema operativo, em vez de incluir um navegador completo em cada versão.
A versão atual já não depende de um executável personalizado para Windows. Usa controlos de cor nativos da Web e a funcionalidade EyeDropper quando o navegador ou motor web subjacente permite recolher cores em qualquer ponto do sistema. Manter essa fronteira na camada web apoia a direção multiplataforma sem assumir que todos os ambientes oferecem um comportamento idêntico.
Contraste e acessibilidade
O pacote get-contrast calcula o rácio entre as cores de primeiro plano e de fundo. Traduzo esse valor numa escala rápida de cinco estrelas e apresento também resultados WCAG AA e AAA explícitos para texto normal e grande, para que o resumo visual nunca substitua os critérios subjacentes.
O acesso por teclado, o foco visível e o suporte para tecnologias de apoio fizeram parte da interface desde o início. Testei a experiência desktop com NVDA, Narrador do Windows e VoiceOver, e verifiquei a interface móvel com TalkBack. Playwright e axe-core acrescentam testes de integração e verificações automáticas de acessibilidade.
Resultado
O WinPicker continua a ser um protótipo funcional e precisa de outra fase de desenvolvimento antes do primeiro lançamento público como executável. Planeio esse lançamento para mais tarde em 2026, tendo como objetivo imediato versões desktop multiplataforma e mantendo a interface web preparada para um suporte mais amplo de sistemas operativos.
Aprendizagem
Uma aplicação multiplataforma não tem de incluir o mesmo ambiente pesado em todos os sistemas. Apoiar-me nas capacidades web nativas e manter a camada desktop substituível permitiu que uma pequena ferramenta para Windows evoluísse para uma direção de produto mais portátil.