説明
Atheros AI Builderは、開発者やデザイナー向けに、静的なモックアップではなく生産可能なコードを生成および管理するためのAIツールです。340以上のプレミアムコンポーネントテンプレートのライブラリと、プロンプト、スクリーンショット、または既存のテンプレートから新しいコンポーネントを構築できるAI生成レイヤーを組み合わせています。
続きを読む
生成は、コンポーネントを説明するテキストプロンプト、再作成するためのアップロードされたスクリーンショット、またはテンプレートギャラリーから選択したスタートポイントのいずれかを入力することから始まります。Atherosは、複雑さ、コスト、品質を考慮して、リクエストをAtherosルーターを通じてルーティングし、最適な一般的フィットのためのAuto、最も洗練された視覚結果のためのUltra、または最速のターンアラウンドのためのFlashの3つのモードのいずれかを選択します。単一のコンポーネントは、デザイントークン、タイプ、間隔ルールを保持するプロジェクトのdesign.mdファイルに対して生成され、テスト、アクセシビリティ、およびそれらのトークンへの準拠が検証された後、完成と見なされます。プロジェクトは、1つの共有design.mdの下に多くのコンポーネントを保持でき、生成されたコンポーネントが従うべきスタックとコーディングパターンをキャプチャするbuilder.mdファイルとともに存在します。
構築が完了すると、コンポーネントまたはプロジェクトは3つの方法で出荷できます。React、バニラJavaScript、またはTypeScriptのコードとしてエクスポートできます。Atheros MCPサーバーを介してClaude Code、Codex、またはCursorなどのAIコーディングエージェントに直接プルされ、エージェントはコンポーネントライブラリを検索し、特定のテンプレートを取得し、独自のインターフェースを離れることなくデザインおよびビルダーファイルに対してプロジェクトを検証できます。レイヤー、オートレイアウト、マッピングされたデザイントークンを保持したFigmaへのエクスポートは、近日公開予定です。
Atherosは、月に30のAIクレジットと最大5つの生成コンポーネントを含む無料プラン、年間請求で月15ドルから始まる300以上のプレミアムコンポーネントと500クレジットを含む中間プランのAtheros AI Pass、年間請求で月39ドルから始まるフロンティアモデル、月2000クレジット、最大700コンポーネントを含むAtheros AI Ultraプランを提供しています。追加のAIクレジットはパックで購入できます。
Atheros AI Builderは、インターフェースコンポーネントを生成したいチーム向けに設計されており、既存のデザインシステムやコーディング規約に一致するコンポーネントを生成し、それらのコンポーネントにエクスポートされたコードとして、またAIコーディングエージェントのワークフロー内で直接アクセスできるようにします。
- カテゴリーAI UI/UXデザインツール
- 料金モデルサブスクリプション
- デプロイクラウド
- プラットフォームWeb
Atheros AI Builderの主要機能
テキストプロンプトまたはアップロードされたスクリーンショットからUIコンポーネントを生成
340以上のプレミアムで生産準備が整ったコンポーネントテンプレートのライブラリ
Auto、Ultra(品質)、Flash(速度)モードを持つAIルーター
プロジェクトのdesign.mdトークン、アクセシビリティ、テストルールに対してコンポーネントを検証
builder.mdは生成されたコンポーネントをプロジェクトのコーディングパターンと一貫性を保つ
React、バニラJavaScript、またはTypeScriptにエクスポート
Atheros MCPを介してAIコーディングエージェント(Claude Code、Codex、Cursor)に接続
レイヤー、オートレイアウト、マッピングされたデザイントークンを保持したFigmaエクスポート(近日公開予定)
Atheros AI Builderの使い方は?
コンポーネントを開始する: プロンプトを入力する、スクリーンショットをアップロードする、またはギャラリーからテンプレートを選択する。
ルーターにモードを選ばせる: Atheros AIがリクエストのためにAuto、Ultra、またはFlashを選択します。
ビルドを確認する: 生成されたコンポーネントをテスト、アクセシビリティ、デザイントークンに対して確認する。
プロジェクトにグループ化する: 1つの共有design.mdおよびbuilder.mdの下にコンポーネントを追加する。
コードをエクスポートする: React、バニラJavaScript、またはTypeScriptとしてダウンロードする。
AIエージェントを接続する: Atheros MCPを使用して、Claude Code、Cursor、またはCodexがコンポーネントを直接プルして検証できるようにする。
Atheros AI Builderの使用例
- デザインシステムコンポーネント
- AIエージェントコンポーネントプル
- スクリーンショットからコンポーネントへ
- Figmaハンドオフ








