Escolha do Skillry
Portfólio UI/UX lúdicov1.0.2
Use esta Skill para criar página de site.
Em alta
5.032 downloads1 curtidas0 salvamentos
$4.99
O que eu recebo ao comprar esta Skill?Crie um portfólio UI/UX lúdico com letras pretas saltitantes ao redor de um retrato ilustrado, um crachá com cordão, um bloco de experiência e contato em três colunas e um enorme índice vazado acima de cinco colunas coloridas e numeradas de telas em molduras de dispositivos. Inclui Home, Sobre, Trabalhos com cinco estudos de caso, Currículo e Contato, com filtros, métricas e formulário validado. Por padrão, é um único arquivo offline, feito para designers de produto e interaçã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 exemplo com 11 rotas para a fictícia Ines Okafor: home, sobre, trabalhos com cinco páginas de estudo de caso, currículo, contato e uma 404 com design próprio.
- Telas de produto construídas como interface ao vivo em molduras de celular, tablet e notebook, além de filtros de trabalhos, busca, ordenação, carrossel de citações, FAQ e formulário de contato com estado de sucesso.
- Um único arquivo autocontido com Unbounded, Figtree e Geist Mono incorporadas, um retrato ilustrado chapado com transparência real e verificações integradas.
Ideal para
- Designers de produto e de interação que querem um portfólio caloroso e simpático que ainda transmita trabalho sério.
- Designers cujos estudos de caso são apps, checkouts ou Dashboards que podem ser mostrados como telas ao vivo.
- Pesquisadores de UX ou pequenos estúdios que conseguem encaixar estudos ou projetos na mesma estrutura de página de caso.
Não é para
- Fotógrafos ou artistas que precisam principalmente de grandes galerias com suas próprias imagens.
- Marcas pessoais minimalistas e monocromáticas; o site usa cinco cores vibrantes nas colunas e letras saltitantes.
- Receber mensagens de imediato: o formulário de contato só confirma na página até você conectar um backend.
Identidade visual e sistemas de marcaWeb design e experiências digitaisCriar página de siteCriar site de portfólioEstilo travadoResultado editávelLetras display saltitantesMockups de dispositivosRetrato em ilustração flatCrachá com cordãoColunas de cor numeradas
Sobre esta Skill
Conte à Skill sua história e de três a seis estudos de caso, e ela cria um portfólio que parece um cartaz de autopromoção bem-feito de alguém que também entrega software: letras saltitantes ao redor de um retrato ilustrado, um crachá com cordão e colunas numeradas e vibrantes de telas de produto. O exemplo é a designer de produto fictícia Ines Okafor, com 11 rotas conectadas. O resultado padrão é um único arquivo autocontido que abre offline em qualquer navegador.
O que você recebe
- Home com o Hero de letras, crachá e saudação, colunas de experiência, comunidade e contato, o índice de conteúdo, etapas do processo, citações de clientes e uma faixa de CTA
- Páginas de estudo de caso com briefing, descobertas, processo, uma galeria de três telas, métricas de resultado, uma citação do cliente e links de anterior e próximo
- Sobre, um Currículo com chips de habilidades e uma página de contato com FAQ e formulário validado
- Unbounded, Figtree e Geist Mono incorporadas ao arquivo, para que nada seja carregado da rede
Como usar
- Informe seu nome, área, cidade, uma saudação curta, sua experiência e de três a seis estudos de caso com briefing, processo e resultados.
- Seu agente cria cada tela de produto, faz as ilustrações a partir das suas fotos e roda as verificações integradas.
- Navegue por todas as páginas e formulários no desktop e no celular e depois peça alterações.
Ilustrações criadas com a ferramenta de imagem do seu agente podem gerar cobranças de uso dessa ferramenta. O formulário de contato confirma na página e não envia nada até que um backend seja conectado.
O que você precisa antes de começar
- Você fornece
- Nome, área, cidade, disponibilidade e uma saudação curta em primeira pessoa · De três a seis estudos de caso com briefing, descobertas, etapas do processo, resultados e uma citação do cliente · Experiência, habilidades, dados de contato e fotos suas para as ilustrações
- 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 para o retrato ilustrado e as cenas de estúdio
- Custos externos
- Criar o retrato ilustrado e as cenas com a ferramenta de imagem do seu agente pode gerar cobranças de uso dessa ferramenta. As telas de produto são construídas na página e não precisam de geração de imagens.
- Último teste
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…