Hero de quadro únicov1.0.1
Use esta Skill para criar visuais de UI.
Em alta
5.032 downloads0 curtidas0 salvamentos
$4.99
O que eu recebo ao comprar esta Skill?Hero de quadro único é uma seção Hero pronta para colar, entregue como código-fonte editável com exemplo de uso. Vem com uma grade responsiva que se reorganiza até o celular. Cor, tipografia e raio ficam em tokens que você edita uma vez para o bloco inteiro.
Mais escolhida por
Atualizada em 31 de ago. de 2026
Galeria de prévias
Skills semelhantes
Ver todas as Skills
O que você recebe
- O código-fonte completo do Hero de quadro único — o arquivo do componente mais um exemplo de uso executável, pronto para colar e editar.
- Um contrato visual por escrito: paleta, escala tipográfica, raio, traço dos ícones e tempos de animação, tudo como tokens que você edita em um só lugar.
- Breakpoints responsivos já ajustados, do desktop até o celular.
Ideal para
- Você precisa de uma seção Hero e quer uma pronta em vez de uma tela em branco.
- Você quer que a primeira tela pareça completa já na renderização, com as imagens posicionadas.
- Você quer um código-fonte legível que possa editar, e não mais uma dependência para manter atualizada.
Não é para
- Equipes que já usam um design system maduro — esta paleta e esta escala tipográfica vão brigar com as suas.
- Quem quer um pacote npm versionado; isto entrega código-fonte para você mesmo manter.
- Projetos que precisam de navegação, formulários, autenticação ou checkout — nada disso é coberto por este bloco.
Identidade visual e sistemas de marcaLançamento de produto e crescimento de appsWeb design e experiências digitaisCriar visuais de UICriar página de siteCriar landing pageResultado editávelVisual refinadoPara iniciantesNeutro quenteDestaque verde-azuladoEditorial
Sobre esta Skill
Você cola um bloco e o topo da sua página está pronto — título, linha de apoio, botões e arte já encaixados no lugar certo. Nada para diagramar, nada deixado em cinza.
O que você recebe
- O código-fonte completo do Hero de quadro único — o arquivo do componente mais um exemplo de uso executável, pronto para colar e editar.
- Um contrato visual por escrito: paleta, escala tipográfica, raio, traço dos ícones e tempos de animação, tudo como tokens que você edita em um só lugar.
- Breakpoints responsivos já ajustados, do desktop até o celular.
Como usar
- Diga ao seu assistente onde a seção entra: ele lê o seu projeto primeiro e depois escreve o bloco do jeito que esse projeto já é escrito.
- Troque os textos pelos seus. Os tamanhos de fonte e o espaçamento se mantêm sozinhos.
- Mude a cor de destaque em um só lugar e o bloco inteiro acompanha.
- Confira no celular antes de publicar. Ele já foi feito para se manter bem ali.
O que você precisa antes de começar
- Último teste
- v1.0.1 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…