Communitygithub.com

Ezra-Y/design-assets-index

Skill Claude Code — index organisé d'actifs de design prêts à l'emploi (photos libres, icônes, polices, couleurs, maquettes, kits UI, modèles).

Qu'est-ce que design-assets-index ?

Ce skill permet à un agent IA (comme Claude Code, Cursor ou Codex) de localiser rapidement des ressources de design libres et de haute qualité, sans avoir à naviguer manuellement. Il regroupe les catégories essentielles : photos, icônes, polices, palettes de couleurs, maquettes, kits UI et modèles. Chaque catégorie propose 2-3 entrées principales directement dans ce fichier, avec des fichiers de références détaillés pour aller plus loin. Le skill s'appuie sur les listes maintenues 'awesome-design' et 'design-resources-for-developers', garantissant des sources fiables et à jour. Il est particulièrement utile pour les développeurs qui intègrent des éléments visuels dans leurs projets et veulent éviter de chercher des actifs de design sans licence.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Index des Actifs de Design

Navigation vers des ressources de design externes, indiquant à l'agent « où trouver » des actifs prêts à l'emploi. Chaque catégorie contient 2-3 entrées les plus courantes ; les entrées supplémentaires sont classées dans les fichiers de references/ et peuvent être lues selon les besoins. Les entrées sont présentées comme « Nom (lien) — description en une phrase », sélectionnées parmi awesome-design et design-resources-for-developers.

Photos libres

  • Unsplash — Photos haute résolution gratuites, sans attribution requise
  • Pexels — Photos et vidéos libres de droits partagées par des créateurs
  • Pixabay — Plus d'1 million d'images et vidéos libres de droits

Voir plus dans la collection de photos libres references/stock-photos.md.

Icônes

  • Tabler Icons — 3500+ icônes SVG open-source personnalisables
  • Lucide — Bibliothèque d'icônes open-source, fork de Feather Icons
  • Iconify — Un framework unifié pour plus de 40 000 icônes vectorielles

Voir plus dans la collection d'icônes references/icons.md.

Polices

  • Google Fonts — Bibliothèque d'environ 1000 familles de polices libres
  • Fontsource — Polices open-source auto-hébergées via des packages NPM
  • Fontshare — Polices de qualité gratuites de l'Indian Type Foundry

Voir plus dans la collection de polices references/fonts.md.

Couleurs

  • Coolors — Générateur de palettes de couleurs ultra-rapide
  • Adobe Color — Créer des palettes, extraire des dégradés d'images
  • Color Hunt — Des milliers de palettes sélectionnées à la main

Voir plus dans la collection de palettes de couleurs references/color-palettes.md.

Maquettes

  • Mockup World — La plus grande source de maquettes photoréalistes gratuites
  • Smart Mockups — Créer des maquettes de produits (gratuit et premium)
  • Screely — Transformer une capture d'écran en maquette instantanément

Voir plus dans la collection de maquettes references/mockups.md.

Kits UI

  • undraw — Illustrations open-source pour toute idée
  • uiverse — Des centaines d'éléments UI open-source (HTML & CSS)
  • Headless UI — Composants accessibles et non stylisés pour Tailwind

Voir plus dans la collection de kits UI references/ui-kits.md.

Modèles

  • HTML5 Up — Thèmes HTML5/CSS3 responsifs modernes et uniques
  • Start Bootstrap — Thèmes de démarrage Bootstrap
  • Colorlib — Thèmes pour presque toutes les catégories

Voir plus dans la collection de modèles references/templates.md.

Pour un répertoire complet des ressources awesome liées au design, voir https://github.com/sindresorhus/awesome

Skills associés