Oxygen
비주얼 디자인, 재사용 가능한 컴포넌트, 동적 콘텐츠, AI 에이전트 통합을 결합한 개발자 중심의 WordPress 빌더.
커뮤니티:
제품 개요
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 콘텐츠를 보여주는 디렉토리, 매물 목록, 블로그를 만듭니다.
- 디자인 시스템 유지 관리 : 공유 컴포넌트와 스타일링 변수로 여러 페이지의 일관성을 유지하고 리디자인을 간소화합니다.
- 인터랙티브 랜딩 페이지 : 반응형 섹션, 애니메이션 콘텐츠, 인터랙티브 내비게이션으로 캠페인 및 제품 페이지를 구축합니다.
자주 묻는 질문
Oxygen 대안
Orchids
단일 텍스트 프롬프트로 완전한 프로덕션 준비 사이트를 생성하고 출시하는 즉시 웹사이트 생성기입니다.
Soloist AI
솔로프리뉴어와 소상공인을 위한 빠르고 쉬운 AI 기반 웹사이트 빌더. 전문가 수준의 SEO 최적화 웹사이트를 코딩 없이 빠르게 제작할 수 있습니다.
Fimo
팀이 통합된 콘텐츠 관리 및 시각적 편집으로 몇 분 안에 웹사이트를 구축, 협업, 퍼블리시할 수 있도록 설계된 AI 네이티브 CMS입니다.
SiteJourney
텍스트 설명에서 60초 만에 전문적이고 모바일 반응형 웹사이트를 생성하는 AI 웹사이트 빌더로, 채팅 기반 편집을 지원합니다.
Limecube
AI 기반 디자인, 콘텐츠 생성 및 SEO 최적화로 웹사이트 제작을 간소화하는 직관적인 웹사이트 빌더입니다.
Sitekick AI
코딩이나 디자인 기술 없이도 전문적이고 반응형이며 SEO에 최적화된 페이지를 만드는 빠르고 직관적인 랜딩 페이지 및 웹사이트 빌더입니다.
Lokuma
몇 분 내에 소기업을 위한 전환 중심의 프로덕션 준비 웹사이트를 생성하는 노코드 웹사이트 빌더.
Acebuilder
Aceternity UI Pro 템플릿에서 시작해 채팅으로 레이아웃, 카피, 이미지를 다듬고 코드로 내보낼 수 있는 랜딩 페이지 빌더입니다.