Landing page Molten Glassv1.0.3
Use esta Skill para criar página de site.
Em alta
5.032 downloads0 curtidas0 salvamentos
$4.99
O que eu recebo ao comprar esta Skill?Crie um site de estúdio com uma primeira tela em movimento: vidro canelado ao vivo, com luz laranja quente pressionando das bordas atrás de um título calmo fixado embaixo. Navegação em pílula, seções numeradas, trabalhos com páginas de case, serviços, contratações com troca de moeda, depoimentos, equipe, artigos, FAQ e briefing validado levam a um rodapé quase preto com wordmark gigante. Vem num único arquivo que abre em qualquer navegador, offline, e parece pronto mesmo sem animação.
Mais escolhida por
Atualizada em 3 de out. de 2026
Galeria de prévias
Skills semelhantes
Ver todas as Skills
O que você recebe
- Um Hero de vidro canelado ao vivo com calor laranja nas bordas, grão de filme e uma frase em três linhas, além de um fallback estático finalizado e um modo calmo para movimento reduzido
- Um site de estúdio completo: estúdio, trabalhos selecionados e um índice de projetos pesquisável, Tabs de serviços, processo, contratações, depoimentos, equipe, journal, FAQ e um formulário de briefing
- Páginas de case, artigos do journal, privacidade, termos e uma página de não encontrado, com web fonts e fotos planejadas por função, tudo em um único arquivo offline
Ideal para
- Estúdios de design, branding e engenharia que querem uma primeira tela premium e viva sem perder a legibilidade
- Freelancers e pequenas agências lançando um portfólio com cases reais, preços de contratação claros e um formulário de briefing
- Equipes de produto que querem um site de lançamento claro e vítreo e podem mapear trabalhos, serviços e contratações para clientes, recursos e planos
Não é para
- Marcas escuras e sombrias: a página continua clara cinza-papel, com exatamente uma superfície escura, o rodapé
- Sites que precisam de CMS ou de dezenas de páginas: cases e posts do journal ficam como dados estáticos na página
- Páginas que precisam funcionar com scripts desativados: texto e layout continuam aparecendo, mas a animação de vidro, os menus e os formulários dependem deles
Identidade visual e sistemas de marcaWeb design e experiências digitaisCriar página de siteCriar landing pageEstilo travadoResultado editávelMinimal luminosoVidro caneladoDegradê granuladoIluminado por shaders
Sobre esta Skill
A Landing page Molten Glass cria um site de estúdio cuja primeira tela está viva: luz clara cinza-papel vista através de vidro canelado, com calor laranja intenso pressionando a partir das bordas. Abaixo, fica um site editorial calmo com seções numeradas, páginas de case reais e um briefing de projeto funcional. O exemplo é a Arclune, um estúdio fictício de design e engenharia.
O que você recebe
- Um Hero de vidro ao vivo com um fallback em degradê já finalizado, um quadro estático para movimento reduzido e botões cujos rótulos rolam ao passar o mouse
- Seções da home: estúdio com números animados, trabalhos selecionados e um índice de projetos pesquisável, Tabs de serviços, processo, contratações com troca de moeda, depoimentos, equipe e vagas abertas, journal, FAQ e um briefing de projeto
- Páginas de case com resultados e créditos, artigos do journal, privacidade, termos e uma página de não encontrado
- Um rodapé quase preto com um wordmark gigante e um único arquivo que abre em qualquer navegador e funciona offline
Como usar
- Informe o nome do seu estúdio, uma frase de posicionamento e pelo menos dois projetos principais, cada um com um resultado mensurável.
- Seu agente preenche cada seção e case, planeja e gera as fotos e redige o que faltar para você confirmar.
- Abra o arquivo, navegue por cada case, Tab e formulário e peça ajustes com suas próprias palavras.
As fotos vêm da ferramenta de imagem do seu agente, que pode ter as cobranças de uso dessa ferramenta, ou da sua própria biblioteca. Em um projeto de framework existente, o agente constrói o mesmo design como componentes na sua stack.
O que você precisa antes de começar
- Você fornece
- Nome do estúdio ou da marca e uma frase de posicionamento · Pelo menos dois projetos principais, cada um com um resultado mensurável em uma linha · Disciplinas, condições ou preços de contratação, líderes da equipe e dados de contato (opcional; as lacunas são redigidas para você confirmar)
- Dependências
- Node.js 18 ou mais recente na máquina do seu agente, para rodar o script incluído que gera o arquivo único offline · Acesso à internet durante a geração do arquivo, para que as fontes sejam baixadas uma vez e embutidas · Uma ferramenta de imagem no seu agente para as fotos do estúdio, dos projetos e da equipe (opcional; a página funciona bem com placeholders ou suas próprias fotos)
- Custos externos
- As fotos do estúdio, dos projetos e da equipe são geradas com a ferramenta de imagem do seu próprio agente quando você quiser novas, o que pode gerar cobranças de uso dessa ferramenta. Você pode enviar suas próprias fotos ou manter os placeholders. Nada mais usa serviço pago.
- Último teste
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…