Communitygithub.com

Ezra-Y/design-assets-index

Claude Code スキル — 厳選されたデザインアセット(ストックフォト、アイコン、フォント、カラー、モックアップ、UIキット、テンプレート)のキュレーションインデックス。

design-assets-index とは?

このスキルは、Claude Code などのAIエージェントがプロジェクトで必要なデザインアセットを迅速に見つけられるようにするためのキュレーションインデックスです。ストックフォト、アイコン、フォント、カラーパレット、モックアップ、UIキット、テンプレートの7カテゴリに分けて、各カテゴリの主要な2〜3のリソースを直接SKILL.mdに記載し、さらに詳細なリストは references/ ディレクトリ以下の各ファイルに分類して格納しています。エージェントは必要に応じてこれらのファイルを読み込むことで、より多くの選択肢を参照できます。各エントリは「リソース名(リンク)— 簡単な説明」の形式で統一されており、厳選された情報源(awesome-design や 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 — 無料高解像度写真、帰属不要
  • Pexels — クリエイターが共有する無料ストックフォト&動画
  • Pixabay — 100万点以上の無料ストック画像と動画

詳細はストックフォト素材集 references/stock-photos.md を参照。

アイコン

  • Tabler Icons — 3500以上のカスタマイズ可能なオープンソースSVGアイコン
  • Lucide — オープンソースアイコンライブラリ、Feather Icons のフォーク
  • Iconify — 単一フレームワークで40,000以上のベクターアイコンを統合

詳細はアイコン集 references/icons.md を参照。

フォント

  • Google Fonts — 約1000の無料ライセンスフォントファミリーライブラリ
  • Fontsource — NPMパッケージ経由でオープンソースフォントをセルフホスト
  • Fontshare — Indian Type Foundry による品質の高い無料フォント

詳細はフォント集 references/fonts.md を参照。

カラーパレット

  • Coolors — 超高速カラースキームジェネレーター
  • Adobe Color — パレット作成、画像からグラデーション抽出
  • Color Hunt — 何千もの厳選パレット

詳細はカラーパレット集 references/color-palettes.md を参照。

モックアップ

  • Mockup World — 最大級の無料フォトリアリスティックモックアップソース
  • Smart Mockups — プロダクトモックアップ作成(無料&プレミアム)
  • Screely — スクリーンショットを瞬時にモックアップに変換

詳細はモックアップ集 references/mockups.md を参照。

UIキット

  • undraw — あらゆるアイデアのためのオープンソースイラスト
  • uiverse — 数百のオープンソースUI要素(HTML & CSS)
  • Headless UI — Tailwind 用のスタイルなしアクセシブルコンポーネント

詳細はUIキット集 references/ui-kits.md を参照。

テンプレート

  • HTML5 Up — モダンでユニークなレスポンシブHTML5/CSS3テーマ
  • Start Bootstrap — Bootstrap スターターテーマ
  • Colorlib — ほぼすべてのカテゴリのテーマ

詳細はテンプレート集 references/templates.md を参照。

より完全なawesomeデザイン関連総合ディレクトリは https://github.com/sindresorhus/awesome を参照。

関連スキル