Communitygithub.com

Ezra-Y/design-assets-index

Claude Code Skill — kuratierter Index fertiger Design-Assets (Stockfotos, Icons, Schriftarten, Farben, Mockups, UI-Kits, Vorlagen).

Was ist design-assets-index?

Diese Skill für Claude Code und andere KI-Agenten stellt einen strukturierten Index externer Design-Ressourcen bereit. Sie enthält handverlesene Einträge für jede Asset-Kategorie (Stockfotos, Icons, Schriftarten, Farbpaletten, Mockups, UI-Kits und Vorlagen) und ermöglicht Agenten, schnell die richtigen Quellen zu finden. Für jede Kategorie gibt es 2-3 Haupteinträge mit Name, Link und kurzer Beschreibung; zusätzliche Einträge sind in referenzierten Dateien unter [references/] organisiert. Die Skill ist nützlich, weil sie die Suche nach qualitativ hochwertigen, lizenzfreien Design-Assets vereinfacht und direkt in den Workflow eines KI-Assistenten integriert ist. Sie stützt sich auf kuratierte Listen wie [awesome-design](https://github.com/gztchan/awesome-design) und [design-resources-for-developers](https://github.com/bradtraversy/design-resources-for-developers) und ist ideal für Entwickler und Designer, die schnell passende Assets benötigen.

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht design-assets-index?

Externe Design-Material-Navigation – sagt dem Agenten, „wo er fertige Materialien findet“. Pro Kategorie sind 2-3 am häufigsten genutzte Einträge direkt hier enthalten; weitere Einträge sind nach Kategorien in Dateien unter references/ aufgeteilt und können bei Bedarf gelesen werden. Die Einträge sind im Format „Name (Link) — kurze Beschreibung“ gehalten und stammen aus awesome-design und design-resources-for-developers.

Stockfoto-Material

  • Unsplash — Kostenlose hochauflösende Fotos, keine Namensnennung erforderlich
  • Pexels — Kostenlose Stockfotos und Videos, geteilt von Erstellern
  • Pixabay — Über 1 Million+ kostenlose Stockbilder und Videos

Mehr unter Stockfoto-Sammlung references/stock-photos.md.

Icons

  • Tabler Icons — 3500+ anpassbare Open-Source-SVG-Icons
  • Lucide — Open-Source-Icon-Bibliothek, Fork von Feather Icons
  • Iconify — Ein Framework, 40.000+ Vektor-Icons vereinheitlicht

Mehr unter Icon-Sammlung references/icons.md.

Schriftarten

  • Google Fonts — Bibliothek mit ~1000 kostenlosen lizenzierten Schriftfamilien
  • Fontsource — Selbst gehostete Open-Source-Schriftarten über NPM-Pakete
  • Fontshare — Kostenlose Qualitätsschriften der Indian Type Foundry

Mehr unter Schriftarten-Sammlung references/fonts.md.

Farbpaletten

  • Coolors — Superschneller Farbschema-Generator
  • Adobe Color — Paletten erstellen, Verläufe aus Bildern extrahieren
  • Color Hunt — Tausende handverlesene Paletten

Mehr unter Farbpaletten-Sammlung references/color-palettes.md.

Mockups

  • Mockup World — Größte Quelle kostenloser fotorealistischer Mockups
  • Smart Mockups — Produkt-Mockups erstellen (kostenlos & Premium)
  • Screely — Verwandle einen Screenshot sofort in ein Mockup

Mehr unter Mockup-Sammlung references/mockups.md.

UI-Kits

  • undraw — Open-Source-Illustrationen für jede Idee
  • uiverse — Hunderte Open-Source-UI-Elemente (HTML & CSS)
  • Headless UI — Stylose, zugängliche Komponenten für Tailwind

Mehr unter UI-Kit-Sammlung references/ui-kits.md.

Vorlagen

Mehr unter Vorlagen-Sammlung references/templates.md.

Eine umfassendere awesome-Design-Gesamtliste finden Sie unter https://github.com/sindresorhus/awesome

Verwandte Skills