Communitygithub.com

Ezra-Y/design-assets-index

클로드 코드 스킬 — 바로 사용 가능한 디자인 에셋(스톡 사진, 아이콘, 폰트, 컬러, 목업, UI 키트, 템플릿)의 선별된 인덱스입니다.

design-assets-index란 무엇인가요?

이 스킬은 AI 에이전트(특히 Claude Code)가 디자인 작업 중에 바로 활용할 수 있는 외부 디자인 에셋을 찾을 수 있도록 안내하는 인덱스입니다. 스톡 사진, 아이콘, 폰트, 컬러 팔레트, 목업, UI 키트, 템플릿 등 7개 주요 카테고리별로 각각 2~3개의 가장 유용한 리소스 링크를 제공하며, 더 많은 목록은 `references/` 디렉토리 하위 파일에 상세히 정리되어 있습니다. 모든 항목은 '자원명 (링크) — 한 줄 설명' 형식으로 제공되어 에이전트가 빠르게 파악하고 선택할 수 있습니다. 이 스킬은 [awesome-design](https://github.com/gztchan/awesome-design) 및 [design-resources-for-developers](https://github.com/bradtraversy/design-resources-for-developers)에서 선별된 리소스를 기반으로 구성되었습니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add Ezra-Y/design-assets-index

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

Design Assets Index

외부 디자인 에셋 내비게이션: agent에게 "어디서 찾을지" 알려주는 인덱스입니다. 각 카테고리별로 2~3개의 가장 많이 사용되는 항목을 여기에 모았고, 더 많은 항목은 카테고리별로 references/ 디렉토리 아래 파일에 나누어져 있으니 필요할 때 읽으면 됩니다. 모든 항목은 '자원명 (링크) — 한 줄 설명' 형식이며, awesome-design과 design-resources-for-developers에서 선별했습니다.

스톡 사진

  • Unsplash — Free high-resolution photos, no attribution required
  • Pexels — Free stock photos & videos shared by creators
  • Pixabay — Over 1M+ free stock images and videos

더 보기: 스톡 사진 전체 목록 references/stock-photos.md

아이콘

  • Tabler Icons — 3500+ customizable open-source SVG icons
  • Lucide — Open-source icon library, fork of Feather Icons
  • Iconify — One framework, 40,000+ vector icons unified

더 보기: 아이콘 전체 목록 references/icons.md

폰트

  • Google Fonts — Library of ~1000 free licensed font families
  • Fontsource — Self-host open-source fonts via NPM packages
  • Fontshare — Free quality fonts from the Indian Type Foundry

더 보기: 폰트 전체 목록 references/fonts.md

컬러

  • Coolors — Super-fast color scheme generator
  • Adobe Color — Build palettes, extract gradients from images
  • Color Hunt — Thousands of hand-picked palettes

더 보기: 컬러 팔레트 전체 목록 references/color-palettes.md

목업

  • Mockup World — Largest source of free photo-realistic mockups
  • Smart Mockups — Create product mockups (free & premium)
  • Screely — Turn a screenshot into a mockup instantly

더 보기: 목업 전체 목록 references/mockups.md

UI Kit

  • undraw — Open-source illustrations for any idea
  • uiverse — Hundreds of open-source UI elements (HTML & CSS)
  • Headless UI — Unstyled, accessible components for Tailwind

더 보기: UI Kit 전체 목록 references/ui-kits.md

템플릿

더 보기: 템플릿 전체 목록 references/templates.md

더욱 방대한 Awesome 디자인 관련 총 목록은 https://github.com/sindresorhus/awesome 에서 확인하세요.

관련 스킬