Pular para o conteúdo
Skillpedia
Imagens e ícones48 mil · #4453

unsplash-integration

Busca e baixa fotos profissionais de alta qualidade do Unsplash. É útil para encontrar imagens gratuitas e de uso livre para projetos.

O que ela faz

Esta ferramenta busca e baixa fotos profissionais de alta qualidade e gratuitas do Unsplash. Ela ajuda a deixar seus projetos mais bonitos e modernos, evitando imagens genéricas ou de baixa qualidade.

Quando usar

  • ✓Ao criar seções de destaque para sites ou aplicativos.
  • ✓Quando precisar de imagens com um estilo artístico específico.
  • ✓Para substituir fotos de 'espaço reservado' por algo mais impactante.

Exemplo do que pedir para a IA

“Encontre uma foto de paisagem urbana noturna com luzes de neon.”

Quer saber mais? Abra as seções abaixo.

Como usar

O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.

Link da skill

https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/unsplash-integration/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/unsplash-integration/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

Você descreve o tipo de imagem que quer com palavras detalhadas. A ferramenta então procura no Unsplash, escolhe a melhor opção (talvez com uma cor ou formato específico) e a baixa otimizada para o seu projeto.

Instalação

Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.

No terminal (Claude Code, Codex, Cursor), na pasta do projeto:

npx skills add sickn33/agentic-awesome-skills --skill unsplash-integration

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/unsplash-integration/SKILL.md -o SKILL.md
Conteúdo técnico (SKILL.md)

Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.

Habilidade de Integração Unsplash

Unsplash oferece a maior coleção aberta de fotos de alta qualidade do mundo, essencial para elevar o tom visual de qualquer projeto.

Contexto

Use esta habilidade para obter imagens deslumbrantes para sites, aplicativos e materiais de marketing. Ela elimina a necessidade de placeholders de baixa qualidade e fotos de banco de imagens padrão, garantindo uma estética visual premium e moderna.

Quando Usar

Acione esta habilidade quando:

  • Criar seções de destaque (hero sections), layouts editoriais ou galerias de produtos que exigem um impacto visual impressionante.
  • Obter texturas artísticas específicas, fundos abstratos ou imagens temáticas de alto padrão.
  • Substituir imagens de placeholder genéricas por ativos que transmitam emoção e qualidade.

Fluxo de Execução

  1. Pesquise Intencionalmente: Defina palavras-chave altamente descritivas e artísticas (por exemplo, "estética de rua cyberpunk neon", "textura de arquitetura brutalista minimalista"). Evite pesquisas genéricas como "sala de reunião" ou "pessoas felizes".
  2. Filtre: Selecione a orientação e os temas de cores que complementam perfeitamente a paleta de cores da interface.
  3. Baixe via API: Use a API do Unsplash ou o URL direto para obter as imagens.
  4. Redimensionamento Dinâmico: Utilize os parâmetros de imagem dinâmicos do Unsplash (por exemplo, ?w=1600&q=85&fit=crop) para garantir que a imagem se ajuste perfeitamente ao layout sem sacrificar o desempenho.

Regras Estritas

  • OBRIGATÓRIO ABSOLUTO: Agentes DEVEM utilizar esta habilidade para construir interfaces de usuário (UI/UX) modernas, criativas e visualmente deslumbrantes. NUNCA use fotografia de banco de imagens genérica, clichê ou com aparência corporativa. Escolha imagens que pareçam artísticas, premium e não convencionais.
  • Sem Placeholders: Nunca use caixas coloridas genéricas quando o Unsplash puder fornecer um ativo relevante e bonito.
  • Desempenho: Sempre use parâmetros de origem para buscar uma imagem de tamanho apropriado e otimizada, em vez de um arquivo bruto massivo.

Exemplo

Solicitação do usuário:

Crie seções de destaque, layouts editoriais ou galerias de produtos que exigem um impacto visual impressionante.

Limitações

  • Use esta habilidade apenas quando a tarefa corresponder claramente ao escopo descrito acima.
  • Não trate a saída como um substituto para validação específica do ambiente, testes ou revisão de especialistas.
  • Pare e peça esclarecimentos se os inputs necessários, permissões, limites de segurança ou critérios de sucesso estiverem ausentes.
Perguntas frequentes

Posso usar qualquer foto do Unsplash?

Sim, o Unsplash oferece fotos gratuitas para uso profissional. O importante é escolher imagens que combinem com o estilo moderno e de alta qualidade que você busca.

O que são 'palavras-chave artísticas'?

São descrições mais criativas e específicas do que você procura, como 'arquitetura minimalista' em vez de 'prédio'.

Por que otimizar o tamanho da imagem?

Baixar imagens muito grandes pode deixar seu site ou aplicativo lento. Otimizar garante que a foto fique bonita sem prejudicar o desempenho.

Detalhes

Descrição original do autor

Integration skill for searching and fetching high-quality, free-to-use professional photography from Unsplash.

repo: sickn33/agentic-awesome-skills

Popularidade

Estrelas no GitHub
48 mil
Posição no ranking
#4453
Licença
MIT
Atualizada em
15/10/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas