
Galeria de prévias
Skills semelhantes
Ver todas as SkillsO que você recebe
- Um exemplo com 31 rotas para a Loudish, um estúdio fictício de Bristol: seis estudos de caso, cinco setores, quatro serviços, processo, preços, estúdio, três artigos do blog, FAQ, contato e uma página 404.
- Partes que funcionam: adesivos arrastáveis no Hero, filtros de trabalhos com busca e ordenação, abas de processo, um carrossel de depoimentos, alternância de preços e um montador de orçamento que preenche o formulário de contato.
- Um único arquivo autocontido com Bricolage Grotesque e Instrument Sans embutidas, um plano de ilustrações, um guia de estilo e verificações integradas para nomes de exemplo esquecidos.
Ideal para
- Estúdios de marca, web e design que querem um site simpático com estudos de caso reais e preços publicados.
- Estúdios de yoga, cerâmica ou outros baseados em aulas, que podem transformar serviços em aulas e preços em pacotes de aulas.
- Freelancers ou pequenos escritórios que querem projetos, preços e um fluxo de contato em um único site descontraído.
Não é para
- Empresas corporativas que precisam de um visual sóbrio; os adesivos e as cores vivas são justamente a proposta.
- Receber contatos ou pagamentos de verdade: os formulários confirmam na página e não enviam nada até você conectar um backend.
- Marcas que precisam de detalhes em roxo ou de um tema escuro; o design é um fundo creme quente com adesivos rosa, verde, laranja e amarelo.
Identidade visual e sistemas de marcaWeb design e experiências digitaisCriar site de agênciaEstilo travadoResultado editávelAgência: sobreHero de agênciaAdesivos de agênciaAdesivo rosa
Sobre esta Skill

Passe para a Skill os serviços, preços e projetos do seu estúdio e ela monta um site alegre e completo: fundo creme quente, maiúsculas centralizadas em negrito, uma pilha de adesivos recortados sob o Hero e uma única família de ilustrações chapadas para os trabalhos. O exemplo trabalhado é a Loudish, um estúdio fictício de Bristol, com 31 rotas conectadas. O resultado padrão é um único arquivo autocontido que abre offline em qualquer navegador.

O que você recebe
- Página inicial com o Hero de adesivos, logotipos de clientes, declaração sobre o estúdio, bento de serviços, grade de trabalhos, abas de processo, depoimentos, FAQ, blog e um painel verde de chamada para ação
- Estudos de caso com briefing, resposta, entregas, sistema de marca, uma segunda ilustração, um depoimento do cliente e créditos
- Preços com alternância entre projetos e mensal, uma tabela comparativa e um montador de orçamento, além das páginas de processo, estúdio, blog, FAQ e contato
- Bricolage Grotesque e Instrument Sans embutidas no arquivo, para que nada seja carregado da rede

Como usar
- Informe o nome do estúdio, os serviços com preços, os projetos, a equipe, o endereço e os dados de contato.
- Seu agente preenche as coleções, gera as ilustrações em um único estilo e confere cada rota e cada link.
- Teste os filtros, o montador de orçamento e os formulários no desktop e no celular e depois peça ajustes.

Ilustrações geradas podem gerar cobranças de uso da sua ferramenta de imagem. Os formulários confirmam na própria página e avisam que nada foi enviado até que um backend seja conectado.
O que você precisa antes de começar
- Você fornece
- Nome do estúdio, um descritor de uma linha e o título do Hero que você quer · Serviços com preços, projetos com o que cada página de caso precisa e sua equipe · Endereço, e-mail, telefone, horários e qualquer arte que pertença a você
- 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 geração de imagens no seu agente, ou artes que pertençam a você, para novas ilustrações
- Custos externos
- Gerar ilustrações com a ferramenta de imagem do seu agente pode gerar cobranças de uso dessa ferramenta. Artes que pertencem a você e as ilustrações reaproveitáveis de serviços e do blog não custam nada a mais.
- Último teste
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…









