Prompts de design de sites para ChatGPT

Forneça um briefing completo

Especifique público, propósito, seções, textos e ação principal. Descreva poucas escolhas visuais concretas. Preserve fatos, preços e links; peça para indicar informações ausentes em vez de inventar depoimentos ou funções.

Peça arquivos e confira a prévia disponível

Solicite nomes de arquivo e instruções para abri-los. A OpenAI documenta prévias HTML no visualizador quando disponíveis. Se receber código, salve e abra localmente. Sites é um fluxo separado de criação e hospedagem; um prompt sozinho não publica o site.

Corrija um problema visível

Indique largura, seção e resultado esperado. Por exemplo, ajuste uma nota que ultrapassa 320 pixels sem alterar tipografia de desktop ou links. Abra o arquivo alterado: explicar uma mudança de CSS não equivale a verificar no navegador.

Entregue arquivos e limitações

Passe arquivos reais, briefing, lista de recursos e problemas abertos ao agente de código. Ele deve inspecionar framework e rotas, preservar autenticação, preços e contratos do backend e verificar ação, celular e teclado no projeto real.

Exercícios originais para adaptar

Estes exemplos originais da Neruve permanecem em inglês. São entradas propostas, não resultados testados nem prompts de templates pagos. Substitua os dados fictícios antes de usar.

Create an original website brief for Fieldnote, a fictional research-notes app.
Audience: small product teams. Explain collect → compare → decide.
Output: one self-contained HTML/CSS file if your current tools can create files;
otherwise provide complete code and explain how to open it locally.
Use warm paper, ink text and one clearly fictional research-note specimen.
Sections: introduction, specimen, three-step workflow and a closing workflow link.
The primary action is “Explore the workflow” and targets #workflow.
Include semantic headings, a skip link, visible focus and reduced motion.
Support 1280, 390 and 320 px. Do not add signup, prices, customer logos or metrics.
List the output files and the checks actually performed.

Review the current Fieldnote output. At 320 px, the note specimen extends
beyond the viewport. First identify the specific element and sizing rule.
Change only the specimen layout; preserve desktop typography, all copy and links.
Use wrapping or responsive sizing instead of hiding content or clipping the page.
Return the changed file, then repeat 320, 390 and 1280 px checks.
If you cannot open the result in a browser, mark those checks as not performed.
Do not describe proposed CSS as a verified fix.

Exercício real: Fieldnote com Codex

Fieldnote inclui o briefing original, o HTML do Codex sem alterações e verificações em desktop e celular. Nenhum Skill frontend-design foi fornecido; não é um teste do ChatGPT ou do Claude Design.

Perguntas frequentes

Explore designs e os prompts associados

O catálogo público da Neruve oferece designs de sites, prompts associados disponíveis e um diretório de Skills. As prévias interativas não exigem login; os prompts seguem as permissões do item e do plano. Este fluxo usa sua própria ferramenta de desenvolvimento e não exige um gerador público de sites da Neruve.

• Explorar biblioteca
• Landing pages HTML para SaaS e prompts
• Templates de sites de portfólio e prompts de design

Referências oficiais

• OpenAI · Files and previews
• OpenAI · Sites

Ferramentas e skills externas pertencem aos seus autores. Os links são referências, sem indicar parceria ou acesso incluído.