Designeer.org

ハブ · 64件のツール · 3件のセクション

フロントエンド開発者向けAI開発ツール

コンポーネントの裏側で動く実戦的なスタック。AIコードエディタやターミナルエージェント、それらのエージェントに文脈を与えるMCPサーバーやスキル、そして成果物をURLに公開するためのプラットフォームをまとめました。

01 / 03

AIコードエディタと開発者ツール

24セクションを開く
claude.com
Claude Code preview
Claude Code開発者ツールコマンドラインのターミナル内で直接動作する、エージェント型のコーディングアシスタント。
cursor.com
Cursor preview
Cursor開発者ツールソフトウェアの記述とリリースを加速するために設計された、AIファーストのコードエディタ。
zed.dev
Zed preview
Zed開発者ツール低遅延で快適な編集を実現するために設計された、高性能なコードエディタ。
v0.app
v0 preview
v0開発者ツールプレーンテキストのプロンプトを動作するshadcn/uiのコードに変換する生成AIツール。
bolt.new
Bolt.new preview
Bolt.new開発者ツールフルスタックアプリケーションを構築・実行できる、ブラウザ内のサンドボックス。
vite.dev
Vite preview
Vite開発者ツールモダンなWebプロジェクト向けの、高速なフロントエンドビルドツールと開発サーバー。
biomejs.dev
Biome preview
Biome開発者ツールWeb開発プロジェクト向けにRustで構築された、高速なコードフォーマッター兼リンター。
playwright.dev
Playwright preview
Playwright開発者ツールブラウザを自動化し、信頼性の高いエンドツーエンドテストを実行するためのフレームワーク。
buildertools.sh
BuilderTools preview
BuilderTools開発者ツールソフトウェアをより速くリリースできるよう助ける、目的を絞った開発者ツール群。
nuqs.47ng.com
nuqs preview
nuqs開発者ツール型安全なURLの検索パラメーターを読み書きするためのReactライブラリ。
better-t-stack.dev
Better T Stack preview
Better T Stack開発者ツールモダンなフルスタックのTypeScriptプロジェクトの雛形を生成するコマンドラインツール。
github.com
AI Stack preview
AI Stack開発者ツールAIアプリの構築に使われるモダンな技術スタックを比較するディレクトリ。
alumnium.ai
Alumnium preview
Alumnium開発者ツールMCPを通じて提供され、平易な自然言語でエンドツーエンドテストを記述できる。
vercel-doctor.com
Vercel Doctor preview
Vercel Doctor開発者ツールNext.jsアプリのパフォーマンスのボトルネックを特定する診断ツール。
ossperks.com
OSS Perks preview
OSS Perks開発者ツールオープンソースプロジェクトのメンテナー向けに、無料のクラウドクレジットや特典を集めたハブ。
vinext.dev
Vinext preview
Vinext開発者ツールCloudflare上でNext.jsアプリケーションを構築・実行できるようにするViteプラグイン。
evlog.dev
evlog preview
evlog開発者ツールWebアプリケーションのイベントを記録するための構造化ロギングフレームワーク。
audio.raphaelsalaja.com
@web-kits/audio preview
@web-kits/audio開発者ツールWebアプリケーションに音を追加し、制御するための宣言的なライブラリ。
nuejs.org
Nue preview
Nue開発者ツールReactのより軽量な代替として位置づけられた、軽量なWebフレームワーク。
umami.is
Umami preview
Umami開発者ツールCookie同意バナーなしで動作する、プライバシー重視のWebアナリティクスツール。
torph.lochie.me
Torph preview
Torph開発者ツール依存関係なしで、モーフィングするトランジションでテキストをアニメーションさせるライブラリ。
x.ai
x.ai/bot preview
x.ai/bot開発者ツールxAIのWebクローラーの仕様を明記したドキュメント。
tracwell.app
Tracwell preview
Tracwell開発者ツールサイトの訪問者とコンバージョンを追跡するための、目的を絞ったアナリティクスツール。
dialkit.dev
DialKit preview
DialKit開発者ツール作業しながらパラメーターをリアルタイムに調整できる、アプリ内のフローティングツールバー。
02 / 03

AIコーディングエージェントとMCPサーバー

35セクションを開く
drayhq.com
Dray preview
Drayエージェント・MCP複数のコーディングエージェントを実行・管理するための、統合されたデスクトップワークスペース。
styles.refero.design
Refero preview
Referoエージェント・MCPAIエージェントにデザインの指針を与える、構造化されたDESIGN.MD仕様ファイル。
designmd.me
designmd.me preview
designmd.meエージェント・MCPAIコーディングエージェントが解析し、開発の基準にできる機械可読なデザイン仕様を生成する。
open-design.ai
Open Design preview
Open Designエージェント・MCPデザインシステムを、AIエージェントが読み取って適用できる標準フォーマットにまとめる。
designmd.supply
designmd.supply preview
designmd.supplyエージェント・MCP狙いどおりの見た目とルールへAIアシスタントを導く、DESIGN.MDテンプレートのライブラリ。
getdesign.md
getdesign.md preview
getdesign.mdエージェント・MCPAIコーディングエージェントが従うべきデザインルールを作成する、インタラクティブなジェネレーター。
design-md.hyperbrowser.ai
Hyperbrowser Design.md preview
Hyperbrowser Design.mdエージェント・MCP既存のWebサイトからデザインルールをそのまま抽出し、DESIGN.MDファイルを生成する。
aura.build
Aura preview
Auraエージェント・MCPAIエージェントが拠りどころにできる明確なガイドラインを備えた、構造化されたデザインシステムを構築する。
neuform.ai
Neuform preview
Neuformエージェント・MCPレイアウトから整った実用的なコードを出力する、AI支援のインターフェースデザイン。
typeui.sh
typeui.sh preview
typeui.shエージェント・MCP型付きのUIコンポーネントの雛形を生成し、整った状態から開発を始められるコマンドラインツール。
webclaw.io
Webclaw preview
Webclawエージェント・MCPあらゆるWebページを、AIエージェントが読みやすい整った構造化markdownに変換する。
ghostex.dev
Ghostex preview
Ghostexエージェント・MCP複数のバックグラウンドのコーディングエージェントのセッションを、一か所からまとめて実行・調整する。
is-agentic.com
is-agentic.com preview
is-agentic.comエージェント・MCP指定したWebサイトが、クローラーや自動エージェントにどれだけ対応できているかを評価する。
herdr.dev
Herdr preview
Herdrエージェント・MCPコーディングエージェントのジョブを管理・スケジューリングする、分散型ランナー。
soubi.vercel.app
Soubi preview
Soubiエージェント・MCPエージェントのスキル定義を、使用可能なビルドへと変換するコンパイラー。
agentcn.run
agentcn preview
agentcnエージェント・MCPReactプロジェクトにそのまま組み込める、本番運用に耐えるカスタマイズ可能なAIエージェントのレシピ。
skills.sh
skills preview
skillsエージェント・MCPshadcnのレジストリと日々の開発ワークフローのために作られた、エージェントスキル。
mcpcn.dev
mcpcn preview
mcpcnエージェント・MCPChatGPT、Claude、MCPアプリのインターフェースを構築するためのReact UIコンポーネント。
integrations.sh
integrations.sh preview
integrations.shエージェント・MCPAIエージェントが参照し、開発の土台にできるAPI連携仕様のリポジトリ。
fx.sh
fx preview
fxエージェント・MCPZigで作られた、コマンドラインから動作する高性能なコーディングエージェント。
hyperframes.dev
HyperFrames preview
HyperFramesエージェント・MCPブラウザ画面を表示せずに、HTMLをMP4動画へレンダリングするヘッドレスエンジン。
foglamp.dev
Foglamp preview
Foglampエージェント・MCPレイテンシーと運用コストを見守る、オブザーバビリティツール。
distill.id
Distill preview
Distillエージェント・MCP散らばったリサーチメモを集めて整理する、AIエージェント。
agentation.com
Agentation preview
Agentationエージェント・MCP画面上のUIへの注釈を、AIエージェントが行動に移せるコンテキストに変換する。
opencode.ai
OpenCode preview
OpenCodeエージェント・MCPターミナルに常駐し、コマンドラインから動作するオープンソースのAIコーディングエージェント。
impeccable.style
Impeccable preview
Impeccableエージェント・MCP優れたUIへの感覚をAIエージェントに授ける、デザインインテリジェンスのスキル。
skillsync.com
SkillSync preview
SkillSyncエージェント・MCP使用している複数のコードエディター間で、エージェントのコンテキストを同期し続ける。
getbb.app
bb preview
bbエージェント・MCPコーディングエージェントの実行とテストのために作られた、オープンソースの開発環境。
capacity.so
Capacity preview
Capacityエージェント・MCPプロンプトをフルスタックアプリに変える、自然言語のワークスペース。
lafys.com
Lafys preview
Lafysエージェント・MCP平易な説明をUIコンポーネントに変える、ビルダー向けのプロンプト駆動ジェネレーター。
efecto.app
Efecto preview
Efectoエージェント・MCPMCPを通じて連携ツールに接続する、エージェントファーストのビジュアルWebキャンバス。
arclabs.space
Arc labs preview
Arc labsエージェント・MCP模擬技術面接を実施して練習を助ける、AIキャリアスイート。
scira.ai
Scira preview
Sciraエージェント・MCPWeb全体から答えを探す、無駄をそぎ落としたオープンソースのAI検索エンジン。
kombai.com
Kombai preview
Kombaiエージェント・MCP与えられたコンテキストからUIコードを書く、AIデザインエンジニア。
causal.so
Causal preview
Causalエージェント・MCPメモを取り、計画を練るための、AI搭載のキャンバスワークスペース。
03 / 03

デプロイ・ホスティングプラットフォーム

5セクションを開く
vercel.com
Vercel preview
VercelデプロイNext.jsアプリをデプロイしてWebに公開するためのクラウドプラットフォームです。
developers.cloudflare.com
Cloudflare preview
Cloudflareデプロイアプリをデプロイするために、グローバルなエッジネットワーク上でサーバーレスのWorkersを実行します。
netlify.com
Netlify preview
Netlifyデプロイ継続的デプロイのパイプラインを通じてサイトを配信する、Webホスティングプラットフォームです。
railway.app
Railway preview
Railwayデプロイアプリやデータベースのデプロイを簡単にするインフラプラットフォームです。
fly.io
Fly.io preview
Fly.ioデプロイユーザーに物理的に近い場所に配置されたサーバー上で、Dockerコンテナを実行します。
フロントエンド開発者向けAI開発ツール（64） — Designeer