Communitygithub.com

Índice de Activos de Diseño

Habilidad para Claude Code — índice curado de activos de diseño listos para usar (fotos de stock, iconos, fuentes, colores, maquetas, kits de UI, plantillas).

¿Qué es Índice de Activos de Diseño?

Esta habilidad para Claude Code proporciona un índice completo y curado de activos de diseño listos para usar, organizados en categorías como fotos de stock, iconos, fuentes, paletas de colores, maquetas, kits de UI y plantillas. Está diseñada para ayudar a los agentes de IA (como Claude Code) a localizar rápidamente los mejores recursos de diseño sin tener que buscar manualmente. Cada categoría incluye de 2 a 3 enlaces principales con una breve descripción, y se proporcionan archivos adicionales en la carpeta `references/` para obtener listas más extensas. La selección se basa en dos repositorios populares: `awesome-design` y `design-resources-for-developers`. Es especialmente útil para desarrolladores que necesitan activos visuales de alta calidad de forma eficiente durante el desarrollo de aplicaciones o la creación de prototipos.

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace Índice de Activos de Diseño?

Navegación de recursos de diseño externos, le dice al agente «dónde encontrar» activos listos para usar. Cada categoría incluye de 2 a 3 entradas principales seleccionadas; más entradas están organizadas por categoría en archivos dentro de references/, que se pueden leer según sea necesario. Las entradas se presentan como «Nombre (enlace) — descripción en una línea», seleccionadas de awesome-design y design-resources-for-developers.

Fotos de Stock

  • Unsplash — Fotos de alta resolución gratuitas, sin atribución requerida
  • Pexels — Fotos y videos de stock gratuitos compartidos por creadores
  • Pixabay — Más de 1 millón de imágenes y videos de stock gratuitos

Más en la colección de fotos de stock references/stock-photos.md.

Iconos

  • Tabler Icons — Más de 3500 iconos SVG personalizables de código abierto
  • Lucide — Librería de iconos de código abierto, bifurcación de Feather Icons
  • Iconify — Un marco unificado para más de 40,000 iconos vectoriales

Más en la colección de iconos references/icons.md.

Fuentes

  • Google Fonts — Biblioteca de aproximadamente 1000 familias de fuentes con licencia gratuita
  • Fontsource — Autoalojamiento de fuentes de código abierto mediante paquetes NPM
  • Fontshare — Fuentes gratuitas de calidad de la Indian Type Foundry

Más en la colección de fuentes references/fonts.md.

Paletas de Colores

  • Coolors — Generador de esquemas de color ultrarrápido
  • Adobe Color — Crea paletas, extrae degradados de imágenes
  • Color Hunt — Miles de paletas seleccionadas manualmente

Más en la colección de paletas de colores references/color-palettes.md.

Maquetas

  • Mockup World — La fuente más grande de maquetas fotorrealistas gratuitas
  • Smart Mockups — Crea maquetas de productos (gratuito y premium)
  • Screely — Convierte una captura de pantalla en una maqueta al instante

Más en la colección de maquetas references/mockups.md.

Kits de UI

  • undraw — Ilustraciones de código abierto para cualquier idea
  • uiverse — Cientos de elementos de UI de código abierto (HTML y CSS)
  • Headless UI — Componentes accesibles y sin estilo para Tailwind

Más en la colección de kits de UI references/ui-kits.md.

Plantillas

  • HTML5 Up — Temas HTML5/CSS3 modernos, únicos y responsivos
  • Start Bootstrap — Temas de inicio para Bootstrap
  • Colorlib — Temas en casi cualquier categoría

Más en la colección de plantillas references/templates.md.

Directorio completo de awesome relacionado con diseño: https://github.com/sindresorhus/awesome

Skills relacionados