← Todas as publicações

154 peças de página prontas, de graça, a IA só encaixa

Você não precisa que a IA invente a seção. Precisa entregar a peça pronta e mandar ela encaixar. O catálogo abre sem login e o código é seu.

Eu parei de pedir pra IA inventar seção de página. E cara, isso mudou mais coisa do que trocar de modelo.

Você pede uma seção de depoimento. Ela devolve três caixinhas cinzas com aspas gigantes, estrela que não alinha, foto redonda esmagada. Pede de novo, vem outra coisa feia. Terceira tentativa, quarta.

Eu confesso pra vocês que já perdi muito tempo brigando com a IA por causa disso. Só que o problema nunca foi o prompt. É que você tá mandando ela inventar uma peça que já existe pronta, testada, no mundo.

No post passado eu falei do arquivo de regras, o DESIGN.md, o clima da página. Aquilo resolve o "como deve parecer". Hoje é a outra metade: a peça em si.

O site em questão é o opensourceui.in. Abri sem login. Sem cadastro, sem trial, sem cartão. Etiqueta verde FREE no topo e a frase oficial: "copy-paste library of thoughtfully crafted, production-ready components". Em português: uma biblioteca de peças de página prontas pra copiar e colar.

Componente, aqui, é uma peça isolada de interface: a seção de time, a tabela de preço, o formulário de contato, o cronômetro regressivo. Cada uma com o código completo, aberto, na tela. Enfim, a parada que a IA tenta reinventar toda vez.

A home do Opensource UI em 27/08/2026: etiqueta FREE, licença MIT e os números que o próprio site declara desde o lançamento
A home do Opensource UI em 27/08/2026: etiqueta FREE, licença MIT e os números que o próprio site declara desde o lançamento
A home rodando. Cada bloco da página é um componente real funcionando, não ilustração de componente.
A IA não erra a seção porque é ruim. Erra porque você pediu invenção quando o certo era pedir montagem.

O tamanho real do catálogo

A página de catálogo declara: 154 componentes em 26 categorias.

Eu não acreditei no número. Passei pra IA mapear a lista inteira: 154 endereços únicos de componente. Widgets 29, Botões 16, Campos de formulário 14, Notificações 10, Redes sociais 10, e por aí até o último. Soma: 154.

Cara, é o primeiro site desse tipo em muito tempo que o número da vitrine bate com o número de dentro.

A página de catálogo em 27/08/2026: 154 componentes, 26 categorias, cada linha abre uma ficha própria
A página de catálogo em 27/08/2026: 154 componentes, 26 categorias, cada linha abre uma ficha própria

Sobre o projeto, o que dá pra verificar hoje: repositório público bidyut10/opensourceui, criado em 5 de junho de 2026, 135 estrelas, licença MIT. O último envio de código foi hoje de manhã. Tá vivo, e é obra de uma pessoa só, Bidyut Kundu.

E por que isso importa pra mim: aqui na Nomics a gente já fez mais de 400 páginas. Componente que a IA inventa do zero sempre foi onde a gente mais queimou tempo.

Passo 1. Ache a peça pelo nome do problema, não pelo nome bonito

Não entra pelo menu. Entra pela busca.

O atalho é Command + K (ou Ctrl + K no Windows). Você digita o que precisa em inglês e o catálogo filtra na hora.

Eu digitei ticket. Voltaram 2: Cinema Ticket e Event Ticket. Digitei receipt. Voltou 1: Thermal Receipt, um recibo de papel térmico com borda serrilhada e QR code no pé.

Busca por "ticket" no catálogo: o site responde com a contagem e as fichas que casam
Busca por "ticket" no catálogo: o site responde com a contagem e as fichas que casam
A busca funcionando: digita, filtra, abre a ficha. Sem login em nenhum momento.
Continue lendo

Falta o resto desta edição

Inscrição única, uma vez só. Libera esta e todas as outras edições, e você recebe as próximas no e-mail assim que entrarem no ar.

Ao se inscrever, você concorda em receber as edições da Newsletter Nomics Tech. Sai quando quiser, num clique no pé de qualquer e-mail.

Nomics Tech

A IA que você viu aqui pode rodar no seu negócio

Tudo que você lê nesta newsletter sai da nossa operação real. A Nomics Tech implementa IA personalizada no seu negócio: seus contextos, seus processos, sua ferramenta. E no final, você fica com a chave.

Conhecer a Nomics Tech →
Tem um projeto de lançamento? Conheça a Nomics Coprodução e como podemos escalar o seu projeto →

nomicstech

A newsletter que a Nomics usa pra trabalhar

Checklists, prompts, contextos e sistemas que rodam a nossa operação todos os dias. Material novo toda semana, de graça.

Ao se inscrever, você concorda em receber as edições da Newsletter Nomics Tech. Sai quando quiser, num clique no pé de qualquer e-mail.

154 peças de página prontas, de graça, a IA só encaixa · Nomics Tech