Mockups de produtos interativos — dashboards, aplicativos, landing pages, ferramentas internas. Qualquer coisa que você entregaria a um stakeholder e clicaria.
prototipo Ler prompt completo → Landing page escura e premium para um portfólio de criador 3D: um hero em tela cheia com título em gradiente e um retrato 3D magnético que segue o mouse, um marquee horizontal de imagens controlado pela rolagem, uma seção About com decorações 3D nos cantos e texto revelado caractere a caractere ao rolar, uma lista de serviços em fundo branco e cards de projeto que se empilham encolhendo conforme a rolagem.
prototipo Ler prompt completo → Landing page premium de agricultura de precisão: seções alternadas escuras e claras, um vídeo de fundo hero em tela cheia, uma grade de estatísticas animada, um marquee de logos infinito e cards de serviço com imagens de fundo.
prototipo Ler prompt completo → Site de marketing premium, cinematográfico e movido por rolagem para propulsão aeroespacial: um hero com gradiente de azul a branco quente com wordmark em parallax e still do motor, uma miniatura de missão que cresce em um vídeo sticky em tela cheia, uma vitrine com abas fixada, uma grade de capacidades bento com cards de vídeo em loop e um marquee de ferramentas, um gráfico de estatísticas escuro animado, um trilho horizontal de histórias em vídeo e um rodapé de campo de estrelas.
prototipo Ler prompt completo → Landing page premium com fundo branco para um estúdio criativo: hero com acento serifado, marquee de GIF infinito, depoimento com parallax, preços em dois cards, carrossel de depoimentos com rolagem automática, vitrine vertical de projetos, um CTA de parceria com rastro de mouse e uma navegação inferior flutuante fixa.
prototipo Ler prompt completo → Artigo longo / post de blog — com cabeçalho, placeholder de imagem hero, corpo do artigo com figuras e citações destacadas, assinatura do autor, posts relacionados. Use quando o briefing pedir 'blog', 'artigo', 'post', 'ensaio' ou 'estudo de caso'.
prototipo Ler prompt completo → Landing page B2B cinematográfica premium impulsionada por GSAP: um hero com slider de vídeo em tela cheia guiado por scroll com transições de clip-path em elipse, títulos revelados caractere a caractere com SplitText, uma galeria de produtos em masonry, texto de apresentação revelado ao rolar, um letreiro de parceiros, cards de recursos Lottie e um rodapé com vários escritórios.
prototipo Ler prompt completo → Apresentação estruturada de casos médicos para rounds, conferências e documentação. Gera relatórios em formato SOAP ou narrativo com sinais vitais fisiologicamente precisos, exames laboratoriais e planos baseados em evidências.
prototipo Ler prompt completo → Hero premium, escuro e cinematográfico para uma plataforma de ensino de programação: vídeo de fundo HLS em tela cheia, um cartão liquid-glass, tipografia em maiúsculas com destaque verde, brilho central, linhas de grade no desktop e um menu hambúrguer mobile funcional.
prototipo Ler prompt completo → Transforme um artigo longo, thread, memorando ou narrativa de produto em um mapa de capacidades clicável estilo Codex com loop de workflow, matriz de casos de uso e painel de detalhes responsivo.
prototipo Ler prompt completo → Executa uma revisão de design especializada em 5 dimensões para qualquer artefato HTML do projeto — Filosofia/Hierarquia visual/Detalhes/Funcionalidade/Inovação, cada uma pontuada de 0 a 10. Gera um relatório HTML autocontido com gráfico de radar, pontuações fundamentadas e três listas: Manter/Corrigir/Vitórias rápidas.
prototipo Ler prompt completo → Painel administrativo e analítico em um único arquivo HTML. Barra lateral esquerda fixa, barra superior com usuário/busca, grade principal de cartões KPI e gráficos. Use para telas de 'painel', 'admin', 'analytics' ou 'painel de controle'.
prototipo Ler prompt completo → Dashboard de conferência premium em liquid glassmorphism: dois fundos de vídeo em tela cheia que se alternam conforme o tema, uma grade de cartões 4×2 de vidro/sólidos, indicadores de participantes animados com onda de voz e uma barra de controle flutuante.
prototipo Ler prompt completo → Transforma dados CSV, Excel ou JSON em uma página de relatório visual refinada.
prototipo Ler prompt completo → Painel de namoro/matchmaking com visual de consumidor, incluindo navegação lateral esquerda, barra de sinais da comunidade, KPIs principais, gráfico de barras de matches mútuos de 30 dias e bloco de tendência de taxa de match. Tipografia editorial com destaque contido. Ideal para sites de namoro, matchmaking, painéis de comunidade ou redes sociais.
prototipo Ler prompt completo → Avaliação por fluxo de caixa descontado e análise de valor intrínseco para empresas de capital aberto. Para DCF, valor justo, valor intrínseco, preço-alvo e análise de sobre/subvalorização.
prototipo Ler prompt completo → Showcase estático em 3D de iPhone e MacBook com HTML real incorporado nas telas, refração de lente de vidro e composição giratória de 360 graus.
prototipo Ler prompt completo → Prévia de guia digital de duas páginas — página 1 é capa (título, autor, estatísticas 'O que tem dentro', prévia do sumário); página 2 é spread (corpo da lição com citação destacada e lista de passos). Tom lifestyle / marca de criador. Use quando o briefing pedir 'e-guide', 'guia digital', 'lookbook', 'lead magnet', 'guia de criador', 'playbook', 'guia PDF' ou '电子指南'.
prototipo Ler prompt completo → Uma página de documentação com navegação lateral, corpo de artigo rolável e sumário. Use quando o briefing mencionar 'documentação', 'guia', 'referência de API' ou 'tutorial'.
prototipo Ler prompt completo → Landing parallax imersiva de página única: um viewport fixo aproxima uma imagem de portal de você conforme a rolagem, cortinas se abrem na entrada e um carrossel de cartões em arco revela nove destinos oníricos na segunda cena.
prototipo Ler prompt completo → Template de e-mail para lançamento de produto com cabeçalho, imagem hero, título em itálico, corpo de texto, CTA principal e grade de especificações em layout HTML de coluna única centralizada.
prototipo Ler prompt completo → Um runbook de engenharia — visão geral do serviço, tabela de alertas, links para dashboards, procedimentos comuns com comandos copiáveis, rotação de plantão e checklist de resposta a incidentes. Use para runbooks, docs de ops, guias de plantão, docs SRE ou 运维手册.
prototipo Ler prompt completo → Landing page fintech Kova premium: hero em tela cheia com fundo de vídeo boomerang em avanço/retrocesso, revelações com desfoque FadeUp, cards de dashboard flutuantes (gráfico de linha de poupança + gráfico de barras de gastos), um depoimento em duas colunas com um vídeo quadrado em reprodução automática e uma grade de quatro recursos com cards de imagem e um gráfico de rosca de gastos.
prototipo Ler prompt completo → Relatório financeiro trimestral/mensal com cabeçalho de KPIs, gráficos de receita e consumo, tabela resumo P&L, destaques principais e parágrafo de perspectivas. Use quando o briefing mencionar 'relatório financeiro', 'relatório Q3', 'revisão MRR', 'P&L' ou '财报'.
prototipo Ler prompt completo → Painel de gerenciamento de equipe na estética FlowAI com três abas (Membros da equipe, Detalhes da equipe, Registro de atividades), linha de estatísticas KPI, tabela de membros, gráfico de barras de distribuição de funções, sparklines de presença online e atividade, e painel de principais contribuidores. Suporta tema claro/escuro, tooltips, zoom e exportação CSV.
prototipo Ler prompt completo → Protótipo de aplicativo móvel gamificado em três telas: capa, missões diárias com fitas de XP e barra de nível, detalhes da missão. Ideal para aplicativos gamificados, rastreadores de hábitos, aplicativos de vida RPG, aplicativos de level-up, missões diárias e aplicativos de XP/sequências.
prototipo Ler prompt completo → Painel de análise de repositório GitHub — estrelas, forks, colaboradores, issues, pull requests, atividade recente e principais colaboradores. Use para painel de repositório GitHub, relatório de crescimento open-source, página de saúde do repositório ou visualização de análise do GitHub.
prototipo Ler prompt completo → Plano de integração de novos funcionários em uma única página — cronograma da primeira semana, apresentação do buddy + gerente, trilha de aprendizado, checklist de equipamentos e resultados 'você está pronto quando…'. Use quando o briefing mencionar 'onboarding', 'novo funcionário', 'plano primeira semana' ou '入职'.
prototipo Ler prompt completo → Apresentação HTML 16:9 no estilo tactical-telemetry / terminal CRT. Slides carvão de CRT desativado, monoespaçado fósforo branco, destaque vermelho perigo, sobreposição scanline, sintaxe ASCII, densidade sobre decoração. Destilado de Leonxlnx/taste-skill `brutalist-skill` (modo Tactical Telemetry).
prototipo Ler prompt completo → Apresentação HTML 16:9 em estilo editorial minimalista. Slides em creme quente, serifada para títulos + grotesca para corpo, linhas finas, metadados monoespaçados, espaço em branco generoso, um acento. Destilado de Leonxlnx/taste-skill `minimalist-skill`.
prototipo Ler prompt completo → Landing de agência editorial escura premium: um título hero em Instrument Serif sobre um vídeo em tela cheia com crossfade automático, navegação e botões liquid glass, e seções About / Featured Video / Philosophy / Services reveladas ao rolar.
prototipo Ler prompt completo → Página de fatura imprimível — bloco de remetente + destinatário, tabela de itens, detalhamento de impostos, totais e instruções de pagamento. Use quando o briefing mencionar 'invoice', 'bill', 'billing statement' ou '发票'.
prototipo Ler prompt completo → Produz um documento de uma página com qualidade de impressão — tela de pergaminho quente, destaque azul tinta, serifa em um peso, sem itálico, sem cinzas frios. O resultado parece um white paper profissional ou um one-pager de estúdio, não uma UI de aplicativo. Multilíngue por design (EN · zh-CN · ja). Um único arquivo HTML autocontido, zero dependências.
prototipo Ler prompt completo → Tela de pergaminho quente (#f5f4ed), destaque monocromático azul-tinta (#1B365D), uma família serifada e tipografia de nível editorial.
prototipo Ler prompt completo → Quadro kanban / de tarefas com colunas (To do / In progress / In review / Done), cartões arrastáveis, avatares de responsáveis, swimlanes e barra de filtros superior. Use quando o brief mencionar 'kanban', 'task board', 'sprint board', 'trello' ou '看板'.
prototipo Ler prompt completo → Pesquisa de tendências comunitárias e sociais dos últimos 30 dias. Use para saber o que as pessoas estão dizendo agora, sentimento recente, reações da comunidade, prova social, reação ao lançamento, varredura de tendências ou contexto dos últimos 30 dias.
prototipo Ler prompt completo → Landing parallax em camadas e cinematográfica para um estúdio de arquitetura: vídeo de fundo em tela cheia, um enorme logotipo de marca centralizado atrás de uma laje escultórica em parallax, uma máquina de estados de vídeos de pássaros animados, pílulas de navegação e painéis de informação em vidro fosco, e uma segunda seção de vídeo em tela cheia com um título editorial centralizado.
prototipo Ler prompt completo → Landing page escura e luxuosa de página única para uma agência de web design com IA: fundos de vídeo cinematográficos, títulos em Instrument Serif itálico, cartões e CTAs em liquid glass, revelações palavra por palavra com BlurText e narrativa seção por seção.
prototipo Ler prompt completo → Landing cinematográfica de fragrância de luxo: um hero de vídeo em tela cheia, uma revelação elíptica com clip-path guiada por rolagem, um carrossel orbital de frascos de perfume que aumentam num ponto focal, uma seção de newsletter e um rodapé de pergaminho quente.
prototipo Ler prompt completo → Layout de artigo de revista inspirado em Huashu / huashu-md-html para transformar Markdown ou notas em um ensaio HTML longo e refinado.
prototipo Ler prompt completo → Pôster editorial estilo jornal com papel jornal, linha de data, título serifado grande com palavra riscada e itálico, bloco de texto em 2 colunas e 6 seções numeradas com citações anotadas. Ideal para pôsteres de revista, layouts editoriais, estilo jornal ou manifestos.
prototipo Ler prompt completo → Pôster vertical ou imagem de compartilhamento estilo Stories com forte impacto visual.
prototipo Ler prompt completo → Página de atas de reunião — barra de título com participantes, checklist de pauta, bloco de decisões, tabela de ações com responsáveis e datas, e rodapé para a próxima reunião. Use quando mencionar 'atas de reunião', 'minutes', 'notas 1:1', 'resumo all-hands' ou '会议纪要'.
prototipo Ler prompt completo → Landing page monocromática preto absoluto para newsletter/plataforma de conteúdo: hero de vídeo em tela cheia, palavras de destaque em itálico Instrument-Serif, controles liquid-glass, missão revelada palavra por palavra durante a rolagem e um CTA de vídeo HLS.
prototipo Ler prompt completo → Uma tela de aplicativo mobile renderizada dentro de um frame iPhone 15 Pro com precisão pixel a pixel na página. Criado copiando o arquivo semente assets/template.html e colando um arquétipo de tela de references/layouts.md. Use quando o briefing pedir 'aplicativo mobile', 'aplicativo iOS', 'aplicativo Android', 'tela de celular' ou 'UI de aplicativo'.
prototipo Ler prompt completo → Fluxo de onboarding mobile com múltiplas telas representadas como três molduras de celular lado a lado — splash, proposta de valor, login. Barra de status, pontos de swipe, CTA principal. Use quando mencionar 'onboarding mobile', 'onboarding iOS', 'cadastro no celular' ou '移动端引导'.
prototipo Ler prompt completo → Currículo moderno e minimalista, página A4 única, pronto para impressão ou exportação em PDF.
prototipo Ler prompt completo → Composição de motion design de quadro único com animações CSS em loop — anel de texto rotativo, globo animado, timer, labels parallax. Renderiza como poster de vídeo hero para HyperFrames ou qualquer exportador baseado em keyframes. Ideal para motion design, hero animado, loops, posters de vídeo e cartões de título.
prototipo Ler prompt completo → Uma landing page mythic-naturecore cinematográfica: um scroll de 480vh dá zoom através de um portal enquanto cortinas espelhadas se abrem sobre um fundo de mundo em camadas, com profundidade 3D por paralaxe do mouse e uma combinação serif-sans Viaoda-Libre / Imprima.
prototipo Ler prompt completo → Site de marketing de página única em tons escuros e dourado quente para um produto de armazenamento em nuvem seguro: um hero com shader com console ao vivo e efeito de máquina de escrever, um acordeão de plataforma fixo guiado por rolagem, um campo de barras de preços que se transforma ao rolar, cartões de segurança, uma vitrine de console com inclinação 3D e um cubo de operações que explode ao clicar.
prototipo Ler prompt completo → Produz uma landing page editorial de página única na linguagem visual Atelier Zero (colagem editorial Monocle / Apartamento / Études). Preenche inputs.json a partir de um briefing de marca, opcionalmente gera 16 assets de colagem via gpt-image-2 e emite um arquivo HTML autônomo com animações de scroll e navegação fixa.
prototipo Ler prompt completo → Landing page de coleção NFT com tema espacial escuro, fundos de vídeo CloudFront em tela cheia, uma UI de liquid glass, fontes Anton + Condiment e um destaque verde neon distribuído por quatro seções.
prototipo Ler prompt completo → Acionado automaticamente pelo Orbit quando dois ou mais conectores estão conectados. Coleta atividades das últimas 24 horas de todos os conectores autenticados (GitHub, Linear, Notion, Slack, 飞书, Calendário, Gmail, Drive, Sentry, Vercel, etc.) e gera um painel adaptativo em grade bento no topo de "我的设计". Executado automaticamente pelo agendador de resumo diário do Orbit.
prototipo Ler prompt completo → Habilidade Orbit para gerar automaticamente resumos diários baseados em conexões GitHub. Recupera PRs, solicitações de revisão, issues, execuções de CI e merges das últimas 24 horas e os exibe no estilo de notificações nativo do GitHub. Invocado automaticamente pelo agendador de resumo diário do Orbit.
prototipo Ler prompt completo → Extrai a atividade da caixa de entrada das últimas 24 horas e gera um resumo diário quando o Gmail é o único serviço conectado ou explicitamente selecionado. Acionado automaticamente pelo agendador do Orbit, não deve ser executado manualmente.
prototipo Ler prompt completo → Acionado automaticamente pelo pipeline do Orbit quando o Linear é o único conector conectado do usuário ou quando o usuário limita explicitamente seu resumo diário ao Linear. Extrai as últimas 24 horas de movimentação de issues, mudanças de status, atribuições e progresso de ciclo, renderizando o resumo na linguagem visual nativa da caixa de entrada do Linear.
prototipo Ler prompt completo → Habilidade de briefing do Open Orbit — selecionada pelo pipeline do Orbit quando o Notion é o único conector conectado do usuário ou quando o usuário limita explicitamente seu resumo diário ao Notion. Extrai as edições de documentos, comentários, menções e alterações de linhas de banco de dados das últimas 24 horas da conexão autenticada do Notion do usuário e renderiza o resumo como uma página nativa do Notion (elementos callout/toggle/tabela de banco de dados). Esta habilidade não deve ser acionada manualmente — ela é invocada pelo agendador de resumo diário do Orbit com dados do Notion em tempo real.
prototipo Ler prompt completo → Especificação de produto/PRD em página única — problema, métricas de sucesso, escopo, histórias de usuário, notas de design, plano de lançamento, questões em aberto. Para specs de produto e briefs de funcionalidades.
prototipo Ler prompt completo → Landing page de portfólio escura e premium em página única: vídeo hero HLS cinematográfico, tipografia de display em itálico Instrument Serif, um contador de carregamento de 000 a 100, uma grade bento de trabalhos alternada, uma galeria de exploração com parallax fixada na rolagem e um rodapé de contato em marquee com o gradiente de destaque travado #89AACC→#4E85BF.
prototipo Ler prompt completo → Uma página de preços autônoma — cabeçalho, níveis de planos, tabela de comparação de recursos e perguntas frequentes. Use quando o briefing solicitar 'preços', 'planos', 'níveis de assinatura' ou uma página de 'comparar planos'.
prototipo Ler prompt completo → Card de post do Reddit realista com barra de votos e contagem de comentários, ideal para sobreposições de vídeo ou compartilhamento de stories.
prototipo Ler prompt completo → Landing page SaaS de página única com hero, recursos, prova social, preços e CTA. Respeita os tokens ativos de cor/tipografia/layout do DESIGN.md. Palavras-chave de ativação: "saas landing", "marketing page", "product landing".
prototipo Ler prompt completo → Hero de landing premium para jatos particulares: um fundo de vídeo CloudFront em tela cheia com reprodução automática, uma navegação max-w-7xl com menu dropdown mobile de hambúrguer Lucide e um título centralizado de duas linhas sobrepostas (Premium. / Accessible.) com CTAs em formato de pílula Discover + Book Now.
prototipo Ler prompt completo → Um carrossel de três cartões para mídias sociais em formato 1080×1080 – três painéis cinematográficos alinhados à marca com títulos que se conectam ao longo da série ('em frente.' → 'para o próximo.' → 'olhando adiante.'). Cada cartão inclui marca, número/total, legenda e affordance de 'loop'. Use para solicitações de 'post em carrossel', 'carrossel social', 'carrossel do Instagram', 'série do LinkedIn', 'cartões de thread do X' ou '三连发'.
prototipo Ler prompt completo → Painel de análise de mídias sociais para criadores em um único arquivo HTML. Com seletor de plataforma (X / LinkedIn / YouTube / Instagram), cartões KPI (seguidores, taxa de engajamento, curtidas, reposts), gráfico de crescimento de seguidores, prévia do post em destaque da semana e painel lateral de tópicos em alta/principais comentários.
prototipo Ler prompt completo → Card estilo Spotify com capa do álbum, barra de progresso e controles de reprodução, adequado para overlays de vídeo ou páginas pessoais.
prototipo Ler prompt completo → Slide explicativo animado em estilo pixel art com fundo creme, ano em negrito, mascote em pixel art (carta Hanafuda, cogumelo ou console 8-bit), tipografia japonesa cinética e faixa de linha do tempo. Animação CSS pura, pronta para gravação em vídeo vertical.
prototipo Ler prompt completo → Landing page premium para prêmios / premiações de venture: um invólucro de cartão branco embutido com cantos arredondados, um hero de vídeo em tela cheia com CTA em clip-path chanfrado, uma seção de inscrições em três colunas com cartões de indicação angulares ao redor de um vídeo quadrado e uma grade de estatísticas sobre os fundadores usando cartões de imagem plus-darker e números em texto com gradiente.
prototipo Ler prompt completo → Página de rastreamento de OKR com banner trimestral, três objetivos com seus resultados-chave como barras de progresso, avatares de responsáveis, pílulas de status e barra lateral 'visão geral do trimestre'. Use quando o briefing mencionar OKR, resultados-chave, objetivos ou 目标.
prototipo Ler prompt completo → Adiciona um painel de controles ao vivo a qualquer elemento HTML para ajustar cor de destaque, escala tipográfica, densidade, movimento e tema. As alterações são aplicadas instantaneamente às propriedades personalizadas de CSS e salvas no localStorage.
prototipo Ler prompt completo → Card de citação ou dados do Twitter projetado para acompanhar uma postagem.
prototipo Ler prompt completo → Landing page imobiliária de luxo de página única com estética cinematográfica: um pré-carregador estilo máquina de escrever que sobe e some, uma imagem de prédio orientada pelo scroll que surge de baixo e amplia enquanto se fixa a uma seção escura de declaração, uma faixa de estatísticas escura sticky com números em contagem crescente e uma galeria de vídeo que se expande ao passar o cursor e desliza por cima da seção escura.
prototipo Ler prompt completo → Landing page minimalista de pré-lançamento com captura de e-mail, logo da marca e camada decorativa opcional. Lê cores, tipografia e regras de layout do DESIGN.md. Ideal para lançamentos de produtos, inscrições beta, programas de acesso antecipado e projetos independentes.
prototipo Ler prompt completo → Protótipo web desktop de uso geral. Arquivo HTML autocontido criado copiando `assets/template.html` e colando layouts de `references/layouts.md`. Padrão para landing pages, marketing, documentação ou páginas SaaS.
prototipo Ler prompt completo → Protótipo web de impressão industrial suíça. Tela papel jornal, grotesca preta monolítica, numerais sangrados no viewport, divisores de grade finos, destaque vermelho perigo, decoração sintaxe ASCII. Destilado de Leonxlnx/taste-skill `brutalist-skill` (modo impressão industrial suíça).
prototipo Ler prompt completo → Protótipo web editorial-minimalista. Canvas monocromático quente, título serifado + corpo grotesco, bordas de 1px, chips pastéis suaves, espaços em branco generosos, micro-movimento ambiente.
prototipo Ler prompt completo → Protótipo web suave nível Apple. Canvas prata/creme, cards com moldura dupla, CTAs com botões aninhados, raios squircle generosos, animação elástica e malha ambiente. Baseado em soft-skill do Leonxlnx/taste-skill e seções 4–8.
prototipo Ler prompt completo → Wireframe desenhado à mão com fundo de papel quadriculado, tom de marcador/lápis, abas múltiplas, notas adesivas e placeholders de gráficos. Ideal para solicitações de wireframe, sketch, lo-fi ou quadro branco.
prototipo Ler prompt completo → Card realista de postagem X com métricas de engajamento (curtidas, reposts, visualizações), ideal para sobreposições de vídeo ou cards de imagem compartilháveis.
prototipo Ler prompt completo → Pesquisa de sentimento público no X/Twitter sobre mercados, empresas, produtos ou comunidades. Use para entender a opinião pública, posts de especialistas ou reações sociais sobre ações, setores, empresas, produtos ou eventos de mercado.
prototipo Ler prompt completo → Cartões de conhecimento no estilo Xiaohongshu, organizados como um carrossel deslizável de múltiplos cartões.
