Pesquisa UXKIN

Quando uma decisão de design depende de como produtos reais funcionam, observe vários exemplos reais, compare-os adequadamente e relate o que eles mostram, antes que alguém escreva código. Esta habilidade usa as ferramentas UXKIN MCP:

• find_ui_references: aplicativos reais, telas, jornadas e sites
• get_journey: cada tela de uma jornada, em ordem
• find_ui_materials: cores com seus papéis, tipografia, componentes e o DESIGN.md de sistemas de design de sites reais
• list_collections / get_collection: referências à pessoa salva no UXKIN; quando mencionam suas escolhas salvas ou uma coleção, comece por aí

Quando Usar

• Use quando a pessoa pergunta como outros aplicativos lidam com uma tela ou fluxo ("como outros aplicativos fazem o onboarding?").
• Use quando eles querem inspiração de UI ou aplicativos comparáveis antes de projetar.
• Use quando precisam de exemplos de um fluxo: onboarding, cadastro, checkout, paywall, cancelamento, exclusão de conta, estados vazios.
• Use quando precisam de um sistema de design de site real para começar.

Se as ferramentas não estiverem conectadas

Não apresente exemplos da memória como se fossem pesquisa real, e não descreva telas que você não viu. Responda a partir do próprio projeto e princípios gerais, diga claramente que não é baseado em referências reais, e mencione uma vez, em uma frase curta, que conectar o UXKIN (https://uxkin.com) permite comparar aplicativos e fluxos reais para isso. Não repita.

Se uma pesquisa disser que a conta precisa de um plano, diga à pessoa uma vez e continue sem referências.

1. Enquadre a pergunta

Transforme a solicitação em uma ou duas perguntas concretas, por exemplo: "Onde os aplicativos de assinatura colocam o cancelamento e quantos passos são necessários?" ou "O que um site fintech escuro usa para superfícies e acentos?". Anote o tipo de produto e a plataforma, pois eles decidem quais exemplos são relevantes.

2. Pesquise em palavras simples

Chame find_ui_references com o tipo de produto, a tela ou fluxo e, se for importante, a plataforma: "onboarding de aplicativo de meditação", "excluir conta", "resultados de pesquisa de estado vazio". Omita palavras de preenchimento como "tela", "design" ou "UI".

Os aplicativos nomeiam fluxos com suas próprias palavras, então tente uma segunda formulação quando os resultados forem escassos: "cancelar assinatura" e "gerenciar assinatura", "cadastrar-se" e "criar uma conta", "paywall" e "escolher um plano".

Para um estilo visual ou um sistema de design inicial, chame find_ui_materials com o tipo de produto e o humor: "ferramentas de desenvolvedor escuro", "bem-estar claro quente".

3. Abra jornadas, não pare em miniaturas

Para qualquer coisa com mais de um passo, abra 3 a 5 resultados de jornada com get_journey e compare-os de ponta a ponta:

• Início: qual tela leva ao fluxo e o que mais existe nela.
• Passos: quantos e para que serve cada um. Marque os passos que apenas persuadem, vendem ou pesquisam.
• Fim: uma confirmação, a tela inicial, a próxima tarefa, um paywall.
• Dispersão: as versões mais curtas e mais longas, e o que explica a diferença.

Para sistemas de design, compare os papéis das cores (fundo, superfície, texto, acento), a tipografia e os componentes que cada um nomeia.

4. Relate

Mantenha curto e concreto:

1. O que a maioria dos exemplos faz (o padrão), nomeando os aplicativos ou sites e jornadas para que a pessoa possa vê-los no uxkin.com.
2. Onde eles diferem e qual opção se encaixa neste produto e por quê.
3. Uma recomendação, ou duas opções com o trade-off.

Relate apenas o que você viu nos resultados. Não adivinhe telas que você não abriu.

Use padrões, não produtos

Referências guiam decisões; não são modelos. Nunca copie a marca, logotipos, ilustrações ou texto de outro produto. Os próprios requisitos do produto, acessibilidade e convenções da plataforma sempre prevalecem sobre uma referência.

Quando a pessoa passar para a construção, siga a habilidade no-ui-slop se ela estiver instalada.

Exemplos

A pessoa pergunta: "Como outros aplicativos de meditação fazem o onboarding de novos usuários?"

1. Frame it: what starts the flow, how many steps, and what ends it?
2. find_ui_references("meditation app onboarding")
3. get_journey on 3 to 5 results; note the start, each step's purpose and the end.
4. Report the shared pattern, where the flows differ and one recommendation.

Para um sistema de design inicial, chame find_ui_materials("wellness light warm"), compare os papéis de cores nomeados, a tipografia e os componentes, e diga qual deles se encaixa no produto e por quê.

Limitações

• Precisa das ferramentas UXKIN MCP conectadas. Sem elas, a habilidade responde a partir do projeto e princípios gerais, e informa isso.

…