CommunityImagemgithub.com

liigoQi/sala-de-escuta-vinil

Transforme uma memória, frase, emoção, história, objeto, lugar ou imagem de origem em um artefato ficcional coeso de lançamento em vinil contando com capa frontal, capa traseira, vinil Lado A e vinil Lado B. Use para gerar uma fotografia de produto em paisagem 4:3 crível de um disco de gravadora independente, cuja linguagem visual, tipografia, histórico de impressão, embalagem e materiais físicos expressem o conceito de origem. Entregue a imagem do design do disco, uma página HTML portátil de toca-discos 3D e um MP4 vertical de 10 segundos da mesma cena.

O que é sala-de-escuta-vinil?

Esta skill permite que um agente de IA transforme qualquer entrada criativa — uma memória pessoal, emoção, história, objeto, lugar, frase ou imagem fornecida pelo usuário — em um artefato ficcional completo de vinil. O resultado não é uma simples imagem bonita, mas sim uma fotografia de produto meticulosamente projetada, que simula um disco físico real de uma gravadora independente, incluindo capa frontal, capa traseira e os dois lados do vinil. A skill prioriza a criação de uma história de design coesa: a partir da entrada do usuário, ela extrai o clima dominante, o gênero musical implícito e elementos simbólicos, para então inventar uma identidade artística e histórico de produção ficcionais. As diretrizes detalhadas garantem que a imagem final siga uma proporção 4:3 paisagem, com uma diagramação 2x2 limpa e objetos fisicamente consistentes (discos perfeitamente circulares, sem distorção). A skill é compatível com plataformas que suportam geração de imagens (como Claude Code, Cursor, Codex), e seu fluxo de trabalho garante que o design seja construído em três camadas: geração de linguagem visual, design de embalagem e simulação de objeto físico. O usuário recebe não apenas a imagem do design do disco, mas também uma página HTML portátil de toca-discos 3D e um vídeo MP4 vertical de 10 segundos da mesma cena.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/liigoQi/vinyl-listening-room/tree/HEAD/vinyl-listening-room

Installed? Explore more Imagem skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Sala de Escuta Vinil

Transforme uma memória em um disco de vinil que nunca existiu.

Transforme a frase, memória, emoção, história, objeto, lugar ou imagem do usuário em um lançamento ficcional completo. Faça-o parecer um artefato musical com uma história de design, não uma imagem agradável com um título sobreposto.

O resultado deve assemelhar-se a um pacote de disco físico cuidadosamente fotografado de uma gravadora independente. Não é um pôster de álbum, anúncio, capa de streaming ou renderização de produto de luxo.

Saída Obrigatória

Gere exatamente uma imagem em paisagem 4:3 com largura maior que altura. Declare a proporção de aspecto explicitamente como 4:3 paisagem (largura:altura = 4:3) no prompt de geração. Nunca solicite uma tela retrato.

Mostre exatamente quatro elementos conectados do mesmo lançamento ficcional:

  1. Capa frontal
  2. Vinil Lado A
  3. Vinil Lado B
  4. Capa traseira

Use uma disposição limpa 2 por 2:

Capa frontal     Vinil Lado A
Vinil Lado B     Capa traseira

Mantenha a disposição completa centralizada com espaço em branco generoso e equilibrado. Use um fundo de cor sólida e plana selecionado a partir do clima do lançamento. Não adicione gradientes, cenários, salas, móveis, adereços ou padrões decorativos de fundo.

Faça todos os quatro objetos:

  • totalmente visíveis e separados
  • escalados uniformemente e fisicamente consistentes
  • voltados para frente ou fotografados de um ângulo muito ligeiramente superior
  • livres de bordas cortadas e sobreposição
  • O disco de vinil deve manter uma forma circular verdadeira, sem distorção

Dê a ambas as capas dimensões idênticas. Dê a ambos os discos diâmetros e estilos de prensagem idênticos. Mostre ambos os discos completamente removidos das capas.

Princípio Central de Design

Construa o lançamento em três camadas conectadas:

  1. Geração de linguagem visual: traduza emoção, música, época e simbolismo em uma direção de arte.
  2. Design de embalagem: aplique essa direção à composição da capa, tipografia, grade da contracapa, selos, créditos e produção gráfica.
  3. Simulação de objeto físico: renderize papel exposto, tinta, vinil, bordas de capa, envelhecimento quando apropriado e fotografia crível.

Não pule diretamente do material de origem do usuário para uma imagem de capa bonita.

Interpretação e História de Design Ficcional

Antes de projetar, extraia:

  • clima dominante e tensão emocional
  • gênero musical implícito ou caráter sonoro
  • lugar e época
  • objetos importantes e detalhes sensoriais
  • uma ideia simbólica primária
  • distância desejada da realidade literal

Em seguida, invente uma história de design interna concisa:

  • identidade do artista e da gravadora ficcionais
  • época do lançamento ou contexto contemporâneo
  • prensagem original, descoberta de arquivo ou status de reedição
  • influência regional ou de cena
  • método de impressão e escolhas de materiais disponíveis nesse contexto
  • por que a arte, tipografia e imperfeições têm esta aparência

Use referências de época como lógica de produção, não como nostalgia decorativa. Não torne automaticamente o lançamento vintage, retrô, desbotado ou envelhecido.

Identidade do Artista Ficcional

A identidade do artista deve ser totalmente ficcional. Nunca use o nome de um músico, cantor, produtor, DJ, compositor, banda, grupo musical ou ato de performance real, seja contemporâneo, histórico, ativo, inativo, famoso ou obscuro.

Crie um nome de artista ou banda original que pareça um ato musical real. O nome deve ser memorável, natural e crível dentro de uma cena musical real, combinando com o caráter sonoro, idioma, região e história de design inferidos.

Evite nomes que pareçam gerados aleatoriamente, excessivamente abstratos, estranhos demais, do tipo fantasia ou como nome de marca/produto. Prefira nomes com personalidade sutil, textura cultural e um senso de identidade artística — o tipo de nome que poderia plausivelmente aparecer em uma capa de álbum real, line-up de festival ou catálogo de gravadora.

O nome deve ser distintivo, mas não forçado: interessante o suficiente para despertar curiosidade, mantendo-se fácil de ler, pronunciar e lembrar.

Não use:

  • nomes exatos de artistas ou bandas reais
  • grafias alternativas, traduções, abreviações, nomes artísticos, apelidos ou pseudônimos de artistas reais
  • nomes que diferem de um ato real apenas por pontuação, espaçamento, capitalização, um caractere ou um sufixo genérico como "Banda", "Coletivo", "Orquestra" ou "Projeto"
  • o nome de um artista real combinado com outra palavra de uma forma que possa implicar um projeto paralelo oficial, ato de homenagem, colaboração ou lançamento de arquivo

Antes de finalizar a identidade do lançamento, verifique se o nome de artista proposto já é usado por um ato musical. Quando a pesquisa na internet estiver disponível, verifique o nome exato e variantes próximas usando uma pesquisa na web. Se qualquer colisão ou ambiguidade significativa aparecer, descarte o nome e gere um substituto mais distintivo. Não mencione artistas reais como referências de estilo no prompt de geração final, a menos que o usuário os solicite explicitamente; descreva as qualidades sonoras e visuais diretamente.

Entrada de Imagem Fornecida pelo Usuário

Quando o usuário enviar ou referenciar uma ou mais imagens, inspecione cada imagem de origem antes de gerar o lançamento. Trate as imagens como evidência visual e material criativo, não como arte de capa finalizada ou um modelo para reproduzir inalterado.

Para cada imagem, identifique:

  • assuntos primários e secundários, incluindo pessoas, objetos, arquitetura, paisagem, clima e ações visíveis
  • cores dominantes e de acento, contraste, direção da luz, pistas de horário do dia e atmosfera
  • formas, silhuetas, texturas, padrões, reflexos, sombras e relações espaciais distintivas
  • sinais emocionais como intimidade, distância, celebração, solidão, tensão, movimento ou quietude
  • lugar, estação, época e detalhes culturais que podem ser inferidos sem inventar fatos pessoais não suportados
  • detalhes visualmente sensíveis, incluindo rostos, nomes, endereços, placas de veículos, telas, documentos e outras informações de identificação

Selecione um pequeno conjunto de elementos derivados da origem com funções claras:

  1. Âncora primária: o sujeito, objeto, forma, ausência ou relação espacial mais forte que pode carregar a capa frontal.
  2. Motivos de suporte: uma a três cores, texturas, linhas, sombras, gestos ou detalhes ambientais que podem conectar as capas frontal, traseira e os selos centrais.
  3. Pista de material: uma textura ou qualidade de superfície da origem que pode informar escolhas de papel, tinta, vinil ou acabamento.
  4. Tensão emocional: o contraste que dá profundidade ao lançamento, como calor versus distância, movimento versus quietude, ou celebração versus impermanência.

Escolha o grau de transformação que melhor preserva o significado:

  • Fotográfica direta: retenha um fragmento reconhecível da origem quando a identidade e a especificidade documental forem essenciais.
  • Corte editorial: isole um detalhe expressivo, silhueta, reflexo, gesto ou espaço negativo em vez de usar a imagem completa.
  • Tradução abstrata: converta cores, contornos, luz, texturas ou relações de objetos em formas gráficas quando privacidade, ambiguidade ou simbolismo mais forte beneficiar o lançamento.
  • Memória composta: combine elementos compatíveis de várias imagens fornecidas em um sistema visual controlado; não fabrique um evento literal que as imagens não suportam.

Se pessoas aparecerem, decida se sua identidade é conceitualmente necessária. Prefira cortes, silhuetas, desfoque, reflexos, mãos dentro da obra de arte da capa ou substituição simbólica quando rostos reconhecíveis acrescentam pouco. Não infira nomes, relacionamentos, etnia, saúde, crenças, ocupação ou outros atributos sensíveis da aparência. Nunca coloque pessoas das imagens de origem no ambiente circundante de fotografia de produto.

Preserve pistas distintivas da origem em todo o lançamento, em vez de colocar a imagem inalterada na frente e ignorá-la em outros lugares. Carregue cores, contornos, texturas ou marcas selecionadas para a grade da contracapa, selos centrais, prensagem de vinil e produção gráfica. O resultado deve permanecer um lançamento ficcional recém-projetado, não um filtro, depósito de colagem ou foto bruta com tipografia sobreposta.

Quando a imagem for ilegível, estiver faltando ou tiver resolução muito baixa para extrair elementos significativos, peça ao usuário que anexe uma versão mais nítida. Caso contrário, prossiga sem pedir que eles descrevam o que já é visualmente evidente.

Direção Música-para-Visual

Infira uma linguagem visual a partir da entrada em vez de aplicar um estilo fixo de casa. Use estas como tendências, não como modelos rígidos:

Caráter sonoroTendências visuais úteis
Ambientedesfoque, formas naturais, composição minimalista, grande espaço negativo
Rock indietextura de filme, fotografia espontânea, colagem seletiva, impressão imperfeita
Punkreprodução preto-e-branco granulada, textura de fotocópia, tipo confrontacional
Eletrônicageometria, cor sintética, grades precisas, materiais voltados para o futuro
Jazzfotografia expressiva, tipografia disciplinada, papel e tinta ricos
Hip-hopimagens de retrato ou derivadas de rua, hierarquia ousada, especificidade cultural
Folkmateriais naturais, marcas feitas à mão, textura de papel, tipografia íntima
Dream popfoco suave, brilho, cor difusa, imagens translúcidas em camadas

Se nenhum gênero for implícito, escolha uma direção visual de gravadora independente que melhor carregue a tensão emocional. Direções possíveis incluem minimalista contemporâneo, modernista, editorial, fotográfico, gráfico abstrato, ilustração conceitual, de arquivo, underground, gravação caseira e prensagem limitada contemporânea.

Transformação da Obra de Arte

Trate as imagens de origem como material visual bruto, não como arte de capa finalizada. Analise suas cores, luz, objetos, texturas, locais, atmosfera e sentimento emocional. Reinterprete esses recursos através de um sistema visual projetado.

Escolha apenas os tratamentos que fortalecem o conceito. Geralmente, combine dois a quatro tratamentos coerentes; não use todas as técnicas de uma vez.

Reconstrução de cor

Use gradação de cor deliberada ou substituição de paleta para criar o mundo do lançamento. Exemplos incluem tons frios de baixa saturação para distância, contraste quente para nostalgia visceral, acentos fluorescentes para tensão eletrônica ou uma dominante de cor controlada para uma realidade artificial.

Grão, ruído e textura temporal

Use grão de filme, poeira, vazamentos de luz, arranhões, desbotamento, ruído de fotocópia ou erros de registro de impressão apenas quando a época ficcional e o caráter sonoro os justificarem. Distinga a textura de imagem simulada do dano real à capa física.

Desfoque e deslocamento óptico

Use foco suave, desfoque de movimento, foco imperfeito, longa exposição, brilho, reflexos ou artefatos de digitalização para deslocar a atenção da identidade literal para o sentimento. Mantenha a ideia simbólica principal legível.

Colagem e camadas

Quando apropriado, combine fotografias, fragmentos de revistas, desenhos, mapas, ingressos, plantas, arquitetura, escrita à mão, papel digitalizado, texturas transparentes ou símbolos em um arquivo de memória controlado. Preserve a hierarquia; evite desordem de recortes não relacionados.

Âncora simbólica

Crie um gancho visual memorável: um objeto, ausência, forma, espaço ou marca recorrente que carregue o significado emocional. Transforme objetos comuns através do contexto, em vez de meramente exibi-los.

Imperfeição deliberada

Permita irregularidade humana seletiva quando apropriado: tipo ligeiramente deslocado, corte incomum, espaço negativo desigual, superexposição, erros de registro, correção manuscrita ou tinta irregular. Faça a imperfeição ser intencional e orientada pelo conceito, não descuidada ou universalmente envelhecida.

Capa Frontal

Responda: "Se essa memória / objeto / história / frase se tornasse um disco, que mundo visual e um símbolo primário o representariam?"

Projete uma capa com:

  • um conceito dominante ou âncora simbólica
  • uma hierarquia visual deliberada e caminho de visualização
  • espaço negativo significativo
  • título do lançamento e identidade do artista ficcional
  • tipografia integrada à imagem, em vez de colada abaixo dela
  • processamento de imagem consistente com a história de design ficcional

O sujeito pode ser pequeno, descentralizado, parcialmente obscurecido, cortado inesperadamente ou cercado por espaço negativo se essa escolha comunicar a música. Evite resumos literais de história, beleza genérica, colagem desordenada e múltiplas metáforas concorrentes.

Sistema Tipográfico

Trate a tipografia como uma camada visual primária.

Escolha o tipo por razões conceituais:

  • serifa para caráter literário, clássico, de arquivo ou com infusão de jazz
  • sem serifa para caráter moderno, cool, eletrônico ou minimalista
  • escrita à mão para intimidade, memória de diário ou presença humana
  • lettering personalizado ou logotipo ficcional quando a identidade do artista precisar de uma marca distinta

Projete hierarquia, escala, tracking, alinhamento, posicionamento, interação com imagens e obstrução controlada. O título pode ficar em um canto, cruzar um limite de imagem, esconder-se parcialmente atrás de uma forma ou tornar-se a imagem central. Mantenha a legibilidade para informações essenciais do lançamento.

Use um sistema de tipo coerente em toda a capa frontal, capa traseira e selos centrais.

Capa Traseira

Projete a capa traseira como uma peça separada de design de embalagem, não uma variação ou continuação da capa frontal.

A parte traseira deve pertencer claramente ao mesmo lançamento de vinil por meio de tipografia, paleta de cores, técnica de impressão, textura de material e direção de arte compartilhados.

A capa traseira não deve ser meramente uma exibição de informações. Trate-a como uma obra de arte projetada por direito próprio, com composição, tipografia e elementos visuais intencionais. Ela deve equilibrar o design funcional da informação com a expressão artística, permanecendo parte da mesma identidade do lançamento.

No entanto, ela deve ter uma estrutura visual e propósito fundamentalmente diferentes.

Evite:

  • reutilizar a mesma imagem principal como ponto focal
  • colocar a mesma obra de arte com texto adicionado
  • fazê-la parecer o verso de um pôster

Em vez disso, crie um layout funcional de contracapa de disco:

Inclua:

  • listas de faixas do Lado A e Lado B com hierarquia clara
  • informações de gravação e créditos
  • número de catálogo
  • identidade da gravadora ficcional
  • código de barras opcional
  • notas de produção ou detalhes em letras pequenas

Iguale a qualidade e a intenção de design do layout da contracapa ao da capa frontal. Ambos devem parecer obra do mesmo designer e impressos pela mesma gráfica.

Selos Centrais

Projete selos centrais para o Lado A e Lado B que pareçam pressionados no vinil, não adicionados como etiquetas pós-produção:

  • círculos concêntricos, ranhuras e um furo central visível
  • identidade da gravadora e número de catálogo em cada selo
  • título do lançamento e nome do artista
  • designação do lado (Lado A / Lado B)
  • cor do selo diferente para cada lado, ou uma paleta compartilhada com diferenciação
  • borda externa sutil, às vezes um anel de ranhura visível

O design do selo deve ser simples, tipográfico ou com um emblema discreto. Não repita a obra de arte da capa em tamanho reduzido como se fosse uma miniatura.

Condições Ambientais e de Iluminação

Todas as decisões de iluminação devem ser baseadas na atmosfera e época do lançamento. Use a iluminação como um dispositivo narrativo, não como iluminação de estúdio neutra:

  • Luz diurna suave para memórias ao ar livre, gravações caseiras ou lançamentos folk
  • Luz de tungstênio quente para salas internas, coleções vintage ou intimidade noturna
  • Luz fluorescente fria para espaços undergrounds urbanos, publicações experimentais ou tensão
  • Luz de palco ou show para energia ao vivo, cenas noturnas ou lançamentos ao vivo
  • Luz de nascer/pôr do sol para nostalgia, transições ou lançamentos de época

Aplique a iluminação de forma consistente em todos os quatro objetos. A direção da luz, a temperatura da cor e a intensidade devem ser fisicamente coerentes em toda a cena.

Efeitos permitidos:

  • sombras projetadas suaves ou duras dos objetos na superfície
  • destaques especulares no vinil, especialmente sob ângulos de luz
  • sombreamento sutil nas bordas indicando profundidade e material
  • sombras de borda espessas para capas com painéis de gatefold

Não use:

  • iluminação de estúdio plana e sem vida
  • brilhos difusos irrealistas
  • sombras inconsistentes com o ângulo principal da câmera
  • paredes, mesas, vitrolas ou mãos segurando os discos

O ambiente é uma superfície plana. A imagem é sobre os objetos, não um espaço de exibição.

Simulação de Material

Torpe, amasse, risque, desgaste, desbote e desfaça a cor deliberadamente de acordo com o contexto do lançamento. Use marcas de produção como pistas de autenticidade:

  • Papel: textura visível, bordas das capas, possivelmente envelhecimento ou manchas
  • Tinta: acabamento brilhante ou fosco, irregularidade de impressão, registros desalinhados
  • Vinil: superfície reflexiva, ranhuras, marcas de desgaste de uso, leve empenamento se histórico
  • Capa: construção, costura ou cola visível na borda da capa traseira

Aplique o envelhecimento com moderação e seletivamente. Só desbote ou deteriore um elemento específico que teria sido exposto ao desgaste. Uma capa de arquivo bem cuidada deve parecer preservada. Uma descoberta de porão deve parecer armazenada.

Requisitos de Qualidade de Imagem

A imagem gerada deve:

  • ter resolução suficiente para que o texto no selo e o número de catálogo sejam legíveis
  • mostrar as ranhuras do vinil visíveis quando ampliadas
  • ter bordas nítidas onde o papel encontra o espaço de fundo
  • manter uma relação de aspecto consistente com proporção 4:3
  • evitar artefatos visuais de IA, como distorção de borda, texto sem sentido, marcas de água, realces irrealistas ou estranheza anatômica

A saída deve se parecer com uma fotografia de produto independente, não uma bela ilustração.

Prompts de Difusão de Imagem

Regras da Máquina

Gere cada imagem usando uma chamada de ferramenta de geração de imagem. Declare a proporção de aspecto no prompt como 4:3 paisagem (largura:altura = 4:3).

Não use capacidade de edição de imagem (inpainting, outpainting, variação, edição regional). A saída deve ser gerada completamente nova a partir dos prompts em um único passo. Os efeitos solicitados devem ser alcançáveis com prompt de texto e configurações de imagem.

Defina o estilo da imagem para Fotografia (ou um equivalente próximo na ferramenta usada). A imagem final deve assemelhar-se a uma fotografia de produto real de um artefato físico.

Não defina seed nem use imagens de referência de aparência que não estejam listadas como ferramentas disponíveis. Não defina preset.

Solicite exatamente 1 imagem.

Quando o prompt final estiver pronto, um agente deve revisá-lo uma vez antes de gerar. Verifique mudanças de significado indesejadas, termos conflitantes, saída inesperada, dimensões incorretas, instruções ausentes e descrições conflitantes de material, iluminação e layout.

Conteúdo do Prompt

O prompt deve descrever o que está na imagem sem usar metalinguagem como "uma imagem de" ou "mostrando". Escreva de forma descritiva, não instrutiva. Comece com "Fotografia de produto de".

O prompt final de difusão deve:

  • nomear o artista e o título no contexto: "capa frontal do álbum 'Título do Álbum' por Nome do Artista"
  • descrever a direção de arte para cada objeto: cores, layout, tipografia, sensação emocional e técnica de impressão
  • especificar os detalhes físicos: tipo de papel, superfície vinílica, iluminação, superfície de fundo
  • confirmar o layout e a proporção de aspecto
  • incluir instruções negativas apropriadas

Instruções negativas obrigatórias no prompt da imagem: "cortado, sobreposto, moldura, borda, decoração, cenário, sala, parede, mãos, fones de ouvido, agulha, toca-discos, reprodutor, etiqueta de preço, adesivo, marca d'água, artefato de IA, deformação anatômica, texto sem sentido, grade de design, maquete, ilustração, renderização 3D, pintura digital, efeito de filtro, estilo de aplicativo"

Saídas Adicionais

Depois que a imagem do design do disco for gerada, o agente deve criar e entregar dois arquivos adicionais:

  1. Página HTML portátil de toca-discos 3D: Uma página HTML única e autossuficiente que renderiza um disco de vinil 3D girando em um toca-discos estilizado, usando a capa frontal gerada e as imagens do vinil. A página deve ser funcional em qualquer navegador moderno sem dependências externas de rede. O disco deve girar e ser interativo (por exemplo, clique para iniciar/parar). A página deve parecer uma exibição portátil polida do artefato.

  2. Vídeo vertical de 10 segundos da cena: Um vídeo MP4 de 10 segundos no formato 9:16 (vertical, 1080x1920) mostrando uma animação ou panorama lento sobre a cena do disco projetada. Por exemplo, um movimento lento de zoom-in ou panorâmica sobre a disposição de quatro painéis, ou uma transição suave focando em cada elemento. O vídeo deve mostrar o layout completo do disco sem cortar nenhum dos quatro elementos.

A página HTML e o vídeo devem ser derivados da mesma cena de disco gerada e do mesmo lançamento ficcional. Sua existência é obrigatória para o fluxo de trabalho completo.

Notas Gerais

  • A saída final deve ser uma imagem de disco completa com layout 2x2
  • Não explique o que você está fazendo; apenas faça
  • Se o usuário fornecer uma imagem ou descrição vaga, interprete-a e crie o disco
  • Se o usuário pedir ajustes, aplique-os dentro das restrições, a menos que eles violem uma regra fundamental
  • Não pergunte ao usuário sobre artista, gênero, época, cores ou preferências de material — inferir
  • Se o usuário disser "apenas a imagem" ou equivalente, ignore e entregue a imagem, a página HTML e o vídeo
  • Sempre verifique a saída em busca de rosto/figura desalinhada, discos não circulares, layouts de capa idênticos, texto ilegível, distorção de borda e sobreposição de objetos; corrija e gere novamente se necessário, sem perguntar ao usuário

Habilidades Relacionadas