Vibe coding para o card inteiro ser o link: não só o texto

Vibe coding para o card inteiro ser o link é o recorte que Gabriel fecha no Bookbase, gerenciador de favoritos com extensão Chrome, perto do fim da live de 110 min. Ele olha a visão de card, a foto está no card, clica e já abre. Na visão de lista, minimalista, o clique só pega se acertar o texto do link.

Aí tem a visão de lista também, minimalista. Só não tô gostando de ter clicado exatamente aqui no link, tá? Vamos fazer mais is inteiro como link, né?

O colega confirma: não só o texto. Gabriel leva o pedido para a lista, onde o link está apenas no texto específico. Se o usuário precisa acertar o texto, a tag está no lugar errado.

Na visão de card, clicar na foto já abre

Ele abre a visãozinha de card e reage na hora.

Nossa, a visãozinha de card.

O agente coloca foto no card. Gabriel olha a visão de card aberta. A fotinha está no card. Ele clica.

Ô, olha aqui na visão de car aberta aqui já. Ô louco, colocou fotinha balo, né? Clica aqui, já abre.

No áudio sai fotinha balo. Fora das aspas: foto no card; clicar abre. Visão de car é a visão de card. Nessa tela o clique abre. Ele segue para a visão de lista.

Noutra hora da mesma live, o recorte da lista de favoritos foi não dar select em 1000 favoritos a cada foco. Aqui o assunto é só onde o clique pega.

Na visão de lista, o link está só no texto específico

Ele anuncia que tem a visão de lista também, no mesmo Bookbase. Chama essa tela de minimalista e diz que não está gostando de ter clicado exatamente no link. No áudio, mais is inteiro como link é o card inteiro como link. Nessa fala ele pede o inteiro como link, no mesmo fôlego em que aponta o clique exato no link.

O colega concorda. Na visão de card, para ele, está de boa. O conserto que ele aponta é mudar a tag.

Gabriel confirma e nomeia a lista:

Na visão de lista, o link tá apenas no texto específico. Acho que deveria ficar também no card todo mesmo na visão de lista.

A live grava o pedido do card todo, também na lista. Não grava o clique da lista passando a abrir pelo card inteiro depois dessa fala.

No vibe coding da lista, o hit target é o card inteiro

O colega aponta mudar a tag e dá a visão de card como boa. Gabriel descreve o gesto que quer na lista: o card todo, no mesmo produto em que a visão de card abre no clique. A tag, na fala do colega, é o conserto. Gabriel nomeia a lista com o link no texto específico e pede o card todo também nessa visão. O pedido que fica gravado junta as 2 falas: mudar a tag e o card todo mesmo na visão de lista.

Amanhã, clique fora do texto do link

Amanhã, no vibe coding de um card clicável, abra a visão de card e clique na foto. Depois abra a visão de lista e clique fora do texto do link. Se só o texto abre, peça o card inteiro como link, também na lista. A visão de card da live já faz o gesto: clica, já abre.

Dá para assistir à live e ouvir o clicar exatamente no link e o card todo mesmo na visão de lista.