Design
デザインツールとUIリファレンスを集めたライブラリです。
21st.dev
エージェント搭載プロダクトをより速く出荷するための AI エージェントレジストリと UI コンポーネントマーケットプレイスです。
Agentation
UI 注釈を AI コーディングエージェント向けの構造化コンテキストに変えるビジュアルフィードバックツールです。
Open Design
Anthropic Claude Design に代わる、ローカルファーストのオープンソースの代替品。スキルとデザイン システムが組み込まれており、CLI...
getdesign.md
人気のある Web サイトからデザイン システムのインスピレーションを参照します。
Motion
60fps は、世界最高の iOS および Web アプリからの UI/UX アニメーションとインタラクション デザインの詳細を厳選したコレクションです。
Lazyweb MCP
AI エージェントを接地するための設計コンテキスト。
AB Tests
プロダクトの行動を変える要素を学べるA/Bテスト事例ギャラリーです。
Pencil
プロダクトのアイデアを IDE 内でコードに変換するキャンバスベースのデザインツールです。
Inspiration
マイクロインタラクション、イースターエッグ、生命、個性、遊び心をウェブに取り戻す小さなデザインの詳細のアーカイブ。
Onlook
Onlook は、デザイナーやプロダクト マネージャーが AI を使用して Web エクスペリエンスを作成できるようにする次世代のビジュアル コード エディターです。
Breakdowns
Wise、Tesla、Pinterest、Apple Wallet などの実際の製品の UI を分解し、適用すべき設計原則と意図を説明するブレークダウン ギャラリー。
Claude Design
デザインの批評、UX の執筆、アクセシビリティの監査、調査の統合、開発の引き継ぎを加速します。
UI components
再利用可能なインターフェースコンポーネントとUI判断のための実用的なプレイブックです。
Agentic UI
スケーラブルなエージェント エクスペリエンスを構築するための世界初のエンタープライズ グレードのデザイン システム。
Montage Design System
ブランド、タイポグラフィ、コンポーネント、UI パターンのための Wanted の製品デザイン システム。
Vercel Design
Vercelのデザインチーム紹介ページ。ブランドガイドライン、Webインターフェースガイドライン、Geistデザインシステムを公開しています。
The Component Gallery
ユーザー インターフェイスを構築する人々の参考となる、インターフェイス コンポーネントとデザイン システムの最新のリポジトリ。
Awesome Design Systems
素晴らしいデザインシステムのリスト。各システムのコンポーネント、オーディオ/トーン、デザインキット、ソースコードの有無を一覧で確認できます。
Design Systems Repo
デザイン システムのサンプル、リソース、ツール、記事、ビデオを整理し、頻繁に更新するコレクションです。
Adele
徹底的に分析された数十のデザインシステムとパターンライブラリ。学び、楽しみ、貢献しましょう！
UI Design Dictionary
すばやく検索できるように設計された、UI パターンとバイブコーディング用語の軽量のバイリンガル辞書。
Design Systems Report
経営陣の賛同は減少しており、採用は停滞している。その一方で、AIは流れを変えつつあります。世界中のデザインシステム実務者から収集した 2026 年のトレンド レポート。
OpenAI Developers
GPT-5.4 を洗練された実稼働可能なフロントエンド設計に導くための実践的なテクニック。
Anthropic Engineering
Anthropic は、信頼性が高く、解釈可能で、操作可能な AI システムの構築に取り組んでいる AI の安全性と研究を行う会社です。
AIUX
ChatGPT、Claude、GitHub Copilot、Midjourney、および 50 以上の出荷済み AI 製品から文書化された 36 の AI UX...
Impeccable
1 つのスキル、20 のコマンド、厳選されたアンチパターンにより、完璧なフロントエンド設計を実現します。カーソル、クロード コード、Gemini CLI、Codex...
Taste Skill
味覚スキルは AI エージェントに「感覚」を与えます。
addyosmani/agent-skills
AI コーディング エージェント向けの実稼働グレードのエンジニアリング スキル。
plugin87/ux-ui-agent-skills
クロードを上級設計アーキテクトに変えるスキルのコレクション。設計トークン生成、コンポーネント設計、アクセシビリティ監査を含む 7 つの領域をカバーする Claude...
sleekdotdesign/agent-skills
GitHub でアカウントを作成して、sleekdotdesign/エージェント スキルの開発に貢献してください。
VoltAgent/voltagent
人気の Web サイトからデザイン システムをキャプチャした DESIGN.md ファイルのコレクション。プロジェクトに 1 つをドロップすると、コーディング...
anthropics/skills
エージェント スキルのパブリック リポジトリ。
assistant-ui
AIチャットUI用のTypeScript/Reactライブラリ
HeroUI
美しくカスタマイズ可能なコンポーネント セット。継続的にメンテナンスされ、最新の状態に保たれます。
Skiper UI
Next.js プロジェクト用の風変わりな新しいコンポーネント。
React Bits
高品質でアニメーション化され、インタラクティブでカスタマイズ可能な React コンポーネントのオープンソース コレクション。
bazza/ui
美しくモダンな React コンポーネントのコレクション。オープンソース。オープンコード。無料でご利用いただけます。
Unified UI
50 を超えるアクセス可能でカスタマイズ可能な React コンポーネントを使用して、美しいインターフェイスをより迅速に出荷します。
lukilabs/beautiful-mermaid
エージェントが生成した Mermaid 図を、2 色の入力だけで洗練されたテーマに変えるスタイリングライブラリです。
Excalidraw MCP
AI エージェントから手描き風の図を直接描ける、ストリーミング対応の Excalidraw MCP サーバーです。
Pretendard
韓国語および多言語製品インターフェイス用のクロスプラットフォーム システム UI 代替書体。
Wanted Design Library
タイポグラフィ、グリッド、アイコン、カラー パレット、一貫した製品ワークフローのための適応可能なコンポーネントを備えたオープン デザイン ライブラリ。
Open Foundry
10 年以上にわたってオープンソースの書体をキュレーションしているサイト。素晴らしいフォントを紹介し、その作成者を讃え、探索を奨励します。
Dembrandt
Web サイトのデザイン システム (ロゴ、色、タイポグラフィ、境界線など) を数秒でトークンとして抽出します。コマンド1つで実行可能
Pixel Perfect UI
GSAP を利用したアニメーションを備えた React コンポーネント ライブラリ。液体ガラスボタンやアイコンフォールなど装飾性の高いUIを手早く組み立てることができるオ...
userinterface.wiki
より良いインターフェースのための生きたマニュアル。デザイン原則、モーション、タイポグラフィーなどを学びます
Pacome Pertant
パリ在住のモーション＆サウンドデザイナー、パコム・ペルタンのポートフォリオ。
Tweakpane
パラメーターを微調整し、値の変化を観察するためのコンパクトなペイン
Flue
TypeScript によって作成されたエージェント ハーネス フレームワーク。
Contra Labs
150万人を超えるクリエイターがクリエイティブAIの品質を評価するヒューマンデータ評価ラボ。スタイル/トーン/テイストのベンチマークを提供します。
Refero Styles
AI エージェント向けに DESIGN.md 形式でキュレーションされた、有名なサービスのデザイン スタイルのライブラリです。色、タイプミス、余白、コンポーネントを検索で...
DEEO Artifacts
好奇心旺盛な人のためのインタラクティブ/動作実験のコレクション。触って遊べる小物もございます。
Rebrand Gallery
ブランド変更とビジュアル アイデンティティの厳選されたギャラリー。デザインシステムの発表とリブランド発表ビデオをご覧いただけます。
Hannah Hearth
Show and Tell では、Hannah Hearth が Vercel の製品デザイン チームが実際に使用しているツールを紹介します。
MSCHF
クリエイティブな実践と主体性により、グローバル企業、著名人、メディアと競争できる文化力を持つことを目的としたスタジオです。
Roam
適切にデザインされたオブジェクトを表示するための無限のキャンバス。
Transitions.dev
Webアプリケーションの標準トランジションを集めたサイト。
EvilCharts
shadcn と Recharts で構築されたオープンソースのグラフ作成 UI ライブラリ。丁寧に手作りされたコンポーネントが特徴です。
Linear
デザインの本質はアウトプットではなく、問題を理解し、何が存在すべきかを決定することです。
openai/realtime-voice-component
React/ブラウザ用の音声操作UIコンポーネント。
Refto
厳選された Web サイトのインスピレーション、ランディング ページの例、ポートフォリオ、SaaS、およびインタラクション デザイン パターンを 1...
Devouring Details
インタラクションに興味のあるデザイナーのためのインタラクティブなリファレンス マニュアル。
Loading UI
無料でオープンソースの CSS/React ローダー、スピナー、アニメーションのコレクション。最新の Web アプリ向けにエレガントでアクセスしやすい読み込み状態を作成します。
CTA Gallery
デザイナー向けの行動喚起 (CTA) インスピレーション ギャラリー。
web-kits/audio
Web 用の宣言型オーディオ合成ライブラリ。サウンドはプレーンなオブジェクトとして定義でき、単一の関数呼び出しで再生できます。
browser-use/video-use
Claude Code でビデオ編集を自動化するオープンソース スキル。素材から編集済みのfinal.mp4を生成します。
UNCUT
モダン書体に特化した無料書体カタログ。現在163書体を掲載しています。
cathrynlavery/diagram-design
クロード コード用の 13 個の編集品質図テンプレート。
HyperFrames
HyperFrames は、AI エージェントを使用して HTML/CSS/JS を記述し、ビデオを組み立てるツールです。
pablodelucca/pixel-agents
ピクセルオフィス。
Curated Supply
デザイン性の高い商品のキュレーションサイト。形状、機能、そして控えめな高級感を重視して厳選された、プレミアムテクノロジー、インテリア、ライフスタイル製品のセレクション。
Selected Site
クリエイターやビルダー向けのツール、リソース、インスピレーションを厳選したコレクション。
Wiretext
すべてが Unicode 行文字としてレンダリングされる空間デザイン ツール。ワイヤーフレーム、図、モックアップを作成し、テキストとして共有します。
Fontshare
Indian Type Foundry (ITF) が提供する無料のフォント サービス。高品質のフォントを誰でも利用できます。
autoskills
技術スタックを検出し、skills.sh 経由で最適な AI エージェント スキルを自動インストールします。
Colors & Fonts
1 つの基本色から完全なカラー スケールを生成したり、色彩理論に基づいて 5 色のパレットを作成したりできるツールです。リアルタイムのコントラスト チェック、HSL...
mesh3d
厳選した3D・インタラクティブWebサイトを紹介するキュレーションギャラリー。
Mesurer
ローカルホスト上のすべてを測定して調整します。
Anna E. Cook
チームが AI ツールを使用して忠実度の高いプロトタイプを生成すると、焦点は目的ではなく出力に移ります。プロトタイピングは、アイデアをテストし、構築する前に実際に何が機能...
dominikmartn/nothing-design-skill
Nothing デザイン言語で UI を生成するための Claude Code スキル。モノクロ、タイポグラフィー、インダストリアル。
Boneyard
自動生成されたスケルトン読み込みフレームワーク
CSS Studio
ブラウザ上のビジュアル CSS エディター。スライダーとピッカーを使用してスタイルを調整すると、AI エージェントが変更をソースに書き込みます。
Liveline
React のリアルタイム アニメーション折れ線グラフ。
AI Designer
AI UI/UX デザイナー。最先端の AI モデルを使用して、美しく編集可能な UI デザインを数秒で生成します。
Font Of Web
現実世界のデザインのインスピレーションを毎日提供します。ウェブ上から最も美しいデザインを見つけて保存し、共有します。
Brand Archive
Brand Archive を使用すると、ブランド調査が大幅に強化されます。過去と現在の何百ものブランドのロゴ、アート ディレクション、フォントを発見してください。
Godly
インターネット上で最高の AI、Web3、ポートフォリオ、その他の優れた Web サイトを 1,000 以上厳選して厳選したもの。
Notch
ウェブ用にほぼ完璧な Macbook Notch をどのように構築したかの物語。
Shopify Design
新しい常態を作りましょう。
Lessons of Design
デザイナーが自分のやり方でデザインする理由と、その過程で学んだことについての思索。
Onigiri
Moontype はハンブルクとストックホルムに拠点を置く活字鋳造所で、Pia Schröer と Julia Flomm によって経営されています。
Cosmos
あなたの世界をキュレートするためのホーム
companies.sh
AIエージェント会社を見つけてインストールします。
little-hands/claude-drawio-skill
クロード コードからdraw.io図を作成、読み取り、編集するスキル。アーキテクチャ図やER図など8種類に対応。
Pretext
複数行のテキスト測定とレイアウトのための純粋な JavaScript/TypeScript ライブラリ。
SearchSystem
デザイナー向けのリファレンスやツールを集めたキュレーションサイト。タイポグラフィー、ロゴ、看板など幅広い例が含まれています。
Textura
口実×ヨガ＝テクチュラ。
fab ui
Base UI と Tailwind CSS で構築された React/Next.js のコンポーネント ライブラリ。
Logo System
1000 を超えるロゴデザインを収録したインスピレーション ライブラリ。種類やカラーフィルターから検索できます。
Stronger Design Principles
原則を書き留める際に最も難しいことの 1 つは、その原則が役に立つのに十分な意見を持っていることを確認することです。これが、より良い設計原則を作成できるかどうかの 1...
Detail
AI 時代に製品を特別なものにしている小さな設計上の決定についての厳選された研究。小さなことが大きな違いを生むと信じているデザイナーやエンジニア向け。
UI Skills
エージェントが構築するインターフェースを磨くための一連のスキル。
Skills.sh
AI エージェントのスキルを見つけてインストールします。
Interface Craft
並外れた注意を払ってデザインに取り組む人のための実用的なライブラリです。
ui.sh
Claude Code、Cursor、Codex などのコーディング アシスタント用のツールキットで、つまらない UI の構築に役立ちます。
Cursouls
Cursor AI エージェントを小さなピクセル キャラクターに変えて、居心地の良いカフェに住み、あなたの仕事中に反応し、支援し、付き添ってくれます。
DesEngs
厳選された設計エンジニアリング リソースのコレクション。
Dictar
Dictar は、デバイス上の音声テキスト変換アプリです。
Emil Kowalski
Emil Kowalski の個人サイトに書かれた記事をベースにしたスキル ファイル。
Rams
AI が生成したコードの自動設計レビュー。
Refero
Web と iOS の UI/UX リファレンスとデザイン インスピレーションの最大のコレクション。高度な検索機能で何万ものスクリーンショットを探索
Variant
アプリやサイトのアイデアを入力すると、スクロールするだけで無限のデザイン オプションが表示されます。