texture prompts

Gerador de prompts detalhados de textura e material para IA de imagem. Você escolhe um material na biblioteca, ajusta os atributos e a cena, e sai um prompt pronto para o modelo escolhido. Roda inteiramente no navegador, sem back-end.

O que faz

• Biblioteca — 20 materiais e 56 variações: vidro, gel, água, metal polido, escovado e oxidado, madeira, mármore, pedra, papel, tecido, veludo, couro, concreto, terrazzo, estuque, cerâmica, plástico, holográfico e pérola. Cada um com amostra visual
• Aplicação — objeto (o material vestindo uma forma: ícone, letra, símbolo, embalagem) ou textura contínua (padrão sem emenda visto de cima, para fundo ou mapa 3D)
• Atributos — acabamento, desgaste, microdetalhe e iridescência, de 0 a 100. Cada faixa vira uma frase no prompt, mostrada embaixo do controle
• Cena — iluminação, fundo, estilo e composição. Iluminação e fundo partem da sugestão do material
• Modelos — Grok, Midjourney, GPT Image, Flux / SD e Firefly, cada um no formato que lê melhor
• Exportação — copiar, TXT e PNG em formato de cartão (título, prompt e amostra)

Anatomia do prompt

A ordem segue o exemplo de referência:

assunto → "the X form made of" material → detalhes → atributos → cor → luz → fundo → estilo → composição

biblioteca.js guarda o material e os detalhes de cada variação. Os detalhes não falam de acabamento, desgaste nem iridescência: isso vem dos atributos, para não sair frase contraditória quando o slider muda. prompt.js monta as partes e formata por modelo:

Modelo	Formato
Grok	caixa alta entre chaves, igual ao exemplo
Midjourney	lista corrida + --ar, --style raw, --v 7, --tile e --no
GPT Image	frases completas, com "Avoid:" no fim
Flux / SD	lista de termos, prompt negativo em campo separado
Firefly	frases completas, sem proporção no texto

Idioma

Todo fragmento existe em inglês e em português. No modo automático, o idioma do prompt segue o que você escreve no assunto, na cor e no detalhe extra: detectarIdioma, em prompt.js, pontua palavras típicas de cada língua e conta acento a favor do português. O texto dos presets de assunto não é pontuado, porque troca de língua junto com o resto, mas um preset escolhido em português conta como sinal. Sem nada escrito, o prompt sai em inglês, que é onde os modelos de imagem acertam mais. O idioma também pode ser fixado à mão.

Amostras

Nenhuma imagem é baixada: cada amostra é pintada pixel a pixel em amostras.js, a partir de ruído Perlin, fbm e Worley. São dois renderizadores:

• superfície — mapa de altura e albedo; a normal sai da altura e é iluminada por uma luz rasante (relevo) e uma softbox pontual (especular)
• esfera — bola de material num estúdio, com reflexo de ambiente, Fresnel e, no vidro e no gel, refração do fundo e cáustica na sombra

Os renderizadores são geradores (function*). O agendador fatia o trabalho em blocos de 10 ms entre quadros, então a biblioteca vai aparecendo sem travar a interface, e a amostra grande do destaque passa na frente da fila. Cada amostra fica em cache por parâmetro e resolução.

As amostras são ilustrativas — mostram o caráter do material, não o resultado do modelo.

Material novo

Entra em MATERIAIS, em src/biblioteca.js, com os negativos em neg e negPt e, em cada variação, material e detalhes em inglês e o mesmo em pt. O material em português começa pelo substantivo, sem artigo, porque entra depois de "feita de". A amostra reaproveita um gerador existente (papel, madeira, marmore, pedra, concreto, terrazzo, gesso, tecido, couro, escovado, oxidado, agua, holo) ou um shader de esfera (vidro, gel, metal, plastico, ceramica, veludo, perola). Gerador novo entra em GERADORES, em src/amostras.js.

Sistema visual

Paleta, tipografia, Header e Footer vêm do gri.d.maker, que é a fonte da verdade da família. As cópias de referência estão em assets/design-system.md e assets/tokens.css. Ao mudar qualquer token lá, replique aqui.

A Host Grotesk SemiBold vem da Google Fonts, como no 3d maker. Gere o subconjunto de "texture prompts" e troque por @font-face embutido para cortar a chamada externa.

Rodando localmente

npm install
npm run dev

Publicando

Vercel, sem configuração (Vite, build npm run build, saída dist).

Licença

MIT