Communitygithub.com

Ezra-Y/design-assets-index

Skill do Claude Code — índice curado de recursos de design prontos (fotos, ícones, fontes, cores, mockups, kits de UI, templates).

O que é design-assets-index?

Este skill para Claude Code fornece um índice curado de recursos de design prontos para uso, organizado por categorias como fotos, ícones, fontes, paletas de cores, mockups, kits de UI e templates. Cada categoria lista as 2-3 fontes mais populares e confiáveis, com links diretos e descrições breves. O skill também referencia subdiretórios com listas mais completas, permitindo que o agente encontre rapidamente o recurso ideal para cada tarefa de design. Suporta plataformas como Claude Code e é útil para desenvolvedores e designers que precisam de ativos visuais sem sair do terminal.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add Ezra-Y/design-assets-index

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Índice de Recursos de Design

Navegação por recursos de design externos, dizendo ao agente "onde encontrar" materiais prontos. Cada categoria lista 2-3 entradas mais comuns aqui; mais itens são divididos por categoria em references/ sob cada arquivo, para leitura conforme necessário. As entradas seguem o formato "nome (link) — descrição resumida", selecionadas a partir de awesome-design e design-resources-for-developers.

Fotos

  • Unsplash — Fotos gratuitas em alta resolução, sem atribuição necessária
  • Pexels — Fotos e vídeos gratuitos compartilhados por criadores
  • Pixabay — Mais de 1 milhão de imagens e vídeos gratuitos

Veja mais na coleção de fotos em references/stock-photos.md.

Ícones

  • Tabler Icons — 3500+ ícones SVG personalizáveis e de código aberto
  • Lucide — Biblioteca de ícones de código aberto, fork do Feather Icons
  • Iconify — Um framework, 40.000+ ícones vetoriais unificados

Veja mais na coleção de ícones em references/icons.md.

Fontes

  • Google Fonts — Biblioteca com ~1000 famílias de fontes gratuitas licenciadas
  • Fontsource — Self-hosting de fontes de código aberto via pacotes NPM
  • Fontshare — Fontes gratuitas de qualidade da Indian Type Foundry

Veja mais na coleção de fontes em references/fonts.md.

Paletas de Cores

  • Coolors — Gerador de esquemas de cores super rápido
  • Adobe Color — Crie paletas, extraia gradientes de imagens
  • Color Hunt — Milhares de paletas selecionadas à mão

Veja mais na coleção de paletas de cores em references/color-palettes.md.

Mockups

  • Mockup World — Maior fonte de mockups foto-realistas gratuitos
  • Smart Mockups — Crie mockups de produtos (gratuito e premium)
  • Screely — Transforme uma captura de tela em mockup instantaneamente

Veja mais na coleção de mockups em references/mockups.md.

Kits de UI

  • undraw — Ilustrações de código aberto para qualquer ideia
  • uiverse — Centenas de elementos de UI de código aberto (HTML e CSS)
  • Headless UI — Componentes acessíveis e sem estilo para Tailwind

Veja mais na coleção de kits de UI em references/ui-kits.md.

Templates

  • HTML5 Up — Temas HTML5/CSS3 responsivos modernos e únicos
  • Start Bootstrap — Temas iniciais para Bootstrap
  • Colorlib — Temas de quase todas as categorias

Veja mais na coleção de templates em references/templates.md.

Diretório completo de recursos incríveis de design em https://github.com/sindresorhus/awesome

Habilidades Relacionadas