Oxygen

ビジュアルデザイン、再利用可能なコンポーネント、動的コンテンツ、AI エージェント連携を組み合わせた、開発者向けの WordPress ビルダー。

コミュニティ:

AIウェブサイトビルダー AIウェブサイトデザイン

ウェブサイトを訪問

Atoms - AIで簡単にサイト・アプリを構築

StoreClaw

Sponsor

オンライン販売者向けの自律的なコマースエンジンで、すべての主要なEコマースプラットフォームでストアを24時間365日監視、実行、成長させます。手動介入は不要です。

概要
代替品
分析

Atoms - AIで簡単にサイト・アプリを構築

製品概要

Oxygenとは？

Oxygen は、HTML、CSS、レスポンシブレイアウトを細かくコントロールしたい開発者やデザイナー向けのビジュアル WordPress サイトビルダーです。再利用可能なコンポーネント、グローバルなスタイリング変数、動的コンテンツ、インタラクティブ効果を組み合わせて、カスタムサイトの構築・維持管理ができます。Oxygen 6.2 ベータでは MCP 連携が追加され、対応する AI エージェントが同じビジュアルワークフロー内でページ、テンプレート、デザインシステムを作成・編集できるようになりました。

主な機能

ビジュアルな HTML・CSS 制御
ドラッグ＆ドロップ要素、直接的な CSS 操作、Grid、Flexbox を使ってレスポンシブなレイアウトを構築しながら、ページ構造を自分でコントロールできます。
AI エージェント連携
6.2 ベータでは、Claude Code、Codex、Cursor などの MCP 対応クライアントを接続して、ページ、テンプレート、スタイル、動的コンテンツを作成・編集できます。
再利用可能なコンポーネント
共有ヘッダー、ボタン、セクションを作成し、更新作業を簡略化しながらサイト全体のレイアウトの一貫性を保ちます。
グローバルデザイン変数
個々の要素を調整する代わりに、共有変数で色、タイポグラフィ、余白を一元管理します。
動的な WordPress コンテンツ
クエリループと条件表示を使い、投稿、カスタムフィールド、タクソノミーとレイアウトを連携させます。
インタラクションとアニメーション
ビジュアルコントロールでクリックアクション、ホバー効果、登場アニメーション、スクロール連動の動きを追加します。

ユースケース

クライアント向けウェブサイト制作 : レスポンシブなレイアウトと再利用可能なデザイン要素で、クライアント向けのカスタム WordPress サイトを構築します。
AIエージェント支援によるサイト構築 : 連携した AI エージェントでページやテンプレートを組み立て、Oxygen のビジュアルエディタで仕上げます。
動的コンテンツサイト : 再利用可能なテンプレートを使い、構造化された WordPress コンテンツを表示するディレクトリサイト、物件一覧、ブログを作成します。
デザインシステムの維持 : 共有コンポーネントとスタイリング変数で複数ページの一貫性を保ち、リデザインを簡略化します。
インタラクティブなランディングページ : レスポンシブなセクション、アニメーション、インタラクティブなナビゲーションでキャンペーンや製品ページを構築します。