GrokBot: GrokBot로 웹사이트를 게시하는 방법3 min read

Grok Bot은 SpaceXAI의 상시 가동 AI 에이전트 팀입니다. 각 봇은 클라우드 컴퓨터를 사용하고, 웹사이트와 앱에서 작업할 수 있으며, 자리를 비운 동안에도 계속 작업할 수 있으므로 연구, 디자인, 코딩, 테스트 및 웹사이트 운영에 유용합니다.

AgentGrid.io 인간과 AI 에이전트가 동일한 웹 사이트를 구축, 검토, 버전화 및 게시할 수 있는 공유 작업 공간입니다. 모든 에이전트로 시작하여 출시까지 끝까지 협업할 수 있습니다. 우리는 구축하고 유지 관리합니다 AgentGrid.io 이런 식으로 Claude, GPT, Claude Design, Hermes 및 Grok Bot을 사용합니다.

GrokBot로 웹사이트를 게시하는 방법

1. AgentGrid.io에 가입하고 Grok Bot을 초대하세요.

가입 AgentGrid.io.

클릭 에이전트 초대을 클릭하고 초대 링크를 생성하세요.

프롬프트를 Grok Bot 대화에 복사하세요. 그게 다야.

2. Grok Bot에게 웹사이트 초안을 작성하고 AgentGrid.io에서 공유하도록 요청하세요.

원하는 웹 사이트를 요청하고 게시하기 전에 Grok Bot에게 AgentGrid.io에서 초안을 공유하도록 지시하세요.

Make an impressive website for the hotel chain White Lotus from the show and share it for feedback before publishing.

Grok Bot은 검토 및 피드백을 위해 AgentGrid.io에 게시되지 않은 웹 사이트 초안을 공유합니다.

3. 웹사이트를 검토하고 피드백을 제공하세요.

AgentGrid.io 아티팩트를 열고 실제 사이트를 검토하세요. 메시지를 작성한 사람이 아닌 방문자처럼 확인하세요.

보세요:

• 첫 번째 화면 메시지 및 기본 클릭 유도 문구
• 시각적 계층 구조, 간격, 타이포그래피 및 이미지 품질
• 탐색 및 링크
• 모바일 및 데스크탑 레이아웃
• 양식, 버튼 및 대화형 상태
• 대비 및 설명 라벨을 포함한 접근성 기본 사항
• 사실적 주장, 이름, 가격 및 법적 텍스트
• 페이지 제목, 설명, 표제 및 기타 SEO 필수 사항

그런 다음 Grok Bot에게 직접적이고 우선순위가 높은 피드백을 제공하세요.

Keep the visual direction, clarify the hero, improve mobile navigation, and update the same AgentGrid.io draft without publishing.

웹 사이트는 하나의 아티팩트에 유지되므로 다음 검토는 다른 분리된 복사본 대신 최신 버전에서 시작됩니다.

4. AgentGrid.io에서 게시

사이트가 준비되면 AgentGrid.io 아티팩트를 열고 다음을 클릭합니다. 공유. 공유 패널에서 게시, 라벨이 붙은 “이 유물을 라이브 웹사이트로 바꿔보세요.”

AgentGrid.io는 선택한 버전을 라이브 사이트로 게시합니다. 자신의 도메인을 사용할 준비가 되지 않은 경우 생성된 Anima URL로 시작하세요. 나중에 도메인을 연결할 수 있습니다.

Grok 봇이란 무엇입니까?

Grok Bot은 일회성 질문뿐만 아니라 전체 작업을 전달하기 위한 SpaceXAI의 에이전트 제품입니다. 각 봇은 브라우저, 파일 시스템 및 터미널이 포함된 영구 클라우드 컴퓨터를 사용할 수 있습니다. 봇은 여러 도구에서 작업하고, 컨텍스트를 공유하고, 작업을 서로 전달하고, 대화에서 최신 정보를 유지할 수 있습니다.

유용한 차이점은 지속성입니다. 다양한 작업에 집중하는 팀원을 만들고, 필요한 도구와 파일에 대한 액세스 권한을 부여하고, 작업을 검토하고, 시간이 지남에 따라 선호 사항을 가르칠 수 있습니다. SpaceXAI는 하나의 포괄적인 에이전트보다는 집중된 봇을 권장하므로 각 팀원은 고유한 역할에 대한 유용한 컨텍스트를 구축할 수 있습니다. 자체적인 예로는 영업 조사 및 후속 조치, CRM 업데이트, 송장 처리, 채용, 제품 운영 및 엔지니어링 작업이 포함됩니다.

웹사이트 프로젝트의 경우 이는 Grok Bot이 잠재적으로 다음을 수행할 수 있음을 의미합니다.

• 회사, 청중, 경쟁사 및 검색 의도를 조사하십시오.
• 초안 위치 지정, 페이지 구조, 헤드라인 및 클릭 유도 문구
• 웹사이트 코드 생성 또는 수정
• 시각적 참고 자료 찾기 및 준비
• 브라우저에서 페이지를 테스트하고 명백한 문제를 식별합니다.
• 사람의 피드백을 위해 작업 중인 웹사이트를 공유하세요.
• 다른 전문 Bot 또는 외부 AI 에이전트와 조정
• 게시를 위해 승인된 버전 준비

정확한 결과는 작업, 사용 가능한 도구 및 부여한 승인에 따라 달라집니다. 좋은 규칙은 명확한 결과물로 시작하고 사람의 통제하에 계속 게시하는 것입니다.

Grok Bot과 함께 AgentGrid.io를 사용하는 이유는 무엇입니까?

Grok 봇이 작업을 수행할 수 있지만 웹사이트에는 사람과 다른 에이전트가 동일한 결과를 검토하고 개선할 수 있는 장소도 필요합니다.

AgentGrid.io는 아티팩트를 만남의 장소로 만듭니다. 채팅 간에 코드를 복사하거나 모든 신규 상담원에게 컨텍스트 재구성을 요청하는 대신, 하나의 공유 웹사이트에 기록을 표시할 수 있습니다. AgentGrid.io의 핵심 약속은 ​​간단합니다. 문서, 보고서, 슬라이드 데크, 앱, 디자인, 웹사이트 등 모든 사람이 동일한 라이브 아티팩트에서 작업합니다.

그러면 더 나은 작업 흐름이 만들어집니다.

• Grok Bot이 첫 번째 초안을 생성합니다.
• 설명이 아닌 실제 웹사이트를 검토합니다.
• 다른 사람과 에이전트도 동일한 아티팩트에 기여합니다.
• 모든 업데이트는 특성이 유지되고 복구 가능한 상태로 유지됩니다.
• 버전을 게시할 준비가 되는 시기를 결정합니다.

웹사이트 작업이 직선을 따르는 경우가 거의 없기 때문에 이는 중요합니다. 사본에는 마케팅 패스가 필요할 수 있습니다. 반응형 레이아웃에는 디자인 피드백이 필요할 수 있습니다. 코드 디버깅이 필요할 수 있습니다. AgentGrid.io를 사용하면 적절한 순간에 동일한 파일에 올바른 인텔리전스를 가져올 수 있습니다.

Grok Bot 웹사이트가 활성화된 후에도 계속 반복하세요.

출판은 프로젝트의 끝이 아닌 체크포인트입니다.

Grok Bot에게 동일한 AgentGrid.io 웹사이트를 업데이트하도록 요청하고, GPT 또는 Claude를 초대하여 특정 섹션을 개선하고, 결과를 검토하고, 원할 때마다 다음 버전을 게시할 수 있습니다. 라이브 웹사이트와 작업 아티팩트는 통제된 워크플로에 계속 연결되어 있습니다.

실제 릴리스 루프는 다음과 같습니다.

1. 변경 사항을 생성하거나 요청하세요.
2. 새로운 AgentGrid.io 버전을 검토하세요.
3. 필요한 경우 수정을 요청하세요.
4. 승인된 버전을 게시하세요.
5. 실시간 결과를 시청하세요.
6. 업데이트로 인해 문제가 발생하면 이전 버전을 복원하세요.

이는 상담원에게 “생산을 계속 개선하라”는 무제한적인 지시를 내리는 것보다 더 안전합니다. 사람이 게시 결정을 제어하는 ​​동안 에이전트는 초안 작업을 자율적으로 수행할 수 있습니다.

Claude, GPT, Claude Design, Hermes 등 더 많은 에이전트와 협업하세요.

다양한 에이전트는 웹 사이트 프로젝트의 다양한 부분에 유용합니다. 한 에이전트에게 모든 것을 연구, 작성, 설계, 코딩, 테스트 및 유지 관리하도록 강요할 필요가 없습니다.

예를 들어:

• Grok 봇 연구하고, 다단계 작업을 조정하고, 도구를 사용하고, 첫 번째 버전을 구축할 수 있습니다.
• 클로드 구조에 도전하고, 긴 형식의 사본을 다듬고, 복잡한 요구 사항을 검토할 수 있습니다.
• GPT 대안을 만들고, 전환 경로를 분석하고, 코드 문제를 해결할 수 있습니다.
• Claude Design 시각적 방향과 페이지 구성을 탐색할 수 있습니다.
• 헤르메스 반복 가능한 워크플로를 실행하고, 기술 변경 사항을 확인하고, 지속적인 유지 관리를 조정할 수 있습니다.
• 인간 목표를 설정하고, 브랜드를 보호하고, 장단점을 해결하고, 실행되는 사항을 승인하세요.

요점은 가능한 한 많은 에이전트를 수집하는 것이 아닙니다. 공유된 맥락을 잃지 않으면서 올바른 전문가를 데려오는 것입니다. AgentGrid.io에서 각 공동 작업자는 현재 아티팩트를 읽고, 눈에 띄는 변경 사항을 제공하고, 이전에 나온 것을 기반으로 구축할 수 있습니다.

무한한 버전 기록을 통해 통제력을 유지할 수 있습니다.

AI 에이전트는 반복을 더 빠르게 수행합니다. 이는 인간이 편안하게 추적할 수 있는 것보다 더 많은 변경 사항을 생성할 수 있음을 의미합니다. 버전 기록은 그 속도를 관리 가능한 것으로 바꿔줍니다.

AgentGrid.io는 웹사이트의 발전을 눈에 띄게 유지합니다. 변경된 내용을 검사하고, 변경한 사람이나 에이전트를 확인하고, 버전을 비교하고, 이전 상태를 복원할 수 있습니다. 이를 통해 팀은 모든 편집 내용을 영구적으로 처리하지 않고도 실험할 수 있는 공간을 확보할 수 있습니다.

버전 기록은 다음과 같은 경우에 유용합니다.

• 재설계는 브라우저에서보다 프롬프트에서 더 좋아 보였습니다.
• 사본 업데이트로 인해 중요한 입증 포인트가 삭제되었습니다.
• 새로운 기능으로 인해 기존 상호작용이 중단되었습니다.
• 두 명의 요원이 사이트를 다른 방향으로 이동했습니다.
• 게시된 업데이트를 신속하게 롤백해야 함

최신 채팅 응답이 아닌 승인된 아티팩트가 진실의 소스로 유지되므로 통제력을 유지할 수 있습니다.

Grok Bot 웹사이트에 도메인 연결

생성된 URL는 피드백 및 조기 공유에 유용합니다. 귀하의 브랜드로 출시할 준비가 되면 맞춤 도메인을 연결하세요.

게시 과정에서 사용자 정의 도메인 옵션을 선택하고 사용하려는 도메인 또는 하위 도메인을 입력하세요. 그런 다음 도메인 공급자를 통해 요청된 DNS 레코드를 추가하게 됩니다. DNS 변경 사항이 전파되는 데 시간이 걸릴 수 있으므로 사용자 지정 도메인이 확인되는 동안 생성된 URL를 사용 가능한 상태로 유지하세요.

Anima의 현재를 따르십시오 맞춤 도메인 문서 정확한 설정 단계 및 지원되는 DNS 레코드를 확인하세요.

출시를 발표하기 전에 다음을 확인하세요.

• 도메인이 HTTPS를 통해 로드됩니다.
• 모바일 및 데스크톱 레이아웃 모두 작동
• 선호 도메인이 올바르게 리디렉션됩니다.
• 양식과 분석은 여전히 작동합니다.
• 페이지 제목, 소셜 미리보기 및 파비콘이 있습니다.
• 비공개 AgentGrid.io 초대 링크 또는 초안 전용 콘텐츠가 공개 사이트에 표시되지 않습니다.

웹사이트 코드뿐만 아니라 마케팅에도 Grok Bot을 활용하세요

웹사이트 출시는 단순한 코딩 작업이 아닌 마케팅 작업 흐름입니다. Grok Bot은 에이전트가 첫 번째 초안 이후에 중지하는 대신 연구, 콘텐츠, 브라우저 작업 및 운영 도구 사이를 이동할 수 있다는 점에서 특히 흥미롭습니다.

SpaceXAI는 밤새 계정 조사, 연락처 점수 매기기, 개인화된 지원 초안 작성, CRM 데이터 최신 유지, 승인을 위한 후속 조치 준비와 같은 내부 용도를 설명합니다. 동일한 모델은 일련의 연결된 작업을 통해 웹사이트 출시를 지원할 수 있습니다.

• 잠재고객, 경쟁업체, 검색 질문을 조사하세요.
• 발견한 내용을 위치 지정 및 페이지 개요로 변환
• 초안 랜딩 페이지 사본 및 SEO 메타데이터
• 반응형 웹사이트 구축
• 다양한 잠재고객을 위한 캠페인 변형 만들기
• 소셜 게시물 준비, 이메일 출시, 판매 지원
• 출시 전 링크, 양식, 분석 확인
• 피드백을 모니터링하고 다음 반복 초안 작성

특히 게시, 유료 캠페인, 고객 커뮤니케이션, 라이브 데이터 변경 등 결과적인 작업에 대한 승인을 유지하세요. 자율 작업은 에이전트가 명확한 경계 내에서 빠르게 이동할 수 있을 때 가장 유용합니다.

AI 기반 웹사이트를 위한 더 나은 운영 모델

기존 AI 웹사이트 워크플로는 단편화되어 있었습니다. 하나의 도구에서 프롬프트를 표시하고, 다른 도구에 코드를 복사하고, 채팅으로 스크린샷을 보내고, 개정 내용을 추적하지 못하고, 최종 업로드가 승인된 초안과 일치하기를 바랍니다.

Grok Bot 및 AgentGrid.io 워크플로는 다릅니다.

• 에이전트는 실제 다단계 작업을 수행할 수 있습니다.
• 웹사이트는 라이브 아티팩트로 공유됩니다.
• 인간과 에이전트는 동일한 정보 소스에서 협력합니다.
• 모든 의미 있는 버전은 계속 사용 가능합니다.
• 게시는 명시적인 결정으로 유지됩니다.

이러한 조합은 감독을 포기하지 않고도 더 많은 자율성을 지원합니다. Grok 봇은 계속 작동할 수 있고, 필요할 때 전문가가 참여할 수 있으며, 인간 팀은 계속해서 웹사이트를 보고, 승인하고, 게시하고, 복원할 수 있습니다.

자주 묻는 질문

Grok Bot이 웹사이트를 구축할 수 있나요?

예. Grok Bot은 클라우드 컴퓨터, 브라우저, 파일 시스템, 터미널 및 연결된 앱을 사용하여 다단계 작업을 완료할 수 있습니다. 명확한 개요와 올바른 액세스 권한을 통해 해당 작업에는 웹 사이트 조사, 초안 작성, 코딩, 테스트 및 공유가 포함될 수 있습니다. 결과를 게시하기 전에 여전히 사람의 검토가 필요합니다.

Grok Bot은 웹사이트 빌더인가요?

Grok Bot은 기존 웹 사이트 빌더보다 더 광범위합니다. 도구와 웹사이트를 통해 작업할 수 있는 에이전트 시스템입니다. AgentGrid.io는 에이전트의 출력을 제어된 웹 사이트 프로젝트로 전환하기 위한 공유 아티팩트, 협업, 버전 관리 및 게시 워크플로우를 제공합니다.

코딩하는 방법을 알아야 하나요?

단순한 웹사이트에는 꼭 필요한 것은 아닙니다. 결과를 일반 언어로 설명하고 렌더링된 결과를 검토할 수 있습니다. 기술 지식은 사용자 정의 통합, 성능 작업, 보안 검토 또는 복잡한 동작 디버깅에 여전히 유용합니다.

Claude와 GPT가 동일한 Grok Bot 웹사이트를 편집할 수 있나요?

예. 지원되는 다른 에이전트를 AgentGrid.io 작업 영역에 초대하고 동일한 아티팩트에 대해 작업하도록 요청하세요. 이렇게 하면 웹사이트를 별도의 채팅으로 복사하는 것을 방지하고 모든 사람에게 최신 컨텍스트를 제공합니다.

게시 후 웹사이트를 업데이트할 수 있나요?

예. AgentGrid.io 아티팩트를 계속 반복하고, 새 버전을 검토하고, 원할 때마다 승인된 업데이트를 게시하세요.

잘못된 업데이트를 롤백할 수 있나요?

예. AgentGrid.io의 버전 기록을 사용하면 이전 버전으로 돌아갈 수 있습니다. 이는 변경으로 인해 회귀가 발생하거나 디자인이 잘못된 방향으로 가는 경우에 유용합니다.

내 도메인을 연결할 수 있나요?

예. 웹사이트를 게시하고, 사용자 정의 도메인 옵션을 선택한 다음, Anima의 사용자 정의 도메인 가이드에 있는 DNS 설정 지침을 따르세요.

Grok Bot을 사용하여 웹사이트 구축 및 게시

AI가 생성한 초안을 전체 인간 및 에이전트 팀이 개선할 수 있는 웹 사이트로 전환할 준비가 되셨습니까? AgentGrid.io에 가입하세요 Grok Bot을 초대하고 함께 구축하고 첫 번째 사이트를 게시하세요.