<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Anima Blog</title>
	<atom:link href="https://animaapp.com/blog/ko/feed/index.xml" rel="self" type="application/rss+xml" />
	<link>https://animaapp.com/blog/ko/</link>
	<description></description>
	<lastBuildDate>Thu, 01 Oct 2026 00:08:01 +0000</lastBuildDate>
	<language>ko-KR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.6</generator>

<image>
	<url>https://animaapp.com/blog/wp-content/uploads/2026/04/cropped-anima-logo-favicon-32x32.png</url>
	<title>Anima Blog</title>
	<link>https://animaapp.com/blog/ko/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Dots: OpenAI Dots 실습 연습</title>
		<link>https://animaapp.com/blog/ko/agentic-ko/openai-dots-ko/</link>
		
		<dc:creator><![CDATA[Anima team]]></dc:creator>
		<pubDate>Wed, 30 Sep 2026 22:44:50 +0000</pubDate>
				<category><![CDATA[agentic]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=17066</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 6</span> <span class="rt-label rt-postfix">minutes</span></span>OpenAI Dots는 자체 클라우드 컴퓨터에서 대화 간에 계속 작업합니다. 이 실습 연습에서는 설정, 데스크톱 제어, 권한, 문서 공동 작업 및 Grok Bot, Muse AI 및 Hermes와의 비교를 다룹니다.</p>
<p>The post <a href="https://animaapp.com/blog/ko/agentic-ko/openai-dots-ko/">Dots: OpenAI Dots 실습 연습</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 6</span> <span class="rt-label rt-postfix">minutes</span></span><article>
<h2>소개</h2>
<p><a href="https://openai.com/index/introducing-dots/">OpenAI는 Dots를 출시했습니다.</a> 다음 프롬프트를 기다리는 일반적인 ChatGPT 대화와 달리 OpenAI Dot는 대화 사이에 목표를 향해 계속 작업할 수 있는 상시 작동 에이전트입니다.</p>
<p>Dots는 다음과 유사합니다. <a href="https://www.animaapp.com/blog/agentic/grokbot-how-to-publish-a-website/">Grok Bot</a>, Meta의 Muse AI 및 <a href="https://www.animaapp.com/blog/agentic/ai-teammates/">Hermes</a> 한 가지 중요한 방식으로 그들은 영구 에이전트의 새로운 범주에 속합니다. 이들 제품은 동일하지는 않지만 기본 패턴을 공유합니다. 에이전트는 컨텍스트를 유지하고 오프라인 상태에서도 작업할 수 있으며 컴퓨터 환경에서 웹을 탐색하고 진행 상황, 질문 또는 완료된 작업을 가지고 돌아옵니다.</p>
<p>각 Dot에는 자체 클라우드 컴퓨터와 브라우저가 있습니다. 작동을 지켜보고 필요할 때 제어할 수 있으며 Google Analytics, Meta Ads, Google Analytics0ZX 또는 사용하려는 기타 도구와 같은 서비스에 로그인할 수 있습니다. 따라서 Dot는 단일 채팅 스레드라기보다는 디지털 팀원에 더 가깝습니다.</p>
<p>공유 문서, 보고서, 웹사이트 및 소규모 앱의 경우 Dot 또는 ChatGPT를 연결하세요. <a href="https://www.animaapp.com/an?url=https%3A%2F%2Fchatgpt.com%2Fplugins%2Fplugin_asdk_app_6a747c2caadc8191acf784bd04153268%3Futm_source%3Danima&amp;utm_content=openai-dots&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content">AgentGrid.io의 GPT app</a>. 채팅 전체에 흩어져 있는 별도의 사본 대신 팀과 에이전트에게 하나의 실시간 아티팩트를 제공합니다.</p>
<div style="text-align: center; margin: 18px 0 26px;"><a href="https://www.animaapp.com/an?url=https%3A%2F%2Fchatgpt.com%2Fplugins%2Fplugin_asdk_app_6a747c2caadc8191acf784bd04153268%3Futm_source%3Danima&amp;utm_content=openai-dots&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content" style="display: inline-block; padding: 12px 24px; border: 1px solid #ffffff; border-radius: 5px; background: #000000; color: #ffffff!important; font-family: Mulish,sans-serif; font-size: 19px; font-weight: 600; line-height: 1.2; text-decoration: none; box-shadow: none!important;">Dot를 사용하여 문서 공동 작업 →</a></div>
<h2>Dots 시작하기</h2>
<p>방문 <a href="https://chatgpt.com/dots">chatgpt.com/dots</a> 데스크톱 브라우저에서 또는 ChatGPT 데스크톱 앱에서 Dots를 엽니다. OpenAI는 점차적으로 액세스를 제공하고 있으므로 귀하의 계획이 적격하더라도 설정 옵션이 즉시 표시되지 않을 수 있습니다.</p>
<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" alt="Anima Marketing이라는 새로운 OpenAI Dot가 ChatGPT에 소개되고 사용자가 이를 사용자 정의하도록 초대합니다." class="wp-image-17048" height="781" src="https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-getting-started.jpg" width="1840" srcset="https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-getting-started.jpg 1840w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-getting-started-300x127.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-getting-started-1024x435.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-getting-started-768x326.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-getting-started-1536x652.jpg 1536w" sizes="(max-width: 1840px) 100vw, 1840px" /><figcaption>Dot에 이름을 지정한 다음 귀하에게 중요한 것이 무엇인지 가르쳐 보세요.</figcaption></figure>
<p>설정하는 동안 Dot에 이름과 명확한 책임을 부여하십시오. 유용한 첫 번째 브리핑은 다음을 설명해야 합니다.</p>
<ul>
<li><strong>소유한 것:</strong> 반복되는 목표 또는 작업 영역.</li>
<li><strong>학습해야 할 부분:</strong> 귀하의 웹사이트, 제품 문서, 브랜드 가이드, 프로젝트 노트 및 기타 승인된 소스.</li>
<li><strong>좋은 점은 다음과 같습니다.</strong> 예, 선호하는 형식, 어조, 우선순위 및 품질 표준.</li>
<li><strong>질문해야 할 경우:</strong> 승인이 필요한 결정, 특히 계정 데이터 게시, 전송, 삭제, 구매 또는 변경.</li>
<li><strong>보고 빈도:</strong> 즉시, 매일, 매주 또는 중요한 변경 사항이 있을 때만 가능합니다.</li>
</ul>
<p>먼저 Dot에게 회사 웹사이트와 문서를 읽고, 배운 내용을 요약하고, 불분명한 내용을 나열하도록 요청하세요. 더 큰 작업을 할당하기 전에 요약을 수정하세요. 이러한 수정은 Dot가 사용자의 선호도를 학습하고 나중에 반복되는 설명을 줄이는 데 도움이 됩니다.</p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeef2; color: #242424; font-family: Mulish,sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">Dot용 시작 프롬프트<button aria-label="시작 프롬프트 복사" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish,sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">복사</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">Learn how our company works before taking action.

Read these sources:
- Company website: [URL]
- Product documentation: [URL]
- Brand or editorial guide: [URL]
- Current project: [URL]

Summarize our product, audience, priorities, tone, and active projects. List any contradictions or missing context. Do not publish, send messages, change files, or access additional accounts without asking first.</code></pre>
</div>
<h2>Dots에는 자체 데스크탑이 있습니다.</h2>
<p>Dot는 채팅에서 텍스트만 생성하는 것이 아닙니다. Linux, Chrome, 파일 및 도구를 갖춘 보호된 클라우드 컴퓨터가 있습니다. 노트북을 사용하지 않고도 웹사이트를 탐색하고, 정보를 수집하고, 파일을 생성하고, 다단계 작업을 완료할 수 있습니다.</p>
<p>이를 검사하려면 대화의 오른쪽 상단 영역에서 Dot의 프로필을 열고 해당 컴퓨터를 선택하세요. 사용 중인 브라우저와 데스크톱을 볼 수 있습니다. Dot가 로그인 페이지에 도달하거나 사람의 판단이 필요한 경우 <strong>인수하다</strong>을 클릭하고 단계를 완료한 후 다음을 선택하세요. <strong>반품 통제</strong>.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="OpenAI Dot는 자체 클라우드 컴퓨터를 사용하여 사용자가 제어할 수 있는 동안 Google Analytics를 탐색합니다." class="wp-image-17049" height="1025" src="https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-cloud-computer.jpg" width="1840" srcset="https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-cloud-computer.jpg 1840w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-cloud-computer-300x167.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-cloud-computer-1024x570.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-cloud-computer-768x428.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-cloud-computer-1536x856.jpg 1536w" sizes="(max-width: 1840px) 100vw, 1840px" /><figcaption>클라우드 컴퓨터에서 Google Analytics를 검색하는 Dot(사용자가 제어할 수 있는 옵션 포함)</figcaption></figure>
<p>이는 Dot가 Google Analytics, Meta Ads, 대시보드, 조사 도구 또는 내부 시스템과 같은 브라우저 기반 서비스와 작동하도록 하려는 경우에 유용합니다. 지원되는 경우 보안 로그인 및 저장된 비밀번호 흐름은 모델의 대화 컨텍스트 외부에 비밀번호를 유지합니다.</p>
<p>그러나 컴퓨터 액세스는 Dot가 조치를 제안할 뿐만 아니라 조치를 취할 수도 있음을 의미합니다. 상담원이 요청을 오해하거나, 잘못된 계정을 사용하거나, 잘못된 파일을 편집하거나, 예상보다 많은 작업을 수행할 수 있습니다. 액세스 권한을 팀원에게 부여하는 액세스 권한처럼 취급하십시오.</p>
<ul>
<li>작업에 필요한 계정만 연결하세요.</li>
<li>가능하다면 읽기 전용 액세스로 시작하세요.</li>
<li>중요한 데이터를 게시, 전송, 구매, 삭제 또는 변경하기 전에 승인을 요구하려면 사용자 정의 규칙을 사용하세요.</li>
<li>결과적인 작업에 의존하기 전에 활동과 결과를 검토하십시오.</li>
<li>사용 <strong>일시중지</strong> 주요 작업을 중지합니다. 검토 <strong>활동</strong> 위임된 업무와 <strong>예정됨</strong> 별도로 중지해야 할 수 있는 반복 작업의 경우.</li>
</ul>
<p>OpenAI의 <a href="https://openai.com/index/how-we-build-safety-security-and-privacy-into-dots/">Dots 안전 지침</a> 적극적인 배경 조사에서는 읽기 전용 도구를 사용한다고 설명합니다. 후속 조치는 여전히 권한, 사용자 정의 규칙, 승인 및 자동화된 조치 검토를 거칩니다. 비밀번호 변경과 같은 일부 민감한 작업은 본인이 직접 수행해야 합니다.</p>
<h2>Dot를 사용하여 문서 공동 작업</h2>
<p>채팅은 지침을 제공하는 데 유용하지만 시간이 지남에 따라 여러 사람과 상담원이 편집해야 하는 문서에 대한 좋은 공유 작업 공간은 아닙니다.</p>
<p>OpenAI 생태계 내에서 ChatGPT Space 및 Pages를 사용하면 사람들이 ChatGPT 및 Dots와 공유 작업에 협력할 수 있습니다. <a href="https://www.animaapp.com/blog/agentic/shared-drive-for-ai-agents-and-humans/">AgentGrid.io는 에이전트 작업에 버전이 지정된 공유 홈을 제공합니다.</a> 각 시스템에 대해 새 복사본을 만들지 않고 동일한 문서를 ChatGPT, Grok Bot, Hermes, Claude, Codex 및 기타 에이전트 간에 이동해야 하는 경우.</p>
<p>Dots는 ChatGPT의 플러그인 생태계를 사용하므로 다음을 설치할 수 있습니다. <a href="https://www.animaapp.com/an?url=https%3A%2F%2Fchatgpt.com%2Fplugins%2Fplugin_asdk_app_6a747c2caadc8191acf784bd04153268%3Futm_source%3Danima&amp;utm_content=openai-dots&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content">AgentGrid.io GPT app</a>. 승인되면 Dot는 AgentGrid.io 아티팩트를 생성하거나 업데이트하고 해당 링크를 반환할 수 있습니다.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="OpenAI Dot는 팀과 상담원 협업을 위해 라이브 AgentGrid.io 문서를 생성하고 공유합니다." class="wp-image-17050" height="1030" src="https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-agentgrid-collaboration.jpg" width="1840" srcset="https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-agentgrid-collaboration.jpg 1840w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-agentgrid-collaboration-300x168.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-agentgrid-collaboration-1024x573.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-agentgrid-collaboration-768x430.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-agentgrid-collaboration-1536x860.jpg 1536w" sizes="(max-width: 1840px) 100vw, 1840px" /><figcaption>Dot는 AgentGrid.io에서 문서를 생성하고 팀과 하나의 라이브 링크를 공유합니다.</figcaption></figure>
<p>아티팩트는 마케팅 기사, 시장 조사 보고서, 반복 분석, 웹 사이트, 프레젠테이션 또는 소형 앱일 수 있습니다. Dot, 일반 ChatGPT 대화, 다른 에이전트 및 팀원은 연결이 끊어진 복사본을 생성하는 대신 동일한 아티팩트에 대해 작업할 수 있습니다.</p>
<p>그것은 작업을 제공합니다 :</p>
<ul>
<li><strong>하나의 라이브 URL:</strong> 모두가 현재 버전을 엽니다.</li>
<li><strong>버전 기록:</strong> 각 변경 사항을 볼 수 있으며 이전 버전을 복원할 수 있습니다.</li>
<li><strong>상담원 및 사람의 귀속:</strong> 누가 무엇을 바꾸었는지 알 수 있습니다.</li>
<li><strong>액세스 제어:</strong> 읽거나 편집해야 하는 사람과 에이전트를 초대하세요.</li>
<li><strong>연속성:</strong> 다른 상담원은 전체 대화를 복사하지 않고도 동일한 작업을 계속할 수 있습니다.</li>
</ul>
<p>AgentGrid.io 앱을 설치한 후 직접 요청을 시도해 보세요.</p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeef2; color: #242424; font-family: Mulish,sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">AgentGrid.io 프롬프트<button aria-label="AgentGrid 프롬프트 복사" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish,sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">복사</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">Using the AgentGrid.io app, create a document for [project]. Add the current draft, research notes, open questions, and next steps. Share the artifact link with me. Keep updating this same artifact instead of creating new copies, and ask before publishing anything.</code></pre>
</div>
<div style="text-align: center; margin: 18px 0 26px;"><a href="https://www.animaapp.com/an?url=https%3A%2F%2Fchatgpt.com%2Fplugins%2Fplugin_asdk_app_6a747c2caadc8191acf784bd04153268%3Futm_source%3Danima&amp;utm_content=openai-dots&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content" style="display: inline-block; padding: 12px 24px; border: 1px solid #ffffff; border-radius: 5px; background: #000000; color: #ffffff!important; font-family: Mulish,sans-serif; font-size: 19px; font-weight: 600; line-height: 1.2; text-decoration: none; box-shadow: none!important;">Dot를 사용하여 문서 공동 작업 →</a></div>
<h2>오프라인 상태에서 OpenAI Dots는 무엇을 할 수 있나요?</h2>
<p>기본 컴퓨터는 클라우드에서 실행되기 때문에 ChatGPT를 닫거나 오프라인으로 전환한 후에도 Dot는 승인된 작업을 계속할 수 있습니다. 또한 예약된 확인을 실행하고 대화에 업데이트를 다시 가져올 수도 있습니다.</p>
<p>좋은 백그라운드 작업은 지속적이고 제한적이며 검토하기 쉽습니다. 예를 들면:</p>
<ul>
<li>제품 뉴스를 모니터링하고 링크가 포함된 일일 요약을 준비하세요.</li>
<li>웹사이트 또는 캠페인 데이터를 검토하고 비정상적인 변경 사항을 신고하세요.</li>
<li>프로젝트를 추적하고 주간 상태 보고서를 준비하세요.</li>
<li>새로운 인터뷰 기록을 초안 기사와 소셜 게시물로 변환하세요.</li>
<li>시장 조사를 수집하고 새로운 증거가 나타나면 동일한 보고서를 업데이트하세요.</li>
<li>변경 사항을 검토할 수 있도록 준비하는 동시에 문서나 작은 앱을 유지 관리하세요.</li>
</ul>
<p>새로운 Dot에 &#8220;마케팅 실행&#8221;과 같은 광범위한 지시를 제공하지 마십시오. 하나의 명확한 책임, 알려진 소스, 출력 형식 및 명시적인 제한을 부여하십시오. 소규모 작업에서 안정적인 작업을 보여준 후에만 액세스를 확장하세요.</p>
<h2>앱 연결 및 권한 설정</h2>
<p>Dots는 ChatGPT를 통해 연결된 앱과 플러그인을 사용합니다. Dot의 프로필을 열고 사용자 정의 및 플러그인 설정을 검토하세요. Dot가 도달해야 하는 통합 및 팀만 승인하십시오.</p>
<p>사용자 정의 규칙을 사용하면 Dot가 특정 작업을 처리하는 방법을 결정할 수 있습니다. 작업에 따라 진행되도록 할 수도 있고, 프롬프트에서 사전 승인된 경우에만 허용할 수도 있고, 먼저 묻도록 요구할 수도 있고, 단계를 다시 사용자에게 넘겨줄 수도 있습니다.</p>
<p>마케팅 작업을 위한 실제 설정은 다음과 같습니다.</p>
<ul>
<li>묻지 않고 분석 및 캠페인 데이터를 읽어보세요.</li>
<li>요청하지 않고 보고서 및 기사 초안을 작성합니다.</li>
<li>공유된 최종 문서를 편집하기 전에 물어보세요.</li>
<li>이메일을 보내거나 콘텐츠를 게시하기 전에 물어보세요.</li>
<li>예산, 청구 세부정보, 비밀번호 또는 계정 권한을 변경하지 마십시오.</li>
</ul>
<p>앱 연결을 끊으면 해당 연결을 통한 향후 액세스가 중지되지만 Dot가 이미 학습한 정보는 자동으로 삭제되지 않습니다. 민감한 소스를 연결하기 전에 OpenAI의 현재 메모리 및 재설정 제어를 검토하십시오.</p>
<h2>OpenAI Dots를 Grok Bot, Muse AI 및 Hermes와 비교하는 방법</h2>
<p>네 가지 제품 모두 지속적인 작업을 지원할 수 있지만 서로 다른 환경에 적합합니다.</p>
<ul>
<li><strong>OpenAI Dots</strong> 이미 ChatGPT, Codex, Slack, Teams 및 ChatGPT Space에서 작업하고 있는 사람들에게 적합합니다. 주요 경험은 OpenAI 관리형 클라우드 컴퓨터를 갖춘 하나의 영구 에이전트입니다.</li>
<li><strong>Grok Bot</strong> 호스팅된 봇, 클라우드 컴퓨터 루틴 및 다양한 책임을 가진 여러 명명된 에이전트에 중점을 둡니다.</li>
<li><strong>Meta의 Muse AI</strong> 지속적인 작업과 심부름을 위해 보다 소비자 중심의 개인 비서 경험을 제공합니다.</li>
<li><strong>Hermes</strong> 모델, 호스팅, 메모리, 기술, 도구 및 예약된 작업을 제어하려는 사람들을 위한 구성 가능한 개방형 에이전트입니다.</li>
</ul>
<p>가장 통합된 OpenAI 워크플로를 원할 경우 Dots를 선택하세요. 모델 선택, 자체 호스팅 또는 사용자 지정 인프라가 중요한 경우 보다 구성 가능한 에이전트를 선택하세요. 사람과 여러 상담원이 동일한 문서나 앱을 계속 사용해야 하는 경우 AgentGrid.io를 사용하세요.</p>
<h2>OpenAI Dots 가용성</h2>
<p>OpenAI Dots는 출시 시 자격을 갖춘 ChatGPT Pro 및 Business Premium 사용자에게 점진적으로 출시됩니다. Enterprise, Edu 및 Healthcare 작업 영역에서는 관리자가 베타 버전을 활성화하면 베타 버전을 사용해 볼 수 있습니다. Pro 가용성은 출시 시점에 유럽 경제 지역, 스위스 및 영국을 제외합니다.</p>
<p>데스크톱 웹 또는 ChatGPT 데스크톱 앱에서 첫 번째 Dot를 생성합니다. 설정 후 메시징에 모바일 액세스를 사용할 수 있지만 현재 모바일 또는 모바일 웹에서는 Dots를 만들 수 없습니다. 출시 중에 가용성, 계획 제한 및 인터페이스 레이블이 변경될 수 있으므로 OpenAI를 확인하세요. <a href="https://help.openai.com/en/articles/20001530">현재 Dots 설정 가이드</a> 이 연습의 옵션이 다르게 보이는 경우.</p>
<h2>OpenAI Dots FAQ</h2>
<div class="rocket-faq-accordion" style="margin: 18px 0 28px;">
<details open="" style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish,sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">OpenAI Dots란 무엇입니까?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p>OpenAI Dots는 ChatGPT 내부의 지속적이고 상시 작동되는 에이전트입니다. Dot에는 자체 클라우드 컴퓨터가 있고, 상황을 기억하고, 연결된 앱을 사용하고, 대화 간에 계속 진행할 수 있습니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish,sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Dot는 일반 ChatGPT와 어떻게 다릅니까?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p>일반 채팅은 주로 현재 대화에 응답합니다. Dot는 지속적인 책임을 갖고, 예약된 작업이나 백그라운드 작업을 실행하고, 클라우드 컴퓨터를 사용하고, 나중에 진행 상황이나 결정을 가지고 돌아올 수 있습니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish,sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">오프라인 상태에서도 OpenAI Dots를 사용할 수 있나요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p>예. Dot의 클라우드 컴퓨터에서 실행 중인 작업, 예약된 작업 및 승인된 백그라운드 조사는 ChatGPT가 닫혀 있거나 오프라인 상태에서도 계속될 수 있습니다. 로컬 컴퓨터가 필요한 작업은 해당 장치 및 연결에 따라 달라질 수 있습니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish,sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Dot의 컴퓨터를 보거나 제어할 수 있나요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p>예. Dot의 프로필을 열고 현재 작업을 검사할 컴퓨터를 선택하세요. 로그인, 권한 또는 사람의 결정이 필요할 때 제어할 수 있습니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish,sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Dot는 다른 에이전트와 공유된 문서를 편집할 수 있나요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p>예. AgentGrid.io GPT app를 사용하면 Dot는 팀원, ChatGPT 및 기타 승인된 에이전트가 동일한 라이브 URL에서 계속할 수 있는 공유 아티팩트를 생성하고 편집할 수 있습니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish,sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">OpenAI Dots는 업무용 계정으로 사용해도 안전한가요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p>Dots에는 권한, 사용자 정의 규칙, 보안 로그인 옵션, 활동 검토 및 작업 확인이 포함되어 있지만 여전히 실수할 수 있습니다. 필요한 최소한의 액세스 권한을 부여하고 결과적인 조치에 대해서는 사람의 승인을 요구합니다.</p>
</div>
</details>
</div>
<p> 로켓 바닥-에이전트 그리드-cta:시작 </p>
<div style="text-align: center; margin: 24px 0 30px;"><a href="https://www.animaapp.com/an?url=https%3A%2F%2Fchatgpt.com%2Fplugins%2Fplugin_asdk_app_6a747c2caadc8191acf784bd04153268%3Futm_source%3Danima&amp;utm_content=openai-dots&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content" style="display: inline-block; padding: 12px 24px; border: 1px solid #ffffff; border-radius: 5px; background: #000000; color: #ffffff!important; font-family: Mulish,sans-serif; font-size: 19px; font-weight: 600; line-height: 1.2; text-decoration: none; box-shadow: none!important;">Dot를 사용하여 문서 공동 작업 →</a></div>
<p> 로켓-바닥-에이전트그리드-cta:끝 </article>
<p><script id="rocket-prompt-copy-handler">(()=>{if(window.__rocketPromptCopyBound)return;window.__rocketPromptCopyBound=true;document.addEventListener('click',async e=>{const b=e.target.closest('.rocket-prompt-box button[type="button"]');if(!b)return;const c=b.closest('.rocket-prompt-box')?.querySelector('code');if(!c)return;const t=c.textContent;try{await navigator.clipboard.writeText(t)}catch(_){const r=document.createRange();r.selectNodeContents(c);const s=window.getSelection();s.removeAllRanges();s.addRange(r);document.execCommand('copy');s.removeAllRanges()}const o=b.textContent;b.textContent='Copied';setTimeout(()=>b.textContent=o,1500)})})();</script></p>
<p>The post <a href="https://animaapp.com/blog/ko/agentic-ko/openai-dots-ko/">Dots: OpenAI Dots 실습 연습</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Claude Docs: Claude Docs란 무엇입니까, 장점, 단점 및 대안</title>
		<link>https://animaapp.com/blog/ko/ai-ko/claude-docs-ko/</link>
		
		<dc:creator><![CDATA[Avishay Cohen]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 05:24:45 +0000</pubDate>
				<category><![CDATA[ai]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=16888</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 6</span> <span class="rt-label rt-postfix">minutes</span></span>Claude Docs에 대한 실용적인 가이드: 기능, 이점, 제한 사항, 가격 및 가용성과 AgentGrid.io, Google Docs 및 Notion와의 비교 방법.</p>
<p>The post <a href="https://animaapp.com/blog/ko/ai-ko/claude-docs-ko/">Claude Docs: Claude Docs란 무엇입니까, 장점, 단점 및 대안</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 6</span> <span class="rt-label rt-postfix">minutes</span></span><article>
<p>Claude는 채팅에서 텍스트를 작성하는 것에서 실시간 문서를 공동 편집하는 것으로 전환했습니다. 다음은 새로운 베타의 장점과 아직 부족한 점, AgentGrid.io, Google Docs 또는 Notion가 더 적합한 경우입니다.</p>
<h2>Claude Docs란 무엇입니까?</h2>
<p><strong>Claude Docs는 Claude 및 다른 사람들과 함께 작성할 수 있는 Anthropic의 새로운 문서 작업 공간입니다.</strong> 일반 채팅과 Cowork를 하나의 Claude 경험으로 통합하려는 Claude Slides 및 Anthropic의 움직임과 함께 2026년 9월 16일 베타 버전으로 출시되었습니다.</p>
<p>Claude에 텍스트 생성을 요청한 다음 이를 별도의 편집기에 복사하는 대신 대화 중에 문서를 요청할 수 있습니다. Claude는 명확한 질문을 하고, 서식 있는 텍스트 캔버스에 문서 초안을 작성하고, 주석으로 선택 사항을 설명하고, 이후 개정을 위해 계속 사용 가능합니다. 공동작업자가 동일한 파일을 실시간으로 편집하는 동안 문서에 직접 입력할 수도 있습니다.</p>
<p>결과는 다음과 유사하게 AI 기반 Google 문서에 더 가깝습니다. <a href="https://agentgrid.io/">AgentGrid.io</a>. 문서는 아티팩트 탭에 고유한 위치가 있고 여러 탭을 포함할 수 있으며 파일, 메모리, 프로젝트, 기술 및 연결된 앱의 컨텍스트를 사용할 수 있습니다.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="공유 문서, 차트, 댓글 및 Claude 대화를 보여주는 Claude Docs 인터페이스" class="wp-image-16722" height="1035" src="https://animaapp.com/blog/wp-content/uploads/2026/09/claude-docs-interface.jpg" width="1840" srcset="https://animaapp.com/blog/wp-content/uploads/2026/09/claude-docs-interface.jpg 1840w, https://animaapp.com/blog/wp-content/uploads/2026/09/claude-docs-interface-300x169.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/09/claude-docs-interface-1024x576.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/09/claude-docs-interface-768x432.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/09/claude-docs-interface-1536x864.jpg 1536w" sizes="(max-width: 1840px) 100vw, 1840px" /><figcaption>Claude Docs는 대화, 편집 가능한 문서, 시각적 데이터 및 공동 작업자 댓글을 하나의 인터페이스에 결합합니다. 제품 이미지: The Verge에서 발행한 Anthropic.</figcaption></figure>
<div><b>가용성 및 가격</b></p>
<p>Anthropic는 현재 Pro, Max, Team 및 Enterprise 요금제에 대한 베타 버전으로 Claude Docs를 나열합니다.</p>
</div>
<p>ChatGPT, 무료 Claude 사용자 및 기타 에이전트의 경우, <a href="https://agentgrid.io/">AgentGrid.io</a> 인간과 상담원을 위한 공동 문서 편집기로서 자연스러운 대안입니다.</p>
<div data-rocket-cta="agentgrid-collaborative-docs" style="text-align: center; margin: 18px 0 24px;"><a href="https://agentgrid.io/?utm_source=content&amp;utm_medium=blog&amp;utm_campaign=claude-docs-alternatives&amp;utm_content=collaborative-docs" style="display: inline-block; padding: 10px 24px; border: 1px solid #ffffff; border-radius: 5px; background: #000000; color: #ffffff!important; font-family: Mulish,sans-serif; font-size: 19px; font-weight: 500; line-height: 1.2; text-decoration: none; box-shadow: none!important;">AgentGrid is the Docs for any agent →</a></div>
<h2>Claude Docs 작동 방식</h2>
<p>일반적인 Claude 대화에서 시작할 수 있습니다. <strong>/문서</strong>, 출력 메뉴에서 문서를 선택하거나 아티팩트 갤러리에서 템플릿을 선택합니다. Claude는 Claude 코드 세션을 제품 사양, 런북 또는 판독값으로 전환할 수도 있습니다.</p>
<figure class="wp-block-image size-full" data-rocket-image="claude-docs-ai-economy"><img decoding="async" class="wp-image-17130" src="https://animaapp.com/blog/wp-content/uploads/2026/10/claude-docs-ai-economy-artifact.jpg" alt="Claude Docs artifact showing an AI-generated report about AI and the economy, with a prompt addressed to Claude and a comparison table of industry voices." width="1840" height="1250" srcset="https://animaapp.com/blog/wp-content/uploads/2026/10/claude-docs-ai-economy-artifact.jpg 1840w, https://animaapp.com/blog/wp-content/uploads/2026/10/claude-docs-ai-economy-artifact-300x204.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/10/claude-docs-ai-economy-artifact-1024x696.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/10/claude-docs-ai-economy-artifact-768x522.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/10/claude-docs-ai-economy-artifact-1536x1043.jpg 1536w" sizes="(max-width: 1840px) 100vw, 1840px" /></figure>
<ol>
<li><strong>결과를 설명하세요.</strong> 보고서, 개요, 사양, 온보딩 가이드, 회의 자료 또는 기타 문서를 요청하세요.</li>
<li><strong>Claude의 질문에 답하세요.</strong> Claude는 초안을 작성하기 전에 대상, 형식, 소스 자료 또는 결정을 명확히 할 수 있습니다.</li>
<li><strong>함께 편집하세요.</strong> 직접 입력하거나 채팅에서 Claude에게 광범위한 수정 사항을 요청하거나 언급하세요. <strong>Claude</strong> 집중된 변화에 대한 의견입니다.</li>
<li><strong>공동작업자를 초대합니다.</strong> 수정 권한이 있는 사용자는 동시에 동일한 문서에서 작업할 수 있습니다.</li>
<li><strong>수출하거나 양도하십시오.</strong> Claude Docs는 Word, PDF, Markdown 및 Google Docs로 내보냅니다. 문서는 Claude Slides 프레젠테이션이 될 수도 있습니다.</li>
</ol>
<p>Claude는 변경을 요청한 로그인한 사람의 권한에 따라 작동합니다. 모든 편집 내용은 해당 사람 또는 Claude에 귀속됩니다. 이는 전체 버전 기록이나 규정 준수 로그와 동일하지는 않지만 유용한 제어 기능입니다.</p>
<h2>중요한 Claude Docs 기능</h2>
<h3>기존 컨텍스트를 사용한 AI 제도</h3>
<p>Claude는 대화, 업로드, 프로젝트, 메모리, 기술 및 연결된 앱에서 그릴 수 있습니다. 이는 빈 페이지 문제를 줄이고 Claude가 이미 완료한 연구로 시작하는 요약 및 보고서에 Docs를 특히 강력하게 만듭니다.</p>
<h3>직접 편집 및 AI 댓글</h3>
<p>Claude가 작동하는 동안 캔버스는 잠기지 않습니다. 입력하고, 텍스트를 선택하고, 설명을 달거나 Claude에게 특정 구절을 수정하도록 요청할 수 있습니다. Claude는 선택을 설명하거나 결정을 요청하는 댓글을 남길 수 있으므로 자동 재작성보다 초안 작성 프로세스가 더 눈에 띄게 됩니다.</p>
<h3>실시간 인간 협업</h3>
<p>편집자는 실시간으로 공동 편집할 수 있으며 문서를 열어 둔 모든 사람에게 변경 사항이 즉시 표시됩니다. 이는 Claude Docs를 한 사람이 보조자에게 지시하는 것을 넘어 공유 글쓰기 공간으로 이동시킵니다.</p>
<h3>차트, 다이어그램, 타임라인</h3>
<p>Claude는 연결된 데이터를 포함하여 문서 내부에 차트, 다이어그램, 그래프 및 타임라인을 만들 수 있습니다. 이러한 시각적 개체는 스냅샷입니다. 소스가 변경될 때 자동으로 새로 고쳐지지 않으므로 Claude에 새로운 데이터를 가져오도록 요청해야 합니다.</p>
<h3>유용한 수출 경로</h3>
<p>다음으로 내보내기 <strong>.docx, PDF, 마크다운 또는 Google Docs</strong>. Claude Docs는 새 제품이기 때문에 이는 중요합니다. 팀은 전부 아니면 전무한 플랫폼 결정을 내리는 대신 Claude를 사용하여 초안을 작성하고 확립된 사무실 워크플로를 완료할 수 있습니다.</p>
<h2>Claude Docs 장단점</h2>
<div>
<section>
<h3>장점</h3>
<ul>
<li>Claude는 일회용 채팅 텍스트를 생성하는 대신 문서 내부에 초안을 작성합니다.</li>
<li>반복적인 복사-붙여넣기 없이 대화와 연결된 컨텍스트를 사용합니다.</li>
<li>인간과 Claude는 동일한 살아있는 문서를 편집할 수 있습니다.</li>
<li>실시간 공동 편집 및 댓글은 팀 검토를 지원합니다.</li>
<li>Google Docs를 포함한 4가지 실용적인 형식으로 내보냅니다.</li>
<li>웹, 데스크톱, Claude 코드 및 모바일 보기에서 작동합니다.</li>
</ul>
</section>
<section>
<h3>단점</h3>
<ul>
<li>아직 버전 기록이 없습니다.</li>
<li>Claude Docs에는 댓글 전용 액세스 수준이 없습니다.</li>
<li>팀 및 기업 문서는 아직 조직 외부에서 공유할 수 없습니다.</li>
<li>공유 문서를 열려면 수신자에게 Claude 계정이 필요합니다.</li>
<li>차트와 다이어그램은 자동으로 새로 고쳐지지 않습니다.</li>
<li>모바일 앱은 아직 템플릿에서 생성하거나, 편집하거나, 공유를 변경할 수 없습니다.</li>
<li>아직 규정 준수 API에 Docs 활동이 없습니다.</li>
<li>CMEK, ZDR 및 HIPAA 지원 구성에는 사용할 수 없습니다.</li>
</ul>
</section>
</div>
<p>이는 극단적인 경우가 아닌 의미 있는 베타 제한입니다. 공식적인 검토 상태, 외부 클라이언트 액세스, 감사 가능한 버전 복구 또는 규제된 구성에 의존하는 팀은 중요한 문서를 Claude Docs로 이동하기 전에 워크플로를 테스트해야 합니다.</p>
<h2>Claude Docs 대 AgentGrid.io 대 Google Docs 대 Notion</h2>
<figure class="wp-block-table">
<table class="rocket-comparison-table" style="width: 100%; border-collapse: collapse; font-family: Mulish, sans-serif !important;">
<thead>
<tr>
<th style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">제품</th>
<th style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">다음에 가장 적합</th>
<th style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">AI 모델 범위</th>
<th style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">역사</th>
<th style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">협동</th>
</tr>
</thead>
<tbody>
<tr>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Claude Docs</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Claude를 사용하여 문서 초안 작성 및 수정</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Claude-네이티브</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">아직 버전 기록이 없습니다.</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">실시간 편집; 보기/수정 액세스</td>
</tr>
<tr>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">AgentGrid.io</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">인간과 에이전트 간의 공유 문서 및 라이브 아티팩트</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Claude, ChatGPT, 코덱스, 커서, 헤르메스, OpenClaw 등</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Git 지원, 복원이 포함된 기록 기록</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">실시간 마크다운 편집, 댓글, 상담원 언급, 통제된 작업 공간</td>
</tr>
<tr>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Google Docs</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">친숙한 사무실 문서와 광범위한 인간 공동 편집</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Google Workspace 내부의 쌍둥이자리</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">성숙한 문서 버전 기록</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">실시간 편집, 댓글, 제안, 접근 제어</td>
</tr>
<tr>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Notion</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">위키, 프로젝트, 데이터베이스에 연결된 문서</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Notion 에이전트 및 사용자 정의 에이전트</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">페이지 기록은 요금제에 따라 다릅니다.</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">공동 편집, 댓글, 멘션, 작업 공간 구성</td>
</tr>
</tbody>
</table>
</figure>
<p>모든 행에서 승리하는 제품은 없습니다. 올바른 선택은 무게 중심이 어디에 있는지에 따라 다릅니다. <strong>Claude 자체, 에이전트 간 작업, 사무실-문서 협업 또는 연결된 지식 작업 공간입니다.</strong></p>
<h2>최고의 Claude Docs 대안</h2>
<section><span>인간과 여러 AI 에이전트에게 가장 적합</span></p>
<div>대안 01</div>
<h3>AgentGrid.io</h3>
<p><a href="https://agentgrid.io/">AgentGrid.io</a> 사람과 연결된 에이전트가 동일한 아티팩트에 대해 작업하는 공유 작업 공간입니다. 문서, 앱 또는 저장된 파일은 하나의 주소, 현재 버전, 작업 공간에서 제어되는 액세스 및 변경 사항을 만든 사람이나 에이전트에 대한 기록을 얻습니다.</p>
<p>Claude Docs에 비해 가장 큰 장점은 <strong>에이전트 간 연속성</strong>. Claude는 문서를 시작할 수 있으며 ChatGPT, Codex, Cursor, Hermes 또는 다른 연결된 에이전트는 핸드오프를 다른 복사본으로 전환하지 않고도 문서를 계속할 수 있습니다. 기록은 Claude Docs의 현재 베타 격차 중 하나를 직접 해결하는 이전 버전을 미리 보고 복원할 수 있습니다.</p>
<p>AgentGrid.io는 Claude의 쓰기 모델을 대체하지 않습니다. 작품 주변의 공유 아티팩트 레이어입니다. Markdown은 동시 편집을 지원합니다. 댓글은 구절에 고정되고, 사람이나 승인된 대리인에게 전달되며, 아티팩트를 게시하지 않고도 해결될 수 있습니다.</p>
<p><strong>다음과 같은 경우에 선택하세요.</strong> 둘 이상의 AI 공급자가 기여하고, 버전 복구가 중요하며, 출력이 앱이나 실시간 보고서가 될 수 있거나, 인간 계정과 분리된 에이전트 ID 및 권한을 원할 수 있습니다.</p>
<p><strong>주의할 점:</strong> AgentGrid.io는 아티팩트 우선입니다. 주요 요구 사항이 가장 친숙한 Word 스타일 편집기와 광범위한 클라이언트 공동 작업이라면 Google Docs가 더 적합할 수 있습니다.</p>
</section>
<figure class="wp-block-image size-full"><img decoding="async" alt="AgentGrid.io에서 여러 사람과 AI 에이전트와 함께 문서 편집" class="wp-image-16726" height="720" src="https://animaapp.com/blog/wp-content/uploads/2026/09/agentgrid-collaborative-document-editor-humans-agents.jpg" width="1280" srcset="https://animaapp.com/blog/wp-content/uploads/2026/09/agentgrid-collaborative-document-editor-humans-agents.jpg 1280w, https://animaapp.com/blog/wp-content/uploads/2026/09/agentgrid-collaborative-document-editor-humans-agents-300x169.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/09/agentgrid-collaborative-document-editor-humans-agents-1024x576.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/09/agentgrid-collaborative-document-editor-humans-agents-768x432.jpg 768w" sizes="(max-width: 1280px) 100vw, 1280px" /><figcaption>AgentGrid.io에서 여러 사람과 에이전트가 함께 문서를 편집합니다.</figcaption></figure>
<div data-rocket-cta="agentgrid-after-screenshot" style="text-align: center; margin: 18px 0 24px;"><a href="https://agentgrid.io/?utm_source=content&amp;utm_medium=blog&amp;utm_campaign=claude-docs-alternatives&amp;utm_content=collaborative-docs" style="display: inline-block; padding: 10px 24px; border: 1px solid #ffffff; border-radius: 5px; background: #000000; color: #ffffff!important; font-family: Mulish,sans-serif; font-size: 19px; font-weight: 500; line-height: 1.2; text-decoration: none; box-shadow: none!important;">AgentGrid is the Docs for any agent →</a></div>
<section><span>주류 문서 협업에 가장 적합</span></p>
<div>대안 02</div>
<h3>Google Docs</h3>
<p>Google Docs는 익숙한 실시간 편집, 성숙한 공유, 댓글 및 제안, 손쉬운 외부 ​​공동작업, Gmail, Drive, Sheets, Slides, Meet과의 긴밀한 통합이 필요한 팀에게 가장 안전한 기본값으로 남아 있습니다.</p>
<p>이제 Gemini는 Docs에서 구조화된 초안을 생성하고 Drive, Gmail, Chat의 정보를 종합할 수 있습니다. 이를 통해 Google은 많은 팀에서 이미 사용하고 있는 Office 제품군을 유지하면서 문서 내부에 AI가 포함된 워크플로 버전을 제공합니다.</p>
<p><strong>다음과 같은 경우에 선택하세요.</strong> 외부 공동작업자는 원활한 액세스가 필요하고, 결과물은 기존 사무실 문서로 유지되어야 하며, 조직은 이미 Google Workspace를 실행하고 있어야 합니다.</p>
<p><strong>주의할 점:</strong> Google Docs는 사람과 사무실 파일을 중심으로 설계되었습니다. 여러 독립 에이전트에 명명된 ID, 범위가 지정된 권한, 마크다운, 코드 및 라이브 앱 전반의 공유 기록이 필요한 경우 AgentGrid.io가 더욱 전문화된 작업 공간입니다.</p>
</section>
<section><span>지식 및 프로젝트와 연결된 문서에 가장 적합</span></p>
<div>대안 03</div>
<h3>Notion</h3>
<p>Notion는 문서가 위키, 데이터베이스, 프로젝트, 회의록 및 회사 지식으로 구성된 대규모 운영 체제 내에 속할 때 더 강력한 선택입니다. 블록 기반 페이지는 코드, 미디어, 목차, 차트, 댓글, 멘션 및 공동 편집을 지원합니다.</p>
<p>Notion AI는 주문형 Notion 에이전트, 반복 워크플로를 위한 사용자 지정 에이전트, 연결된 앱 전체의 엔터프라이즈 검색, AI 회의 메모 및 페이지 내 작성 도움말을 추가합니다. 이로 인해 Notion는 Claude Docs보다 더 넓어졌습니다. 집중된 글쓰기 캔버스가 아니라 중앙에 문서가 있는 작업 공간이 더 많습니다.</p>
<p><strong>다음과 같은 경우에 선택하세요.</strong> 문서는 구조화된 지식, 프로젝트 상태, 데이터베이스 및 반복 가능한 워크플로에 연결되어야 합니다.</p>
<p><strong>주의할 점:</strong> 유연성으로 인해 설정 및 작업 공간이 복잡해질 수 있습니다. 단순히 &#8220;이 Claude 대화를 세련된 문서로 바꾸는 것&#8221;이 ​​목표라면 Claude Docs가 더 직접적입니다. 하나의 버전이 지정된 아티팩트를 공유하기 위해 외부 에이전트가 필요한 경우 AgentGrid.io가 더욱 특수하게 구축되었습니다.</p>
</section>
<h2>평결: Claude Docs를 사용해야 할까요?</h2>
<p><strong>Claude가 이미 생각이 일어나는 곳에 있을 때 Claude Docs를 사용하십시오.</strong> 대화에서 문서로의 어색한 핸드오프를 제거하고 Claude, 귀하 및 귀하의 팀이 동일한 초안을 개선할 수 있도록 해줍니다. 유료 Claude 계획에 대한 보고서, 사양, 개요 및 내부 작성의 경우 워크플로가 매력적입니다.</p>
<p>베타 라벨을 간과하지 마십시오. 버전 기록 부족, 조직 계획에 대한 제한된 외부 공유, 계정 요구 사항, 모바일 편집 제한 및 규정 준수 로깅 누락은 프로덕션 워크플로에 결정적인 영향을 미칠 수 있습니다.</p>
<p>실용적인 스택은 한 명의 승자를 선택할 필요가 없습니다.</p>
<ul>
<li><strong>Claude Docs의 초안</strong> Claude에 컨텍스트와 쓰기 작업이 있을 때.</li>
<li><strong>Google Docs로 내보내기</strong> 외부 검토 또는 사무실 호환성이 최우선인 경우.</li>
<li><strong>작품을 Notion로 옮기세요</strong> 더 넓은 위키나 프로젝트 시스템에 속할 때.</li>
<li><strong>AgentGrid.io로 푸시하세요.</strong> Claude가 여러 에이전트 중 하나이고 아티팩트에 지속성 있는 속성 기록이 필요한 경우.</li>
</ul>
<p>Claude는 공식 커넥터를 통해 AgentGrid.io에 연결됩니다. 승인되면 Claude에게 문서를 AgentGrid.io에 푸시하고 아티팩트 링크를 반환하도록 요청할 수 있습니다. 향후 변경 사항은 Claude의 자체 에이전트 ID 및 승인된 작업 공간 액세스 아래에 표시됩니다.</p>
<h2>문서를 보관하세요. 에이전트를 변경하세요.</h2>
<p>Claude, ChatGPT, 팀원, 다음 에이전트에게 액세스가 제어되고 기록이 표시된 하나의 라이브 아티팩트를 제공하세요.</p>
<div style="text-align: center; margin: 18px 0 24px;"><a href="https://agentgrid.io/?utm_source=content&amp;utm_medium=blog&amp;utm_campaign=claude-docs-alternatives" style="display: inline-block; padding: 10px 24px; border: 1px solid #ffffff; border-radius: 5px; background: #000000; color: #ffffff!important; font-family: Mulish,sans-serif; font-size: 19px; font-weight: 500; line-height: 1.2; text-decoration: none; box-shadow: none!important;">AgentGrid is the Docs for any agent</a></div>
<h2>자주 묻는 질문</h2>
<div class="rocket-faq-accordion" style="margin: 18px 0 28px;">
<details open="" style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Claude Docs란 무엇입니까?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Claude Docs는 Claude 내부에 있는 Anthropic의 베타 서식 있는 텍스트 문서 작업 공간입니다. Claude와 사람들은 살아있는 문서의 초안을 작성하고, 편집하고, 댓글을 달고, 공유하고, 내보낼 수 있습니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Claude Docs는 무료인가요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">아니요. Anthropic는 현재 Pro, Max, Team 및 Enterprise 요금제에 대해 나열되어 있습니다. 무료 플랜에서는 사용할 수 없습니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">여러 사람이 Claude 문서를 편집할 수 있나요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">예. 수정 액세스 권한이 있는 사용자는 동시에 동일한 문서에서 작업할 수 있으며 변경사항은 실시간으로 표시됩니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Claude Docs에는 버전 기록이 있나요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">아직 아님. Anthropic에는 버전 기록이 알려진 베타 제한 사항으로 나열되어 있습니다. 복원 가능한 수정본이 중요한 경우 AgentGrid.io 또는 기존 사무실 편집자가 영구 사본을 보관하는 데 더 적합할 수 있습니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Claude 문서를 내보낼 수 있나요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">예. 현재 내보내기 옵션은 Microsoft Word, PDF, Markdown 및 Google Docs입니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">고객이 Claude 계정 없이 Claude 문서를 열 수 있습니까?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">아니요. 공유 Claude Docs에는 Claude 계정이 필요합니다. 팀 및 기업 문서도 아직 조직 외부에서 공유할 수 없습니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">최고의 Claude Docs 대안은 무엇입니까?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">에이전트 간 아티팩트 및 버전 기록을 보려면 AgentGrid.io를 선택하고, 친숙한 사무실 공동 작업을 위해서는 Google Docs를, 연결된 문서, Wiki, 프로젝트, 데이터베이스 및 작업 공간 AI를 위해서는 Notion를 선택하세요.</p>
</div>
</details>
</div>
</article>
<p>The post <a href="https://animaapp.com/blog/ko/ai-ko/claude-docs-ko/">Claude Docs: Claude Docs란 무엇입니까, 장점, 단점 및 대안</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Obsidian 검토 및 대안: 메모, 팀 및 AI 협업</title>
		<link>https://animaapp.com/blog/ko/agentic-ko/obsidian-alternatives-ko/</link>
		
		<dc:creator><![CDATA[Michal Cohen]]></dc:creator>
		<pubDate>Thu, 17 Sep 2026 17:13:25 +0000</pubDate>
				<category><![CDATA[agentic]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=16630</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 5</span> <span class="rt-label rt-postfix">minutes</span></span>Notion, AgentGrid, Craft, Logseq, Bear 및 Joplin를 비교하십시오. 메모, 팀워크 또는 AI 협업을 위한 Obsidian 대안을 찾고 두 가지를 모두 사용하는 방법을 알아보세요.</p>
<p>The post <a href="https://animaapp.com/blog/ko/agentic-ko/obsidian-alternatives-ko/">Obsidian 검토 및 대안: 메모, 팀 및 AI 협업</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 5</span> <span class="rt-label rt-postfix">minutes</span></span><p><style id="rocket-obsidian-table-style">
.rocket-comparison-table{width:100%;border-collapse:collapse;font-family:Mulish,sans-serif!important;margin:24px 0;}
.rocket-comparison-table th,.rocket-comparison-table td{font-family:Mulish,sans-serif!important;text-align:left;vertical-align:top;border:1px solid #dedee3;padding:12px 14px;}
.rocket-comparison-table th{font-weight:700;background:#f7f7f9;}
</style>
</p>
<p>Obsidian는 자신의 노트를 소유하고, 아이디어를 연결하고, 개인 지식 기반을 구축하려는 사람들에게 강력한 선택입니다. 하지만 메모 작성 도구를 선택한다는 것은 작업 방식을 선택한다는 의미이기도 합니다.</p>
<p>어떤 사람들은 더 간단한 글쓰기 경험을 원합니다. 다른 사람들에게는 공유 프로젝트 문서가 필요합니다. 그리고 점점 더 많은 사람들은 자신의 메모가 함께 작업하는 AI 에이전트에게 유용한 컨텍스트가 되기를 원합니다.</p>
<p>최고의 Obsidian 대안은 이러한 요구 사항 중 가장 중요한 것이 무엇인지에 따라 달라집니다.</p>
<p>이 가이드에서는 Notion, AgentGrid, Craft, Logseq, Bear 및 Joplin의 6가지 옵션을 비교합니다. 이는 AgentGrid에 의해 게시되었으며, 지식 공유 및 인간-에이전트 협업을 위해 특별히 포함되었습니다.</p>
<h2>Obsidian 대안 개요</h2>
<table class="rocket-comparison-table">
<tbody>
<tr>
<th>도구</th>
<th>최적의 핏</th>
<th>주요 고려사항</th>
</tr>
<tr>
<td><strong>Notion</strong></td>
<td>팀 지식, 문서 및 프로젝트 워크플로</td>
<td>노트의 로컬 폴더가 아닌 작업 공간 내에서 작업을 구성합니다.</td>
</tr>
<tr>
<td><strong>AgentGrid</strong></td>
<td>사람과 AI 에이전트가 함께 지속하는 공유 문서 및 출력</td>
<td>복원할 수 있는 액세스 제어 및 기록을 통해 모든 상담원이 동일한 최신 지식을 바탕으로 작업하도록 유지하세요.</td>
</tr>
<tr>
<td><strong>Craft</strong></td>
<td>세련된 문서와 AI로 연결된 지식</td>
<td>브라우저 액세스 및 설치된 앱이 있는 클라우드 작업 공간.</td>
</tr>
<tr>
<td><strong>Logseq</strong></td>
<td>일지, 개요 및 연결된 아이디어</td>
<td>글머리 기호 기반 접근 방식은 다른 글쓰기 습관보다 일부 글쓰기 습관에 더 적합합니다.</td>
</tr>
<tr>
<td><strong>Bear</strong></td>
<td>Apple 기기에서 집중적으로 글쓰기</td>
<td>플랫폼 선택과 유료 동기화가 적합한지 여부를 결정할 수 있습니다.</td>
</tr>
<tr>
<td><strong>Joplin</strong></td>
<td>첨부 파일과 유연한 동기화 기능을 갖춘 오픈 소스 메모 작성</td>
<td>기존 워크플로와 비교하여 구성 및 편집 경험을 평가합니다.</td>
</tr>
</tbody>
</table>
<p>이는 보편적인 순위가 아닌 사용 사례별 권장 사항입니다. 해결하고 싶은 문제부터 시작하세요.</p>
<h2>짧은 Obsidian 리뷰: 장점</h2>
<p>Obsidian는 장치에 메모를 간단한 형식의 일반 텍스트인 Markdown 파일로 저장합니다. 오프라인에서도 작동하며 노트 간의 링크, 이러한 연결의 그래프, 아이디어를 시각적으로 정리할 수 있는 캔버스를 지원합니다. 플러그인 에코시스템을 사용하면 정보를 캡처하고 구성하는 방법을 사용자 정의할 수 있습니다. <a href="https://obsidian.md/">Obsidian의 기능 살펴보기</a>.</p>
<p>이는 시간이 지남에 따라 축적되는 연구, 저널링 및 글쓰기에 특히 매력적입니다. 유용한 메모는 해당 메모를 작성한 응용 프로그램 외부에서도 계속 읽을 수 있습니다.</p>
<p>트레이드 오프는 사용 가능한 선택의 수입니다. 노트를 구성하는 방법, 설치할 플러그인, 유지 관리할 구조의 정도를 결정합니다. 그러한 자유는 가치 있을 수 있지만, 단순한 습관을 지나치게 복잡하게 만들 수도 있습니다.</p>
<p>Obsidian의 핵심 앱은 상업용을 포함하여 무료입니다. 선택적 공식 동기화는 연간 청구 시 월 4달러부터 시작됩니다. Sync는 공유 볼트도 지원하므로 협업이 가능합니다.</p>
<p>전환하기 전에 쓰기, 구성, 공유 또는 AI 작업과 같은 특정 마찰을 식별하십시오. 각각은 다른 대안을 가리킵니다.</p>
<h2>1. Notion: 지식 공유 및 프로젝트 작업용</h2>
<p><a href="https://www.notion.com/product">Notion</a> 메모가 더 큰 팀 작업 흐름의 일부인 경우 고려해 볼 가치가 있습니다. 해당 제품은 공유 작업 공간 내에서 문서, 지식 기반, 프로젝트 및 AI 기능을 통합합니다.</p>
<p>예를 들어, 제품 출시에는 개요, 작업 목록, 회의 메모, 결정 사항을 기록할 장소가 필요할 수 있습니다. 개별 텍스트 파일을 관리하는 것보다 팀 문제를 위해 해당 자료를 함께 보관할 때 Notion를 평가하는 것이 좋습니다.</p>
<p>주요 결정은 작업공간 모델을 선호하는지 아니면 로컬 파일 모델을 선호하는지입니다. 다른 응용 프로그램에서 동일한 Markdown 폴더를 여는 것을 즐기는 사람은 Obsidian의 접근 방식을 선호할 수 있습니다.</p>
<p>Notion는 데스크톱 및 모바일 앱에서 오프라인 페이지도 지원합니다. 그러나 페이지는 오프라인에서 사용할 수 있어야 하며 다운로드한 데이터베이스에는 문서화된 제한 사항이 있습니다. 연결 없이 정기적으로 작업하는 경우 해당 세부 정보를 확인하는 것이 좋습니다.</p>
<p><strong>다음과 같은 경우 Notion를 선택하세요.</strong> 문서 공유 및 프로젝트 조정이 주요 우선순위입니다.</p>
<h2>2. AgentGrid: AI 에이전트가 사용할 수 있는 지식 공유</h2>
<p><a href="https://app.agentgrid.io/?utm_content=obsidian-alternatives&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content">AgentGrid</a> 질문이 &#8220;이 글을 어디에 써야 하나요?&#8221;에서 변경되면 관련성이 높아집니다. &#8220;다른 사람이나 대리인이 어떻게 계속 작업할 수 있나요?&#8221;</p>
<p>공유 작업 메모리 접근 방식을 통해 연결된 에이전트는 공통 프로젝트 지식과 결과를 사용할 수 있습니다. 연구, 지침, 결정 및 결과물을 함께 보관한 다음 다른 상담원에게 현재 작업을 계속하도록 요청할 수 있습니다.</p>
<p>AgentGrid는 편집 가능한 Markdown 문서, 실행 가능한 웹 앱 및 저장된 자산을 지원합니다. 이는 서면 연구가 간략하거나 프레젠테이션 스타일의 웹 아티팩트 또는 대화형 도구가 되어야 할 때 유용합니다. </p>
<p>예를 들어 Obsidian에서 고객 조사를 수집하고 선택한 메모를 AgentGrid로 가져온 다음 상담원에게 출시 개요를 생성하도록 요청할 수 있습니다. 그러면 팀원이나 연결된 다른 에이전트가 브리핑을 계속할 수 있습니다. 저장된 변경사항에는 아티팩트 기록에 사람 또는 에이전트의 귀속이 있습니다. <a href="https://agentgrid.io/docs/artifacts/version-history">버전 기록 작동 방식 보기</a>.</p>
<p>해당 공유 워크플로에 대해 AgentGrid를 평가해야 합니다. 기본 요구 사항이 로컬 저장소의 오프라인 편집기인 경우 Obsidian가 더 직접적으로 적합합니다.</p>
<p><strong>다음과 같은 경우 AgentGrid를 선택하십시오.</strong> 프로젝트 지식은 사람, AI 에이전트, 작업 결과물 간에 이동해야 합니다.</p>
<h2>3. Craft: 세련된 문서 및 AI 연결 지식</h2>
<p><a href="https://support.craft.do/en/introduction">Craft</a> 문서 작성, 공유, 게시를 시각적 편집 환경과 결합합니다. 설치된 앱은 물론 브라우저에서도 작동하며 Markdown 가져오기 및 내보내기를 지원합니다.</p>
<p>클라이언트 제안서, 공유 프로젝트 개요 또는 읽을 수 있는 팀 참조 등 콘텐츠와 함께 문서 프레젠테이션이 중요한 경우 Craft를 최종 후보로 선정합니다.</p>
<p>Craft는 외부 AI 도구를 선택한 콘텐츠에 연결하는 표준인 MCP도 지원합니다. 이는 보조자가 문서 작업을 하도록 하려는 경우에 적합합니다. AI를 지식에 연결하는 것은 다음과 겹치는 영역입니다. <a href="https://app.agentgrid.io/?utm_content=obsidian-alternatives&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content">AgentGrid</a>; 필요한 전체 작업흐름을 평가해 보세요. </p>
<p>문서 중심 작업의 경우 Craft를 자세히 살펴볼 가치가 있습니다. 소스 자료, 공유 문서, 실행 가능한 앱 및 에이전트 기여에 관한 작업의 경우 더 광범위한 작업에 대해 AgentGrid를 평가하세요.</p>
<p><strong>다음과 같은 경우 Craft를 선택하세요.</strong> 호환되는 AI 도구에 액세스할 수 있는 세련된 문서를 원합니다.</p>
<h2>4. Logseq: 개략적으로 생각하는 사람들을 위한 제품</h2>
<p><a href="https://blog.logseq.com/">Logseq</a>의 특징은 개요 기반 접근 방식입니다. 기술 자료의 다른 부분에 연결할 수 있는 중첩된 글머리 기호 또는 블록으로 작업합니다. 저널은 일일 캡처의 자연스러운 시작점을 제공합니다. </p>
<p>이는 회의록에 적합합니다. 토론은 글머리 기호 그룹이 됩니다. 결정과 후속 조치는 관련 주제 아래에 있습니다. 모든 생각을 별도의 에세이로 만들지 않고도 연결을 구축할 수 있습니다.</p>
<p>주로 긴 단락을 작성하는 경우 동일한 구조가 제한적으로 느껴질 수 있습니다. 단순히 다른 인터페이스가 아닌 다른 방식으로 사고하고 구성하려는 경우 Logseq로 전환하는 것이 가장 적합합니다.</p>
<p><strong>다음과 같은 경우 Logseq를 선택하세요.</strong> 일일 메모, 중첩된 아이디어, 개별 생각 간의 연결은 이미 작업하는 방식과 일치합니다.</p>
<h2>5. Bear: Apple 기기에서 집중적으로 쓰기 위한 용도</h2>
<p><a href="https://bear.app/">Bear</a> Mac, iPhone, iPad용 Markdown 메모 작성 앱입니다. 글쓰기, 태그, 이미지, 첨부 파일을 집중된 인터페이스에 결합합니다. Pro 구독에는 iCloud 동기화, 추가 내보내기 형식, 이미지 및 PDF 내부 검색이 추가됩니다.</p>
<p>아이디어 포착, 기사 초안 작성, 개인 참고 자료 정리 등 주로 글쓰기를 위해 메모 작성 앱을 여는 사람을 위해 Bear를 최종 후보로 선정하겠습니다.</p>
<p>광범위하게 사용자 정의된 Obsidian 설정과 비교하여 Bear는 더 많은 선택 항목을 제공합니다. 그러면 글쓰기 루틴에 더 쉽게 적응할 수 있습니다.</p>
<p>플랫폼 제한이 가장 명확한 결정 요인입니다. Windows 또는 Android에서 동일한 애플리케이션이 필요한 경우 다른 곳을 찾아보세요.</p>
<p><strong>다음과 같은 경우 Bear를 선택하세요.</strong> Apple 장치를 사용하고 비교적 적은 설정으로 글을 쓸 수 있는 세련된 공간을 원합니다.</p>
<h2>6. Joplin: 오픈 소스 노트 및 유연한 동기화용</h2>
<p><a href="https://joplinapp.org/">Joplin</a> Markdown 및 서식 있는 텍스트 편집, 멀티미디어 첨부 파일, 웹 클리퍼 및 플러그인을 지원합니다. 주요 데스크톱 및 모바일 플랫폼에서 사용할 수 있으며 Joplin Cloud, Dropbox 및 OneDrive를 포함한 서비스를 통한 동기화를 지원합니다. </p>
<p>지식 베이스에 저장된 웹 페이지, PDF, 이미지, 지침 및 일상 메모와 같은 실용적인 참조 자료가 포함되어 있으면 최종 후보 목록에 포함될 가치가 있습니다.</p>
<p>Joplin Cloud는 공유 및 협업도 제공합니다. 최선의 선택은 여전히 ​​해당 노트에 대해 원하는 경험에 달려 있지만 그 매력은 혼자 메모하는 것 이상으로 확장됩니다.</p>
<p>우리의 권장 사항은 대표적인 콘텐츠 모음으로 테스트하는 것입니다. 첨부 파일이 포함된 여러 노트를 가져와 검색해 보고 편집 및 동기화 작업 흐름이 자연스러운지 확인하세요.</p>
<p><strong>다음과 같은 경우 Joplin를 선택하세요.</strong> 오픈 소스 소프트웨어, 혼합 형식 노트, 동기화 서비스 선택이 중요합니다.</p>
<h2>하나의 정식 버전과 함께 Obsidian 및 AgentGrid를 사용하세요.</h2>
<p>선택한 동일한 프로젝트 지식을 AgentGrid에서 사용할 수 있도록 하면서 Obsidian에서 계속 작업할 수 있습니다. 두 위치 모두에 대한 읽기 및 쓰기 액세스 권한이 있는 에이전트는 해당 자료가 변경될 때마다 두 위치를 모두 업데이트하도록 지시받을 수 있습니다.</p>
<p>핵심은 다음을 선택하는 것입니다. <strong>정식 버전</strong>: 의도한 콘텐츠를 결정하는 신뢰할 수 있는 사본입니다. 두 번째 사본은 이를 반영합니다. 개인적인 연구를 위해 Obsidian 노트를 표준으로 만들 수 있습니다. 공유 프로젝트 개요의 경우 AgentGrid 아티팩트를 정식으로 만들 수 있습니다.</p>
<h3>워크플로 설정</h3>
<ol>
<li><strong>두 곳 모두에서 보관할 문서를 선택하세요.</strong> 각 Obsidian 파일을 해당 AgentGrid 아티팩트 URL에 매핑합니다.</li>
<li><strong>어떤 사본이 표준인지 기록합니다.</strong> 각 문서에 대해 해당 선택을 명시적으로 지정하여 모든 에이전트가 동일한 규칙을 따르도록 합니다.</li>
<li><strong>업데이트 에이전트에 두 가지 모두에 대한 액세스 권한을 부여하세요.</strong> AgentGrid에만 연결하면 로컬 볼트에 대한 액세스가 제공되지 않습니다. 별도의 승인된 파일 액세스 도구 또는 Obsidian 통합이 필요합니다.</li>
<li><strong>변경할 때마다 둘 다 업데이트하도록 지시합니다.</strong> 승인된 변경 사항을 표준 문서에 저장한 다음 쌍을 이루는 사본을 업데이트하세요.</li>
<li><strong>두 저장을 모두 확인합니다.</strong> 상담원이 두 문서를 다시 읽고 차이점이나 완료되지 않은 업데이트를 보고하도록 하세요.</li>
</ol>
<h3>귀하의 대리인을 위한 지속적인 지시</h3>
<p><code style="display: inline-block; margin: 0px; padding: 0px;"></code></p>
<p><em>아래 나열된 프로젝트 문서의 경우 Obsidian 및 ​​AgentGrid 사본을 항상 업데이트된 상태로 유지하십시오. 각 항목은 표준인 Obsidian 파일인 AgentGrid URL를 식별합니다. 편집하기 전에 두 사본을 모두 읽으십시오. 충돌하거나 검토되지 않은 변경 사항이 포함된 경우 복사본을 덮어쓰기 전에 플래그를 지정하세요. 합의된 업데이트를 정식 버전에 적용한 다음 이를 쌍으로 된 복사본에 미러링합니다. 합의된 내용과 지원되는 링크 및 첨부 파일을 보존하고 보존할 수 없는 내용은 신고하세요. 완료를 보고하기 전에 저장된 사본을 모두 다시 읽어보세요. 두 위치 중 하나를 사용할 수 없거나 저장에 실패한 경우 보류 중인 내용을 정확하게 보고하세요.</em></p>
<p><code style="display: inline-block; margin: 0px; padding: 0px;"></code></p>
<p>에이전트가 프로젝트 지침을 읽는 위치에 이 지침을 저장하고 업데이트를 담당하는 각 에이전트에게 제공합니다.</p>
<p>예를 들어 Obsidian에서는 고객 조사를 표준으로 유지합니다. 에이전트가 승인된 인터뷰 결과를 추가하면 페어링된 AgentGrid 문서도 업데이트하도록 합니다. 연결된 다른 에이전트는 공유된 연구를 사용하여 브리핑을 작성할 수 있습니다. 연구에 대한 변경 사항을 제안하는 경우 동일한 업데이트 프로세스를 통해 해당 변경 사항을 전달합니다.</p>
<p>이는 귀하가 구성하는 에이전트 관리 워크플로입니다. 내장된 자동 동기화, 백그라운드 모니터링 또는 전체 Vault 백업을 설정하지 않습니다. 수동 편집에는 명시적인 조정 단계도 필요합니다. 즉, 상담원에게 두 사본을 비교하고 승인된 변경 사항을 전달하도록 요청하세요. <a href="https://agentgrid.io/docs/artifacts/import-document">AgentGrid의 가져오기 동작을 확인하세요.</a>.</p>
<p>하나의 프로젝트 이상으로 확장하기 전에 두 곳 모두에서 링크, 첨부 파일 및 특수 형식을 확인하세요. 업무에 필요한 경우를 제외하고 개인 메모는 공유 세트 외부에 보관하세요.</p>
<p>&nbsp;</p>
<p>시도해 보세요 <a href="https://app.agentgrid.io/?utm_content=obsidian-alternatives&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content">AgentGrid.io</a></p>
<p>The post <a href="https://animaapp.com/blog/ko/agentic-ko/obsidian-alternatives-ko/">Obsidian 검토 및 대안: 메모, 팀 및 AI 협업</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Claude Design(claude.ai/design)란 무엇입니까?</title>
		<link>https://animaapp.com/blog/ko/ai-design-ko/what-is-claude-design-ko/</link>
		
		<dc:creator><![CDATA[Anima team]]></dc:creator>
		<pubDate>Tue, 08 Sep 2026 08:45:00 +0000</pubDate>
				<category><![CDATA[AI design]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=16400</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 6</span> <span class="rt-label rt-postfix">minutes</span></span>claude.ai/design의 Claude Design는 프롬프트를 캔버스의 프로토타입, 슬라이드 및 모형으로 바꿉니다. 정의, 작동 방식, 제한 사항 및 다음에 Anima 또는 AgentGrid.io를 사용해야 하는 시기입니다.</p>
<p>The post <a href="https://animaapp.com/blog/ko/ai-design-ko/what-is-claude-design-ko/">Claude Design(claude.ai/design)란 무엇입니까?</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 6</span> <span class="rt-label rt-postfix">minutes</span></span><style id="rocket-claude-design-table-font">.rocket-claude-design-table,.rocket-claude-design-table th,.rocket-claude-design-table td{font-family:Mulish,sans-serif!important}</style>
<p>Claude Design는 Anthropic의 채팅-캔버스 디자인 제품입니다. 원하는 것을 일반 언어로 설명하면 Claude가 캔버스에 첫 번째 버전을 구축하고 채팅, 인라인 댓글 및 직접 편집을 통해 이를 구체화합니다. 해당 제품은 다음 위치에 거주합니다. <a href="https://claude.ai/design" rel="noopener" target="_blank">claude.ai/design</a> (Claude 제품 페이지에서도 링크됨) 및 Claude 데스크탑 사이드바에 있습니다.</p>
<p>이는 Figma도 ​​아니고 일반 이미지 생성기도 아니며 자체적으로 전체 프로덕션 프런트엔드 빌더도 아닙니다. 이는 선택적인 디자인 시스템 컨텍스트와 Claude 코드로의 전달 경로를 갖춘 프로토타입, 데크, 단일 페이지 자료, 마케팅 비주얼 및 대화형 개념을 위한 대화형 디자인 작업 공간입니다.</p>
<p>SERP가 시끄러워서 &#8220;Claude Design란 무엇입니까?&#8221;를 검색한 경우 이 페이지는 먼저 짧은 답변이고 그 다음에는 실용적인 워크플로이며 Figma 연속성 또는 내구성 있는 공유 아티팩트가 필요할 때 Anima 및 AgentGrid.io가 적합한 위치입니다.</p>
<p>ChatGPT 사용자의 경우, <a href="https://chatgpt.com/plugins/plugin_asdk_app_6a747c2caadc8191acf784bd04153268" rel="noopener" target="_blank">Claude Design 대안은 ChatGPT+AgentGrid.io입니다.</a>, 채팅에서 직접 공유, 버전 관리, 공동 작업 및 게시 기능을 제공합니다.</p>
<h2>짧은 답변</h2>
<div class="table-wrap">
<table class="rocket-claude-design-table">
<thead>
<tr>
<th>질문</th>
<th>답변</th>
</tr>
</thead>
<tbody>
<tr>
<td>그것은 무엇입니까?</td>
<td>전용 캔버스에서 Claude를 사용하여 시각적 작업을 생성하기 위한 Anthropic Labs 제품</td>
</tr>
<tr>
<td>어디?</td>
<td><a href="https://claude.ai/design" rel="noopener" target="_blank">claude.ai/design</a> 및 Claude 데스크탑 사이드바</td>
</tr>
<tr>
<td>누가 사용할 수 있나요?</td>
<td>Claude Pro, Max, Team 및 Enterprise(Enterprise는 관리자가 활성화할 때까지 기본적으로 꺼져 있는 경우가 많습니다)</td>
</tr>
<tr>
<td>모델/상태</td>
<td>2026년 4월 17일에 연구 미리보기로 출시되었습니다. 나중에 베타로 설명됩니다. Claude Opus 4.7 출시 시 구동(모델은 변경될 수 있음)</td>
</tr>
<tr>
<td>다음에 가장 적합</td>
<td>빠른 탐색, PM 모형, 자료, 마케팅 개념, Claude 기본 Claude 코드로 핸드오프</td>
</tr>
<tr>
<td>대체품이 아님</td>
<td>심층적인 Figma 디자인 시스템 작업, 픽셀 수준 작업 또는 Claude 외부의 다중 에이전트 아티팩트 협업</td>
</tr>
</tbody>
</table>
</div>
<p>Anthropic의 출시 포스트는 문제를 명확하게 설명합니다. 디자이너는 수십 가지 방향에 대한 시간이 거의 없기 때문에 탐색을 배분하고 디자이너가 아닌 사람은 아이디어를 공유 가능한 것으로 바꾸는 데 어려움을 겪습니다. Claude Design는 두 가지 모두에 대한 답변입니다.</p>
<h2>Claude Design 작동 방식</h2>
<p>Claude Design는 화면을 분할합니다. 왼쪽은 채팅, 오른쪽은 캔버스입니다. Anthropic의 도움말 센터에서는 루프를 다음과 같이 설명합니다.</p>
<ol>
<li>프로젝트 만들기  </li>
<li>디자인 시스템이 있는 경우 디자인 시스템을 연결하거나 가져옵니다.  </li>
<li>컨텍스트 추가(스크린샷, 문서, 코드베이스)  </li>
<li>당신이 원하는 것을 설명  </li>
<li>캔버스 결과 검토  </li>
<li>채팅, 인라인 댓글 또는 직접 캔버스 편집을 통해 개선하세요.  </li>
<li>내보내기 또는 공유  </li>
</ol>
<p>Anthropic의 자체 지침은 여기서 유용합니다. 1세대가 출발점입니다. 값은 반복입니다.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Claude Design 기능 개요(Anima 블로그 자산)" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/Claude-Design-Features.png"/><figcaption>Claude Design 기능 개요(Anima 블로그 자산)</figcaption></figure>
<h3>당신이 만들 수 있는 것</h3>
<p>Anthropic 및 도움말 문서에서 호출되는 일반적인 출력:</p>
<ul>
<li>제품 와이어프레임 및 앱 화면  </li>
<li>랜딩 페이지 및 마케팅 자료  </li>
<li>피치덱 및 프레젠테이션  </li>
<li>인터랙티브 프로토타입  </li>
<li>1페이지 자료 및 소셜 시각적 자료  </li>
<li>해당 경로가 지원되는 경우 코드 기반 프론티어 프로토타입(음성, 비디오, 셰이더, 3D, 내장 AI)  </li>
</ul>
<h3>디자인 시스템과 브랜드</h3>
<p>Claude Design는 GitHub, 디자인 파일, 업로드 또는 로컬 코드베이스에서 디자인 시스템을 가져올 수 있습니다. <code>/design-sync</code> Claude 코드에서). Claude는 구성 요소를 사용하여 빌드하고 시스템을 보기 전에 출력을 확인해야 합니다. 팀 및 기업 관리자는 표준 시스템을 잠글 수 있습니다.</p>
<p>일반 AI UI가 이 범주의 기본 실패 모드이기 때문에 이는 중요합니다. 브랜드 컨텍스트는 데모와 PM이 리뷰에 넣을 수 있는 것의 차이입니다.</p>
<h3>내보내기 및 핸드오프</h3>
<p>문서화된 내보내기 및 보내기 대상에는 PDF, PPTX, 독립형 HTML, zip/폴더, Canva 및 Adobe, Gamma, Lovable, Miro, Replit, Vercel 및 Wix와 같은 커넥터가 포함됩니다(목록 변경, 커넥터를 약속하기 전에 현재 문서를 다시 확인).</p>
<p>Claude 기본 빌드 경로는 Claude 코드로 전달됩니다. 스크린샷에서 다시 빌드하는 대신 설계를 패키지하고 작업 프로젝트를 계속 진행합니다.</p>
<p><strong>많은 디자인 팀의 중요한 워크플로우 격차:</strong> Claude Design는 기본 Figma 내보내기를 제공하지 않습니다. Figma가 진실의 원천이라면 추가 브리지가 필요합니다.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Claude Design 결과 시각적 예(Anima 블로그 자산)" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/Claude-Design-result.png"/><figcaption>Claude Design 결과 시각적 예(Anima 블로그 자산)</figcaption></figure>
<h2>사람들이 그것에 대해 말하는 것</h2>
<p>X의 공개 반응(개별 게시물 URL에서 로그인 없이 캡처) 및 Anthropic 자체 페이지.</p>
<h3>X에서</h3>
<figure class="wp-block-image size-full"><img decoding="async" alt="Claude(@claudeai) 출시 게시물, 2026년 4월 17일" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/x-01-claudeai-launch-cropped.jpg"/><figcaption>Claude(@claudeai) 출시 게시물, 2026년 4월 17일</figcaption></figure>
<blockquote><p>Anthropic Labs의 Claude Design 소개: Claude와 대화하여 프로토타입, 슬라이드 및 단일 페이지 자료를 만드세요. 당사의 가장 유능한 비전 모델인 Claude Opus 4.7로 구동됩니다. Pro, Max, Team 및 Enterprise 요금제에 대한 연구 미리 보기로 제공되며 하루 종일 출시됩니다.<br />
&#8211; Claude(@claudeai), 2026년 4월 17일 · <a href="https://x.com/claudeai/status/2045156267690213649" rel="noopener" target="_blank">포스트</a></p></blockquote>
<figure class="wp-block-image size-full"><img decoding="async" alt="Claude Design 브랜드 유지 업데이트, 2026년 6월 17일" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/x-02-claudeai-on-brand-cropped.jpg"/><figcaption>Claude Design 브랜드 유지 업데이트, 2026년 6월 17일</figcaption></figure>
<blockquote><p>Claude Design의 새로운 기능: 프로젝트 전반에 걸쳐 디자인 시스템을 통해 브랜드를 유지하고, 캔버스에서 직접 편집하고, Claude 코드와 동기화하고, 이미 사용하고 있는 더 많은 도구에 연결할 수 있습니다.<br />
&#8211; Claude(@claudeai), 2026년 6월 17일 · <a href="https://x.com/claudeai/status/2067325887909884315" rel="noopener" target="_blank">포스트</a></p></blockquote>
<figure class="wp-block-image size-full"><img decoding="async" alt="Claude Design에 대한 Ryan Mather 팁 스레드" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/x-03-flomerboy-tips-cropped.jpg"/><figcaption>Claude Design에 대한 Ryan Mather 팁 스레드</figcaption></figure>
<blockquote><p>Claude Design에서 최상의 결과를 얻기 위한 팁! 저는 Anthropic의 수직 팀에 속해 있습니다. 즉, 7가지 다른 제품을 서비스하고 있습니다. Claude Design가 이를 가능하게 합니다! 1. 디자인 시스템과 핵심 화면을 설정하세요. 여기에서 한 시간 동안 설정하고 개선하는 것은 그만한 가치가 있습니다.<br />
&#8211; Ryan Mather(@Flomerboy), 2026년 4월 17일 · <a href="https://x.com/Flomerboy/status/2045162321589252458" rel="noopener" target="_blank">포스트</a></p></blockquote>
<figure class="wp-block-image size-full"><img decoding="async" alt="Claude Design에 대한 Sachin Rekhi의 초기 반응" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/x-04-sachinrekhi-cropped.jpg"/><figcaption>Claude Design에 대한 Sachin Rekhi의 초기 반응</figcaption></figure>
<blockquote><p>Claude Design 출시에 대한 몇 가지 초기 반응은 다음과 같습니다. &#8230; LLM을 기반으로 하는 제품 구축은 Anthropic 자체와의 직접적인 경쟁으로부터 안전하지 않습니다. 저는 해당 분야의 모든 프로토타입 도구를 살펴보고 있습니다. 심지어 Figma와 같은 역사적인 기존 기업도 AI 네이티브로 충분히 전환되고 있는지 궁금해하기 시작해야 합니다.<br />
&#8211; Sachin Rekhi(@sachinrekhi), 2026년 4월 17일 · <a href="https://x.com/sachinrekhi/status/2045193851502317852" rel="noopener" target="_blank">포스트</a></p></blockquote>
<h3>Anthropic/파트너로부터</h3>
<p>이러한 인용문은 Anthropic의 공개 페이지(제품과 함께 게시된 고객 및 파트너 성명)에서 가져온 것입니다. 독립적인 리뷰가 아닌 공급업체가 호스팅하는 사용후기로 취급하십시오.</p>
<blockquote><p>&#8220;Claude 디자인은 검증된 진정한 디자인 도구의 기능과 성능을 갖춘 첨단 모델의 지능을 제공합니다. Tenex 사이트, 새로운 브랜드 자산 또는 프레젠테이션에 대한 디자인 방향을 작업할 때마다 Claude Design를 가장 먼저 찾습니다. &#8230; 그리고 Claude Design와 Claude 코드 간의 핸드오프를 통해 프로토타입부터 생산까지의 과정이 원활하게 이루어집니다.&#8221;  <br />
&#8211; Alex Lieberman, Morning Brew &amp; Tenex 공동 창업자(<a href="https://claude.com/blog/claude-design-stays-on-brand-for-daily-work" rel="noopener" target="_blank">Claude 블로그</a>)</p></blockquote>
<p>Anthropic 출시 포스트에서 제품 팀은 속도와 브랜드 적합성을 강조합니다.</p>
<blockquote><p>&#8220;우리는 누군가가 방을 떠나기 전에 대략적인 아이디어에서 작동하는 프로토타입으로 전환했으며 결과는 우리 브랜드 및 디자인 지침에 충실했습니다.&#8221;  <br />
&#8211; 인용됨 <a href="https://www.anthropic.com/news/claude-design-anthropic-labs" rel="noopener" target="_blank">Anthropic의 Claude Design 출시</a></p></blockquote>
<p>Anthropic는 또한 출시 첫 주에 백만 명이 넘는 사람들이 Claude Design를 사용했다고 보고했습니다(<a href="https://claude.com/blog/claude-design-stays-on-brand-for-daily-work" rel="noopener" target="_blank">2026년 6월 17일 제품 업데이트</a>). 이는 제3자 감사가 아닌 Anthropic의 사용 주장입니다.</p>
<h2>Claude Design가 맞는 곳(그리고 멈추는 곳)</h2>
<h3>강한 핏</h3>
<ul>
<li>귀하는 이미 Claude 및 Claude 코드에 거주하고 있습니다.  </li>
<li>다음 주가 아닌 같은 회의에서 시각적 자료가 필요합니다.  </li>
<li>PM이나 창립자는 디자인 역량을 확보하기 전에 모형이나 데크가 필요합니다.  </li>
<li>Claude 내부에서 조직 범위 공유를 원합니다.  </li>
</ul>
<h3>약한 핏(오늘)</h3>
<ul>
<li>디자이너에게는 기본 Figma 구성 요소, 변형 및 파일 위생이 필요합니다.  </li>
<li>동일한 내구성 있는 아티팩트(Claude + ChatGPT + 코딩 에이전트 + 인간 편집자)에 대한 다중 모델 협업이 필요합니다.  </li>
<li>사용자 지정 도메인, 에이전트 전체의 버전 기록 또는 AgentGrid 스타일 게시 제어 기능이 있는 공개 웹 사이트가 필요합니다.  </li>
<li>안정적인 멀티플레이어 편집이 필요합니다(Anthropic는 여전히 동시 멀티플레이어 편집 기본을 호출합니다).</li>
</ul>
<p>공정하게 생각하세요. Claude Design는 대화-캔버스에 탁월합니다. 모든 디자인 도구가 되려고 노력하는 것은 아닙니다.</p>
<h2>Claude Design 이후의 실제 작업 흐름</h2>
<p>다음은 브랜드, Figma 및 배송 가능한 제품 UI에 관심이 있는 팀에게 유용한 엔드투엔드 경로입니다.</p>
<h3>1. Claude Design에서 탐색</h3>
<p>시작 시간 <a href="https://claude.ai/design" rel="noopener" target="_blank">claude.ai/design</a>. 2~3개의 방향을 묻는 메시지를 표시합니다. 스크린샷이나 디자인 시스템을 첨부하세요. 이야기가 명확해질 때까지 반복하세요.</p>
<h3>2. 작업이 중요한 경우에는 Figma를 계속 사용하세요.</h3>
<p>다음 소유자가 디자이너라면 개념을 Figma로 옮깁니다. Anima의 Buddy는 Claude Design HTML를 편집 가능한 Figma 레이어로 변환할 수 있으므로 디자인 시스템 외부에 갇히지 않습니다. 가이드: <a href="https://www.animaapp.com/blog/genai/how-to-go-from-claude-design-to-figma/" rel="noopener" target="_blank">Claude Design에서 Figma로 이동하는 방법</a>.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Claude Design ~ Figma(Anima Buddy 포함)" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/Anima-claude-design-figma-cover.jpg"/><figcaption>Claude Design ~ Figma(Anima Buddy 포함)</figcaption></figure>
<h3>3. Anima Playground에서 작동하는 프로토타입 구축</h3>
<p>브랜드에 맞는 편집 가능한 HTML/React 프로토타입(캔버스 모형뿐만 아니라)이 필요한 경우 다음을 계속하세요. <a href="https://www.animaapp.com/" rel="noopener" target="_blank">Anima Playground</a>. 프롬프트, Figma, 이미지 또는 URL에서 시작합니다. Playground, Buddy 및 Figma-to-code를 별도로 유지하십시오. 플레이그라운드는 브라우저 앱/프로토타입 표면입니다. Buddy는 Figma AI 에이전트입니다.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Anima Playground" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/Anima-Playground.png"/><figcaption>Anima Playground</figcaption></figure>
<h3>4. Claude Design만으로는 부족함을 메울 수 있습니다.</h3>
<p>예: Claude Design는 자신이 구축하는 페이지에 대한 마케팅 이미지를 생성하는 데 약합니다. 팀은 AgentGrid.io에 디자인을 배치하고 ChatGPT가 동일한 아티팩트에 이미지를 생성하도록 할 수 있습니다. 가이드: <a href="https://www.animaapp.com/blog/genai/generate-images-for-claude-design-with-chatgpt/" rel="noopener" target="_blank">ChatGPT를 사용하여 Claude Design용 이미지 생성</a>.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="AgentGrid.io를 통해 ChatGPT를 사용하여 Claude Design에 대한 이미지 생성" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/claude-design-generate-images-chatgpt-cover-1.jpg"/><figcaption>AgentGrid.io를 통해 ChatGPT를 사용하여 Claude Design에 대한 이미지 생성</figcaption></figure>
<h3>5. AgentGrid.io에 내구성 있는 아티팩트 게시 또는 공유</h3>
<p>결과가 하나의 채팅을 남겨두고 버전 기록을 유지하며 사람과 다른 상담원이 편집할 수 있어야 하는 경우 해당 결과를 다음으로 이동하세요. <a href="https://agentgrid.io/" rel="noopener" target="_blank">AgentGrid.io</a>. 이는 두 번째 디자인 캔버스가 아닌 라이브 아티팩트(문서, 앱, 디자인)를 위한 공유 작업 공간입니다. 가이드: <a href="https://www.animaapp.com/blog/agentic/publish-claude-design-website-agentgrid/" rel="noopener" target="_blank">AgentGrid.io를 사용하여 Claude Design 웹 사이트 게시</a>.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="AgentGrid.io를 통해 Claude Design 게시" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/claude-design-publish-website-agentgrid-1.jpg"/><figcaption>AgentGrid.io를 통해 Claude Design 게시</figcaption></figure>
<h2>Claude Design와 주변 도구 비교(빠른 지도)</h2>
<div class="table-wrap">
<table class="rocket-claude-design-table">
<thead>
<tr>
<th>필요</th>
<th>여기서 시작하세요</th>
</tr>
</thead>
<tbody>
<tr>
<td>Claude 내부의 채팅-캔버스</td>
<td>Claude Design</td>
</tr>
<tr>
<td>Figma 내부의 설계 시스템 작업</td>
<td>Buddy 으로 Anima</td>
</tr>
<tr>
<td>브랜드 인지도가 높은 라이브 HTML/React 프로토타입</td>
<td>Anima Playground</td>
</tr>
<tr>
<td>내구성 있는 다중 에이전트 아티팩트 + 게시</td>
<td>AgentGrid.io</td>
</tr>
<tr>
<td>Deep UX 연구 아티팩트</td>
<td>전문적인 UX 도구(예: UX Pilot)</td>
</tr>
<tr>
<td>Google 네이티브 UI 아이디어</td>
<td>구글 스티치</td>
</tr>
</tbody>
</table>
</div>
<p>더 긴 비교를 보려면 Anima를 참조하세요. <a href="https://www.animaapp.com/blog/ai-design-en/claude-design-review-features-pros-cons-and-best-alternatives/" rel="noopener" target="_blank">Claude Design 리뷰</a>. 이 &#8220;정보&#8221; 페이지는 의도적으로 정의를 유지하므로 해당 리뷰를 잠식하지 않습니다.</p>
<h2>FAQ</h2>
<h3>Claude Design는 Claude 아티팩트와 동일합니까?</h3>
<p>아니요. 아티팩트는 Claude 채팅(종종 문서, HTML 또는 코드) 옆의 출력입니다. Claude Design는 claude.ai/design에서 자체 캔버스, 프로젝트 모델 및 내보내기/핸드오프 흐름을 갖춘 전용 디자인 제품입니다.</p>
<h3>Claude Design는 무료인가요?</h3>
<p>Claude Pro, Max, Team 및 Enterprise 구독에 포함되어 있으며 플랜 사용 제한에 포함됩니다(Anthropic에는 이전에 별도의 주간 디자인 허용량이 있었으며 현재 도움말 문서에는 Design이 이제 플랜 풀을 공유한다고 나와 있습니다). Enterprise는 일반적으로 관리자가 활성화할 때까지 꺼져 있습니다. 재확인 <a href="https://support.claude.com/en/articles/14604416-get-started-with-claude-design" rel="noopener" target="_blank">Anthropic 가격 및 도움말</a> 계획 청구를 게시하기 전에.</p>
<h3>Claude Design가 Figma를 대체할 수 있나요?</h3>
<p>대부분의 제품 디자인 조직을 완전히 대체하는 것은 아닙니다. 속도와 탐색에 강합니다. Figma는 구성 요소 시스템, 변형 및 디자인 파일 작업에 더욱 강력해졌습니다. Figma 내부에 AI 단계가 필요한 경우 Buddy를 사용하세요.</p>
<h3>Claude Design를 어떻게 열 수 있나요?</h3>
<p>이동 <a href="https://claude.ai/design" rel="noopener" target="_blank">claude.ai/design</a>, 또는 Claude 데스크탑 사이드바에서 엽니다. 공식 제품 마케팅에도 포인트가 있다 <a href="https://claude.com/product/design" rel="noopener" target="_blank">clude.com/product/design</a>.</p>
<h2>결론</h2>
<p>Claude Design는 시각적 작업을 위한 &#8220;설명하고, 보고, 다듬는&#8221; Anthropic의 답변입니다. Claude가 이미 작업 공간이고 속도가 중요한 경우에 사용하세요. 다음 단계가 Figma 제작, 실제 제품 프로토타입, 에이전트 간 이미지 생성 또는 내구성 있는 공유 아티팩트인 경우 Claude Design가 전체 스택이 되도록 강제하는 대신 Buddy, Anima Playground 또는 AgentGrid.io를 계속 사용하세요.</p>
<p>The post <a href="https://animaapp.com/blog/ko/ai-design-ko/what-is-claude-design-ko/">Claude Design(claude.ai/design)란 무엇입니까?</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Claude Design 검토: 기능, 장점, 단점 및 최상의 대안</title>
		<link>https://animaapp.com/blog/ko/ai-design-ko/claude-design-review-기능-pros-cons-및-최고의-대안-korean/</link>
		
		<dc:creator><![CDATA[Matan Schmidt]]></dc:creator>
		<pubDate>Tue, 08 Sep 2026 08:45:00 +0000</pubDate>
				<category><![CDATA[ai]]></category>
		<category><![CDATA[AI design]]></category>
		<category><![CDATA[playground]]></category>
		<category><![CDATA[vibe coding]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=11884</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 10</span> <span class="rt-label rt-postfix">minutes</span></span>Claude Design 검토: Anima Playground, Buddy, Google Stitch, UX Pilot 및 Banani를 포함한 기능, 장단점 및 최상의 대안을 살펴보세요.</p>
<p>The post <a href="https://animaapp.com/blog/ko/ai-design-ko/claude-design-review-기능-pros-cons-및-최고의-대안-korean/">Claude Design 검토: 기능, 장점, 단점 및 최상의 대안</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 10</span> <span class="rt-label rt-postfix">minutes</span></span><p><strong>Anthropic는 Claude Design를 통해 공식적으로 AI 설계 공간에 진입했습니다.</strong>는 대화를 통해 프로토타입, 슬라이드, 단일 페이지 문서 및 시각적 개념을 생성하기 위한 새로운 도구입니다. 빈 캔버스에서 시작하는 대신 사용자는 Claude를 사용하여 원하는 것을 설명하고, 컨텍스트를 추가하고, 출력을 구체화할 수 있습니다. 이는 Claude Design를 아이디어에서 시각적 방향으로 빠르게 전환해야 하는 제품 관리자, 창립자, 마케팅 담당자 및 디자이너에게 특히 흥미로운 이유입니다.</p>
<p>동시에 Claude Design는 팀이 다음과 같은 워크플로를 비교하는 AI 설계 도구의 광범위한 변화의 일부입니다. <a href="https://www.animaapp.com/?utm_content=claude-design-alternatives&amp;utm_campaign=playground&amp;utm_medium=blog&amp;utm_source=content">Anima Playground</a> 충실도가 높은 코드 연결 프로토타입과 Buddy의 경우 <a href="https://www.animaapp.com/blog/genai/figma-ai-design-agent/">Figma AI 에이전트</a> Figma 내부에서 직접 설계 시스템 인식 작업을 위한 Anima 제작.</p>
<p>이에 <strong>Claude Design 리뷰</strong>, 주요 기능, 강점, 제한 사항을 살펴보고 속도, 브랜드 일관성, Figma 워크플로 및 생산 준비가 완료된 출력에 관심이 있는 팀을 위한 다른 AI 디자인 도구와 어떻게 비교되는지 살펴보겠습니다.</p>
<p>2026년 4월 17일, Anthropic가 출시되었습니다. <a href="https://claude.ai/design"><strong>Claude Design</strong></a>는 사용자가 Claude를 사용하여 디자인, 프로토타입, 슬라이드, 단일 페이지 자료 및 대화형 경험을 포함하여 세련된 시각적 작업을 만들 수 있도록 하는 Anthropic Labs의 신제품입니다. 이 도구는 Claude Pro, Max, Team 및 Enterprise 구독자를 위한 연구 미리 보기로 제공됩니다.</p>
<p>최근까지 디자인 작업은 일반적으로 Figma, Canva 및 기존 프로토타이핑 플랫폼과 같은 전용 도구 내에서 진행되었습니다. Claude Design는 다른 경로를 사용합니다. 빈 캔버스에서 시작하는 대신 대화부터 시작합니다.</p>
<p>원하는 것을 설명하면 Claude가 첫 번째 버전을 생성한 다음 채팅, 인라인 댓글, 직접 편집 및 디자인 제어를 통해 이를 개선합니다. 아이디어에서 시각적 결과물까지 더 빠르게 이동하려는 제품 관리자, 창립자, 마케팅 담당자 및 디자이너가 워크플로를 쉽게 이해할 수 있습니다.</p>
<p>하지만 Claude Design는 실제로 얼마나 좋은가요? Anima, Buddy, Banani, UX Pilot 및 Google Stitch와 같은 대안과 어떻게 비교됩니까?</p>
<p>다음은 기능, 강점, 제한 사항 및 최상의 대안을 다루는 실용적인 Claude Design 리뷰입니다.</p>
<h2>Claude Design란 무엇입니까?</h2>
<p><strong>Claude Design</strong> Claude에 내장된 AI 설계 도구입니다. 사용자가 원하는 것을 자연어로 설명하여 시각적 작품을 만들 수 있습니다.</p>
<p>Anthropic는 이를 디자인, 프로토타입, 슬라이드, 단일 페이지 작성 등에서 Claude와 협력하는 방법으로 설명합니다. Claude Opus 4.7, Anthropic의 고급 비전 모델로 구동되며 현재 Claude Pro, Max, Team 및 Enterprise 사용자를 위한 연구 미리 보기로 제공됩니다.</p>
<p>핵심 경험은 간단합니다. Claude Design를 열고 프롬프트를 작성하고 관련 컨텍스트를 추가하면 Claude가 캔버스에 작업 디자인을 생성합니다. 여기에서 대화, 인라인 피드백, 직접 편집을 통해 출력을 계속해서 개선할 수 있습니다.</p>
<p>Claude Design는 아이디어를 신속하게 시각적인 것으로 전환해야 하는 사람들에게 특히 유용합니다. 여기에는 기능 모형을 만드는 제품 관리자, 피치덱을 준비하는 창립자, 캠페인 자산을 구축하는 마케터, 하나를 결정하기 전에 여러 방향을 탐색하는 디자이너가 포함됩니다.</p>
<h2>Claude Design 특징</h2>
<h3>1. 텍스트-디자인 생성</h3>
<p>기본 Claude Design 워크플로는 프롬프트로 시작됩니다. 생성하려는 항목을 설명하면 Claude가 첫 번째 버전을 생성합니다.</p>
<p>다음과 같은 것을 생성하도록 요청할 수 있습니다.</p>
<ul>
<li>제품 와이어프레임</li>
<li>앱 화면</li>
<li>랜딩 페이지</li>
<li>피치덱</li>
<li>한 페이지짜리 자료</li>
<li>마케팅 자산</li>
<li>인터랙티브 프로토타입</li>
<li>내부 도구</li>
<li>소셜 미디어 영상</li>
</ul>
<p>이로 인해 Claude Design는 전통적인 디자인 도구라기보다는 창의적인 파트너처럼 느껴집니다. Figma 파일을 구성하는 방법이나 처음부터 데크를 만드는 방법을 알 필요가 없습니다. 목표, 대상, 레이아웃 및 콘텐츠를 설명하면 Claude가 출발점을 제공합니다.</p>
<p>그렇다고 첫 번째 결과가 항상 완벽하다는 의미는 아닙니다. 대부분의 AI 디자인 도구와 마찬가지로 가장 강력한 결과는 일반적으로 몇 차례의 개선 후에 나옵니다.</p>
<h3>2. 채팅 기반 편집 및 인라인 댓글</h3>
<p>Claude가 디자인을 생성한 후에는 몇 가지 방법으로 계속해서 개선할 수 있습니다.</p>
<p>채팅에서 &#8220;더 고급스러운 느낌을 주도록 해주세요&#8221;, &#8220;대시보드 레이아웃으로 바꿔주세요&#8221; 등 광범위한 변경을 요청할 수 있습니다. 특정 요소에 인라인 댓글을 남기고 캔버스에서 직접 텍스트를 편집할 수도 있습니다. Anthropic는 또한 간격, 색상 및 레이아웃을 조정하는 데 도움이 되는 사용자 정의 슬라이더 및 조정 컨트롤을 언급합니다.</p>
<h3>3. 디자인 시스템 지원</h3>
<p>Claude Design는 팀의 디자인 시스템을 새로운 프로젝트에 적용할 수 있습니다. 온보딩 중에 Claude는 코드베이스와 디자인 파일을 읽어 색상, 타이포그래피 및 구성 요소가 포함된 디자인 시스템을 구축할 수 있습니다.</p>
<p>이는 브랜드 일관성을 중시하는 기업에게 의미 있는 기능입니다. 일반 AI 설계 출력은 이 범주의 가장 큰 문제 중 하나입니다. AI가 생성한 모든 페이지가 동일한 세련된 SaaS 템플릿처럼 보인다면 실제 팀에는 그다지 유용하지 않습니다.</p>
<p>즉, 중요한 뉘앙스가 있습니다. Claude Design는 기존 파일과 코드베이스를 읽어 디자인 시스템을 구축합니다. Figma를 진실의 소스로 취급하는 팀의 경우 이는 기본 Figma 디자인 시스템 워크플로만큼 직접적으로 느껴지지 않을 수 있습니다.</p>
<h3>4. 다양한 가져오기 옵션</h3>
<p>Claude Design는 사용자에게 컨텍스트를 제공하는 여러 가지 방법을 제공합니다. Anthropic에 따르면 사용자는 텍스트 프롬프트로 시작하고, 이미지와 문서를 업로드하고, 코드베이스를 연결하거나, 웹 캡처 도구를 사용하여 웹 사이트에서 요소를 가져올 수 있습니다.</p>
<p>이는 &#8220;빈 캔버스&#8221; 문제를 피하는 데 도움이 됩니다. Claude에게 처음부터 모든 것을 만들어 달라고 요청하는 대신 참조, 스크린샷, 기존 자산 또는 제품 컨텍스트를 제공할 수 있습니다.</p>
<p>더 많은 컨텍스트를 제공할수록 결과가 더 좋아질 가능성이 높습니다.</p>
<h3>5. 협업 및 공유</h3>
<p>Claude Design는 조직 범위 공유를 지원합니다. 디자인을 비공개로 유지하거나, 링크를 통해 조직 내 모든 사람과 공유하거나, 동료가 편집하고 공동 작업하도록 허용할 수 있습니다. Anthropic는 공동 작업자가 디자인을 수정하고 Claude와 함께 채팅할 수 있다고 말합니다.</p>
<p>이는 특히 제품 팀에 유용합니다. PM은 초기 프로토타입을 만들어 디자이너나 엔지니어와 공유하고 전체 사양을 작성하거나 개발 작업을 시작하기 전에 아이디어를 계속 다듬을 수 있습니다.</p>
<h3>6. 내보내기 옵션</h3>
<p>Claude Design는 여러 내보내기 경로를 지원합니다. 디자인을 내부 URL로 공유하거나, 폴더로 저장하거나, Canva, PDF, PPTX 또는 독립형 HTML 파일로 내보낼 수 있습니다. Anthropic는 또한 Claude 코드로의 핸드오프 흐름을 강조합니다. 여기서 Claude는 구현을 위해 Claude 코드에 전달할 수 있는 번들로 설계를 패키징합니다.</p>
<p>한 가지 중요한 제한 사항은 Claude Design가 Figma로 직접 내보내기를 제공하지 않는다는 것입니다. 많은 팀이 여전히 최종 설계 개선, 설계 시스템 관리, 협업 및 핸드오프를 위해 Figma를 사용하고 있기 때문에 이는 중요합니다.</p>
<p>Anima에서 Buddy를 사용하여 Claude Design의 HTML 출력을 Figma로 가져오는 등의 해결 방법이 있지만 Claude Design 자체는 기본 Figma 내보내기를 제공하지 않습니다.</p>
<img decoding="async" alt="" class="alignnone size-medium wp-image-11839" height="138" src="https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-Features-300x138.png" width="300" srcset="https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-Features-300x138.png 300w, https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-Features-1024x470.png 1024w, https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-Features-768x353.png 768w, https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-Features-1536x705.png 1536w, https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-Features.png 1917w" sizes="(max-width: 300px) 100vw, 300px" />
<h2>Claude Design 장점과 단점</h2>
<h3>Claude Design가 잘하는 것</h3>
<p>Claude Design는 속도가 중요할 때 가장 강력합니다. 이는 사용자가 아이디어에서 시각적 결과물로 신속하게 이동하는 데 도움이 됩니다. 이는 파일을 설정하는 데 시간을 들이지 않고 더 많은 방향을 탐색하려는 PM, 창립자, 마케팅 담당자 및 디자이너에게 유용합니다.</p>
<p>디자인 시스템 지원도 유망하다. Claude가 브랜드, 구성 요소 및 제품 패턴을 이해할 수 있다면 출력은 일반 AI 모형보다 더 유용해집니다.</p>
<p>Claude 코드로의 핸드오프는 또 다른 주요 이점입니다. 이미 Claude 코드를 사용하고 있는 팀의 경우 아이디어부터 프로토타입, 구현까지의 워크플로가 모든 단계에 대해 별도의 도구를 사용하는 것보다 더 연결된 느낌을 줍니다.</p>
<h3>Claude Design가 여전히 제한되는 곳</h3>
<p>Claude Design는 아직 연구 미리보기 단계이므로 팀에서는 약간의 거친 부분을 예상해야 합니다.</p>
<p>가장 큰 한계는 통제다. Claude Design는 영감을 주고 탐색하고 다양한 방향을 신속하게 테스트하는 데 적합하지만 최종 설계 작업이 항상 이루어지는 것은 아닙니다. 최종 개선, 세부적인 레이아웃 결정, 설계 시스템 정리 및 생산 인계에는 여전히 Figma와 같은 도구가 필요한 경우가 많습니다.</p>
<p>Claude Design는 현재 Figma로 직접 내보내기를 제공하지 않기 때문에 이는 더욱 중요해졌습니다. Figma를 정보 소스로 사용하는 팀의 경우 이는 실제적인 방해 요소가 될 수 있습니다. HTML를 내보내거나 Claude 코드를 사용할 수 있지만 Figma 내에서 결과를 계속 편집하는 것이 목표라면 추가 단계가 필요합니다.</p>
<p>이러한 격차를 해소할 수 있는 방법이 있지만 이는 다른 도구에 따라 달라집니다. 예를 들어, Anima의 Buddy는 팀이 Claude Design 출력을 다시 Figma로 가져오는 데 도움이 되어 많은 팀이 이미 구성 요소, 레이아웃 및 최종 개선을 관리하고 있는 곳에서 설계 프로세스를 계속할 수 있게 해줍니다.</p>
<p>두 번째 한계는 생태계 적합성입니다. Claude Design는 팀이 이미 Claude 생태계 내에서 작업할 때 가장 강력합니다. 디자이너가 Figma에 거주하고 개발자가 다른 코딩 에이전트를 사용하는 경우 해당 워크플로에 더 직접적으로 연결되는 도구를 선호할 수 있습니다.</p>
<p>마지막으로, AI로 생성된 시각적 요소는 강력한 맥락 없이도 여전히 일반적으로 느껴질 수 있습니다. Claude Design는 설계 시스템 지원을 통해 이를 개선하지만 품질은 여전히 ​​제공하는 입력에 따라 크게 달라집니다.</p>
<img decoding="async" alt="" class="alignnone size-medium wp-image-11840" height="136" src="https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-result-300x136.png" width="300" srcset="https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-result-300x136.png 300w, https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-result-1024x465.png 1024w, https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-result-768x349.png 768w, https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-result-1536x698.png 1536w, https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-result.png 1920w" sizes="(max-width: 300px) 100vw, 300px" />
<h2>최고의 Claude Design 대안</h2>
<p>Claude Design는 강력한 새 옵션이지만 고려할 가치가 있는 유일한 AI 설계 도구는 아닙니다. 최선의 대안은 워크플로, 팀, 실제 제품 코드에 얼마나 가까운 출력이 필요한지에 따라 다릅니다.</p>
<h3>1. <a href="https://www.animaapp.com/?utm_content=claude-design-alternatives&amp;utm_campaign=playground&amp;utm_medium=blog&amp;utm_source=content">Anima Playground</a></h3>
<p><strong>가장 적합한 대상:</strong> 브랜드 인식 프로토타입과 코드 지원 출력을 원하는 제품 팀.</p>
<p>Anima Playground는 충실도가 높은 브랜드 프로토타입을 제작하기 위해 구축된 디자인 우선 바이브 코딩 환경입니다. Claude Design가 Claude 생태계 내에 상주하는 곳에서 Anima는 팀이 실제 제품처럼 보이고 작동하는 제품 경험을 만들 수 있도록 돕는 데 중점을 두고 있습니다.</p>
<h2 style="text-align: center;">AI로 디자인해 보세요</h2>
<p style="text-align: center;">Anima는 프롬프트에서 웹사이트, 앱 및 UX 디자인을 만듭니다. 여기에서 사용해 보세요.</p>
<div style="width: 100%; display: flex; justify-content: center; font-family: Mulish, Arial, sans-serif; margin: 18px 0 24px;">
<form action="https://dev.animaapp.com/" method="GET" style="box-sizing: border-box; width: 100%; max-width: 500px; padding: 10px; border-radius: 12px; border: 1px solid transparent; display: flex; align-items: center; gap: 10px; background: linear-gradient(270deg, #232323 0%, #2d2d2d 100%) padding-box, linear-gradient(183deg, rgba(255, 255, 255, 0.4), rgba(109, 84, 207, 1) 50%) border-box; background-clip: padding-box, border-box; box-shadow: 0 2px 10px rgba(109, 84, 207, 0.4); backdrop-filter: blur(7px);"><input name="platform" type="hidden" value="dev-anima"/> <input name="passOnBoarding" type="hidden" value="true"/> <input name="autoSubmit" type="hidden" value="true"/> <input name="utm_content" type="hidden" value="claude-design-alternatives-promptbox"/> <input name="utm_campaign" type="hidden" value="p2c"/> <input name="utm_medium" type="hidden" value="blog"/> <input name="utm_source" type="hidden" value="content"/> <input name="homepagePrompt" placeholder="오늘은 어떤 디자인을 하시겠습니까?" style="flex: 1; min-width: 0; height: 40px; padding: 0 6px; background: transparent; border: none; outline: none; color: white; font-family: Mulish, Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 40px; box-sizing: border-box;" type="text"/> <button aria-label="제출" id="anima-figma-arrow-button" style="display: flex; flex: 0 0 40px; width: 40px; height: 40px; align-items: center; justify-content: center; padding: 0; margin: 0; border: 1px solid #5c61e3; background: linear-gradient(135deg, rgba(51, 102, 255, 0.8) 0%, rgba(109, 84, 207, 0.8) 37%); box-sizing: border-box; border-radius: 8px; cursor: pointer; box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.1); appearance: none; -webkit-appearance: none;" type="submit"> <img decoding="async" alt="" height="16" src="https://c.animaapp.com/4K6SONAa/img/icon.svg" style="display: block; margin: 0; padding: 0; height: 14px;" width="16"/> </button></form>
</div>
<p>Anima의 주요 장점은 팀이 빈 프롬프트뿐만 아니라 실제 제품 컨텍스트에서 시작할 수 있다는 것입니다. 텍스트로 구축하거나, Figma 디자인을 가져와 작동하는 React 프로토타입으로 바꾸거나, 기존 웹사이트를 복제하거나, 라이브 URL에서 브랜드를 추출하여 새 페이지나 기능을 디자인하는 데 사용할 수 있습니다. Figma 디자인 시스템 지원을 통해 팀은 또 다른 일반 AI 인터페이스를 생성하는 대신 실제 구성 요소를 사용하여 구축할 수도 있습니다.</p>
<p>또 다른 중요한 차이점은 Anima 프로토타입이 시각적 모형뿐만 아니라 실제 앱처럼 작동할 수 있다는 것입니다. 팀은 실제 데이터를 추가하고 프로토타입 흐름을 데이터베이스에 연결할 수 있으므로 사용자 입력, 저장된 정보, 대시보드 또는 동적 콘텐츠에 따라 제품 경험을 더 쉽게 테스트할 수 있습니다.</p>
<p>Anima는 또한 디자인, 프로토타이핑, 개발 사이에 보다 순환적인 워크플로우를 생성합니다. 팀은 Figma에서 시작하여 디자인을 Anima로 가져와 작업 프로토타입을 구축한 다음 결과 디자인을 다시 Figma에 복사하여 최종 개선 및 디자이너 전달을 수행할 수 있습니다.</p>
<p>여기에서 팀은 생성된 코드를 다운로드하거나, 개발자와 공유하거나, MCP를 사용하여 코딩 에이전트 및 개발 도구 작업을 계속하여 프로덕션을 계속할 수 있습니다. 이로 인해 Anima는 빠른 탐색뿐만 아니라 Figma, 작업 React 프로토타입 및 실제 개발을 연결하는 엔드투엔드 워크플로에 유용합니다.</p>
<p>빠른 시각적 생성이 아니라 이해관계자를 조정하고, 제품 아이디어를 테스트하고, Figma에서 디자인을 개선하고, 생산에 더 가까이 다가갈 수 있을 만큼 실제적인 느낌을 주는 작업 프로토타입을 만드는 것이 우선 순위라면 Anima Playground를 사용하세요.</p>
<img decoding="async" alt="" class="alignnone size-medium wp-image-11842" height="135" src="https://animaapp.com/blog/wp-content/uploads/2026/05/Anima-Playground-300x135.png" width="300" srcset="https://animaapp.com/blog/wp-content/uploads/2026/05/Anima-Playground-300x135.png 300w, https://animaapp.com/blog/wp-content/uploads/2026/05/Anima-Playground-1024x460.png 1024w, https://animaapp.com/blog/wp-content/uploads/2026/05/Anima-Playground-768x345.png 768w, https://animaapp.com/blog/wp-content/uploads/2026/05/Anima-Playground-1536x690.png 1536w, https://animaapp.com/blog/wp-content/uploads/2026/05/Anima-Playground.png 1920w" sizes="(max-width: 300px) 100vw, 300px" />
<p> 로켓채팅gpt-에이전트그리드-대체:시작 </p>
<h3>2. ChatGPT + AgentGrid.io</h3>
<p><strong>가장 적합한 대상:</strong> HTML 디자인 아티팩트 생성, 반복, 미리보기 및 공유를 위한 Claude Design 대안을 원하는 ChatGPT 사용자.</p>
<p>ChatGPT는 내장된 이미지 생성 기능을 통해 HTML에서 디자인하고 프로토타입을 제작할 수 있습니다. 특히 컨셉에 독창적인 비주얼이 필요한 경우 Claude보다 강력한 디자인 에이전트가 됩니다.</p>
<p>ChatGPT에는 이러한 디자인을 공유하고, 협업하고, 버전을 관리할 수 있는 내구성 있는 공간이 부족합니다. <a href="https://agentgrid.io/">AgentGrid.io</a> 그 공백을 메워줍니다. 다음을 통해 ChatGPT를 연결하세요. <a href="https://chatgpt.com/plugins/plugin_asdk_app_6a747c2caadc8191acf784bd04153268">AgentGrid 플러그인</a>를 입력한 다음 무엇을 디자인할지 지시하고 그 결과를 AgentGrid.io에 게시하도록 요청합니다.</p>
<p>협업이 내장되어 있습니다. 여러 ChatGPT 에이전트와 Claude, Grok 및 기타 연결된 에이전트가 동일한 아티팩트에 대해 작업할 수 있습니다. 디자인 파일은 안전한 팀 폴더에 보관되며 전체 버전 기록은 Figma 또는 Google Docs와 같은 모든 변경 사항을 추적합니다.</p>
<p>디자인이 준비되면 에이전트에게 전체 화면 공개 프로토타입, 웹사이트 또는 앱으로 게시하도록 요청하세요. 팀원은 디자인에 대해 사람이나 에이전트에 직접 댓글을 달고 언급할 수도 있습니다. 예를 들면: <em>“@Mo의 GPT, 다채로운 애니메이션 셰이더 배경을 추가하세요.”</em> 그러면 에이전트가 올바른 계층으로 연결됩니다.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="버전 기록이 있는 AgentGrid.io에서 공유된 HTML 설계에서 ChatGPT 생성 및 반복" class="wp-image-16336" height="974" src="https://animaapp.com/blog/wp-content/uploads/2026/09/chatgpt-agentgrid-html-design-collaboration.jpg" width="1840" srcset="https://animaapp.com/blog/wp-content/uploads/2026/09/chatgpt-agentgrid-html-design-collaboration.jpg 1840w, https://animaapp.com/blog/wp-content/uploads/2026/09/chatgpt-agentgrid-html-design-collaboration-300x159.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/09/chatgpt-agentgrid-html-design-collaboration-1024x542.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/09/chatgpt-agentgrid-html-design-collaboration-768x407.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/09/chatgpt-agentgrid-html-design-collaboration-1536x813.jpg 1536w" sizes="(max-width: 1840px) 100vw, 1840px" /><figcaption>ChatGPT는 디자인을 생성하고 AgentGrid.io는 HTML 아티팩트를 공유, 협업 및 버전 관리합니다.</figcaption></figure>
<p>ChatGPT 사용자의 경우 <a href="https://agentgrid.io/">최고의 Claude Design 대안</a>: 이미지 지원 디자인, 공유 아티팩트, 협업, 버전 기록 및 게시를 하나의 워크플로우로 처리합니다.</p>
<p> 로켓채팅gpt-agentgrid-alternative:끝 </p>
<h3>3. Buddy by Anima &#8211; <a href="https://www.animaapp.com/an?url=https%3A%2F%2Fwww.figma.com%2Fcommunity%2Fplugin%2F1616481120325792817%2Fbuddy-figma-design-agent-ux-ai-co-pilot-ux-assistant-ai-chat-god-mode-wireframe-generator&amp;utm_content=claude-design-alternatives&amp;utm_campaign=agentic&amp;utm_medium=blog&amp;utm_source=content">Figma AI Agent</a></h3>
<p><strong>가장 적합한 대상:</strong> Figma 내부에 AI 디자인 에이전트를 원하는 팀.</p>
<p>Buddy는 Figma 내부에 직접 존재하는 Anima의 AI 설계 에이전트입니다. 이것이 Claude Design에 비해 가장 큰 장점입니다. 작업을 별도의 AI 작업 공간으로 이동하거나 나중에 Figma로 다시 내보낼 필요가 없습니다. Figma에서 시작하여 실제 Figma 노드를 생성 및 편집하고 팀이 이미 설계한 것과 동일한 환경에서 계속 작업합니다.</p>
<p>Buddy는 실제 Figma 설계 시스템을 사용하여 설계를 생성할 수도 있습니다. 기존 구성요소, 변수 및 스타일을 재사용할 수 있습니다. 이미 Figma에서 디자인 시스템을 관리하고 있는 팀의 경우 이것이 큰 차이점입니다.</p>
<p>화면 생성 외에도 Buddy는 Figma 캔버스를 위한 유연한 AI 에이전트처럼 작동합니다. 변형 생성, 구성 요소 적용, 지저분한 프레임 구성, 노드 정리, 요소 제거 또는 레이아웃 재구성을 요청할 수 있습니다. 그런 의미에서 Buddy는 단순한 설계 생성기가 아닙니다. Figma 자체 내에서 더 빠르게 작업하기 위한 AI 보조자입니다.</p>
<p>Buddy는 또한 Claude Design의 가장 큰 워크플로 격차 중 하나인 기본 Figma 내보내기 부족을 해결하는 데 도움이 될 수 있습니다. 팀이 Claude Design에서 개념을 생성하고 이를 Figma에서 계속 개선하려는 경우 Claude Design에서 HTML 출력을 복사하여 Buddy에 붙여넣고 편집 가능한 Figma 노드로 변환할 수 있습니다. 이를 통해 팀은 Claude Design 탐색에서 Figma 워크플로로 다시 돌아가는 실용적인 경로를 얻을 수 있습니다. <a href="https://www.animaapp.com/blog/genai/how-to-go-from-claude-design-to-figma/">자세히 알아보려면 이 글을 읽어보세요.</a></p>
<img decoding="async" alt="" class="alignnone size-medium wp-image-11841" height="166" src="https://animaapp.com/blog/wp-content/uploads/2026/05/Buddy-Figma-AI-300x166.png" width="300" srcset="https://animaapp.com/blog/wp-content/uploads/2026/05/Buddy-Figma-AI-300x166.png 300w, https://animaapp.com/blog/wp-content/uploads/2026/05/Buddy-Figma-AI-1024x567.png 1024w, https://animaapp.com/blog/wp-content/uploads/2026/05/Buddy-Figma-AI-768x425.png 768w, https://animaapp.com/blog/wp-content/uploads/2026/05/Buddy-Figma-AI-1536x850.png 1536w, https://animaapp.com/blog/wp-content/uploads/2026/05/Buddy-Figma-AI-2048x1134.png 2048w" sizes="(max-width: 300px) 100vw, 300px" />
<h3>4. <a href="https://www.banani.co/">바나나</a></h3>
<p><strong>가장 적합한 대상:</strong> Figma 내보내기를 통한 빠른 UI 탐색.</p>
<p>Banani는 프롬프트 및 이미지 참조에서 UI를 생성하는 캔버스 기반 AI UI 디자인 도구입니다. 이는 특히 여러 방향을 생성한 다음 Figma에서 출력을 계속 구체화하려는 경우 빠른 아이디어 구상에 유용합니다.</p>
<p>Banani는 Claude Design보다 더 집중적입니다. 시각적 아이디어부터 코드 전달까지 전체 작업 흐름을 소유하려고 하지 않습니다. 대신 사용자가 UI 개념을 신속하게 생성하고 추가 편집을 위해 디자인 도구로 이동하는 데 도움이 됩니다.</p>
<p>주요 목표가 신속한 설계 탐색과 Figma 내보내기인 경우 Banani를 선택하십시오.</p>
<h3>5. <a href="https://uxpilot.ai/">UX 파일럿</a></h3>
<p><strong>가장 적합한 대상:</strong> UX 연구, 흐름, 와이어프레임 및 유용성 분석.</p>
<p>UX 파일럿은 시각적 생성보다 UX 작업을 중심으로 더 구조화되어 있습니다. 와이어프레임, 사용자 흐름, 페르소나, 여정 지도 및 유용성 분석에 도움이 됩니다.</p>
<p>이는 제품 설계 프로세스 초기에 AI 지원을 원하는 팀에게 좋은 옵션이 됩니다. 세련된 화면으로 바로 뛰어드는 대신 UX 파일럿은 사용자 여정을 명확하게 하고 사용성 문제를 식별하며 제품 경험의 구조를 형성하는 데 도움을 줄 수 있습니다.</p>
<p>충실도가 높은 시각적 출력보다 UX 계획 및 검증에 더 관심이 있다면 UX 파일럿을 사용하세요.</p>
<h3>6. <a href="https://stitch.withgoogle.com/">구글 스티치</a></h3>
<p><strong>가장 적합한 대상:</strong> Google 기반의 디자인에서 개발까지의 워크플로를 통해 빠른 AI UI 아이디어를 원하는 팀.</p>
<p>Google Stitch는 팀이 자연어를 바탕으로 충실도가 높은 웹 및 모바일 인터페이스를 생성하는 데 도움이 되는 Google Labs의 AI UI 디자인 도구입니다. 빈 캔버스에서 시작하지 않고도 빠른 아이디어 구상, 다양한 UI 방향 탐색, 초기 제품 아이디어를 시각적 개념으로 전환하는 데 특히 유용합니다.</p>
<p>Claude Design에 비해 Stitch는 UI 디자인과 제품 인터페이스 탐색에 더 중점을 둡니다. 최신 캔버스 경험은 팀이 텍스트, 이미지, 코드와 같은 컨텍스트를 가져온 다음 AI 기반 디자인 작업 공간 내에서 화면과 흐름을 반복할 수 있는 &#8220;바이브 디자인&#8221;을 중심으로 구축되었습니다.</p>
<p>Google은 또한 DESIGN.md, URL 기반 디자인 시스템 추출을 통한 디자인 시스템 지원, Stitch MCP 및 SDK를 통한 개발자 도구와의 통합을 강조합니다.</p>
<p>팀이 고품질 UI 개념을 빠르게 탐색할 수 있는 방법을 원하는 경우, 특히 이미 Google의 AI 및 개발 생태계를 사용하고 있는 경우 Google Stitch를 선택하세요.</p>
<h2>누가 Claude Design를 사용해야 합니까?</h2>
<p>Claude Design는 아이디어를 시각적으로 전달해야 하지만 기존 디자인 도구에서 시작하고 싶지 않은 사람들에게 적합합니다.</p>
<p>특히 다음과 같은 경우에 유용합니다.</p>
<ul>
<li>빠른 기능 모형을 만드는 제품 관리자</li>
<li>피치덱 또는 제품 컨셉을 준비하는 창립자</li>
<li>마케팅 담당자가 캠페인 시각적 요소 또는 랜딩 페이지 아이디어를 구축하는 중</li>
<li>다양한 시각적 방향을 탐구하는 디자이너</li>
<li>이미 Claude 및 Claude 코드를 사용하고 있는 팀</li>
</ul>
<p>팀에서 이미 Claude를 사용하고 있고 아이디어에서 시각적 출력으로 빠르게 이동하려는 경우 Claude Design를 테스트해 볼 가치가 있습니다.</p>
<p>그러나 워크플로가 Figma, 설계 시스템 또는 프로덕션 등급 프런트엔드 핸드오프에 크게 의존하는 경우 Claude Design를 Anima Playground 및 Anima의 Figma AI 에이전트인 Buddy와 비교해 볼 가치가 있습니다.</p>
<p>Claude Design가 반드시 Figma를 대체할 필요는 없습니다. 탐색, 프로토타이핑 및 시각적 커뮤니케이션을 위한 빠른 AI 디자인 작업 공간으로 더 잘 이해됩니다.</p>
<h2>최종 평결: Claude Design는 가치가 있나요?</h2>
<p>Claude Design는 시각적 생성을 Claude에 직접 가져오기 때문에 가장 흥미로운 새로운 AI 디자인 도구 중 하나입니다.</p>
<p>가장 큰 장점은 속도다. 아이디어를 설명하고, 시각적 방향을 생성하고, 구체화하고, 팀원과 협업하고, 내보내고, Claude 코드로 전달할 수도 있습니다. 이는 디자이너가 아닌 사람과 빠르게 움직여야 하는 다기능 팀에게 특히 유용합니다.</p>
<p>가장 큰 한계는 깊이입니다. 구성 요소, 변형, 설계 시스템 및 Figma 기본 워크플로에 대한 완전한 제어가 필요한 설계자는 여전히 기존 설계 환경을 기반으로 구축된 도구를 선호할 수 있습니다.</p>
<p>따라서 대답은 팀에 따라 다릅니다.</p>
<p>이미 Claude를 사용하고 있고 프로토타입, 슬라이드 및 시각적 자산을 빠르게 만드는 방법을 원한다면 Claude Design를 사용해 볼 가치가 있습니다.</p>
<p>팀이 브랜드 충실도, Figma 워크플로 및 코드 연결 디자인 시스템에 깊은 관심을 갖고 있다면 Anima Playground 또는 Buddy가 더 적합할 수 있습니다.</p>
<p>어느 쪽이든, Claude Design는 AI 디자인 도구가 단순한 이미지 생성을 넘어서고 있다는 또 다른 신호입니다. 다음 물결은 아이디어를 사용 가능하고 편집 가능하며 최종적으로는 구축 가능한 제품 경험으로 바꾸는 것입니다.</p>
<h2>FAQ</h2>
<h3>Claude Design가 Figma를 대체할 수 있나요?</h3>
<p>직접적으로는 아닙니다. Claude Design는 빠른 탐색, 프로토타입, 데크 및 시각적 커뮤니케이션에 유용합니다. Figma는 세부 설계 작업, 구성 요소 관리, 설계 시스템 및 픽셀 수준 편집을 위한 더욱 성숙한 도구를 제공합니다.</p>
<h3>Claude Design는 설계 시스템을 지원합니까?</h3>
<p>예. Claude Design는 코드베이스와 디자인 파일을 읽어 팀 디자인 시스템을 구축하고 적용할 수 있습니다. 새 프로젝트 전반에 걸쳐 색상, 타이포그래피 및 구성 요소를 자동으로 사용할 수 있습니다.</p>
<h3>최고의 Claude Design 대안은 무엇입니까?</h3>
<p>최고의 Claude Design 대안으로는 Anima Playground, Anima의 Buddy, Banani, UX Pilot 및 Google Stitch가 있습니다. 올바른 선택은 Figma 기본 워크플로, 디자인 시스템 지원, UX 계획 또는 코드 지원 프로토타입이 필요한지 여부에 따라 달라집니다.</p>
<h3>Claude Design 프로젝트를 Figma로 내보낼 수 있나요?</h3>
<p>Claude Design는 현재 Figma로 직접 내보내기를 제공하지 않습니다. Canva, PDF, PPTX, 독립형 HTML, 내부 URL 및 폴더와 같은 내보내기 옵션을 지원합니다. Figma에서 결과를 계속 편집해야 하는 경우 한 가지 해결 방법은 Claude Design에서 HTML를 복사하여 Anima를 통해 Buddy에 붙여넣는 것입니다. 이렇게 하면 HTML를 편집 가능한 Figma 노드로 바꿀 수 있습니다.</p>
<p>The post <a href="https://animaapp.com/blog/ko/ai-design-ko/claude-design-review-기능-pros-cons-및-최고의-대안-korean/">Claude Design 검토: 기능, 장점, 단점 및 최상의 대안</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Claude와 ChatGPT 간에 파일을 어떻게 공유하나요?</title>
		<link>https://animaapp.com/blog/ko/agentic-ko/share-file-between-claude-and-chatgpt-ko/</link>
		
		<dc:creator><![CDATA[Anima team]]></dc:creator>
		<pubDate>Thu, 03 Sep 2026 11:55:07 +0000</pubDate>
				<category><![CDATA[agentic]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/uncategorized-ko/share-file-between-claude-and-chatgpt-ko/</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 5</span> <span class="rt-label rt-postfix">minutes</span></span>다운로드하고 다시 업로드하면 일회성 핸드오프가 가능합니다. 두 보조자가 동일한 파일을 계속 편집하는 경우 대신 공유 위치가 필요합니다: 클라우드 저장소 또는 두 에이전트 모두 직접 연결하는 workspace</p>
<p>The post <a href="https://animaapp.com/blog/ko/agentic-ko/share-file-between-claude-and-chatgpt-ko/">Claude와 ChatGPT 간에 파일을 어떻게 공유하나요?</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 5</span> <span class="rt-label rt-postfix">minutes</span></span><article>
<p>Claude와 ChatGPT 간에 파일을 공유하는 가장 빠른 방법은 파일을 한 곳에서 다운로드하여 다른 곳으로 업로드하는 것입니다. 그것은 효과가 있고 약 30초 정도 걸리며 대부분의 사람들이 그렇게 합니다.</p>
<p>또한 두 번 수행해야 하는 순간에도 작동이 중지됩니다.</p>
<p>두 보조자가 계속 편집하는 동안 파일을 앞뒤로 이동하는 경우 다운로드 및 다시 업로드 루프가 진행 대신 복사본 생성을 시작합니다. 이 가이드에서는 Claude와 ChatGPT 간에 파일을 공유하는 세 가지 방법(각각 중단되는 경우 및 중단되는 경우)을 다룹니다.</p>
<h2>빠른 답변</h2>
<p><strong>Claude에서 ChatGPT까지:</strong></p>
<ol>
<li>Claude에서 파일을 다운로드합니다. artifact의 경우 artifact 패널에서 다운로드 또는 복사 옵션을 사용하십시오. 어시스턴트가 생성한 파일의 경우 메시지에 있는 다운로드 링크를 사용하세요.</li>
<li>ChatGPT를 열고 클립이나 더하기 버튼을 사용하여 파일을 첨부합니다.</li>
<li>당신이 그것으로 무엇을 하고 싶은지 말해 보세요.</li>
</ol>
<p><strong>ChatGPT에서 Claude까지:</strong> 같은 세 단계를 반대로 하면 됩니다.</p>
<p>이것이 전체 수동 방법입니다. 답의 후반부도 아는 것이 좋습니다. 이는 3단계 이후에 발생합니다.</p>
<h2>복사 문제</h2>
<p>ChatGPT에서 초안을 내보내고 다시 작성하기 위해 Claude에 업로드합니다. Claude는 더 나은 버전을 제공합니다. 이를 다운로드하고 최종 패스를 위해 ChatGPT로 다시 가져옵니다.</p>
<p>아무것도 잘못되지 않았습니다. 하지만 가지고 있는 것을 세어보세요. 아직 ChatGPT 스레드에 남아 있는 원본, 다운로드한 파일, Claude 버전, 해당 버전의 다운로드, 그리고 다음에 나올 모든 것. 이름이 거의 같은 5개 항목이 있으며 그 중 하나가 최신 항목입니다.</p>
<p>함정은 당신이 열어둔 실입니다. ChatGPT는 아직 첫 번째 초안을 보유하고 있습니다. 새 대화를 시작하는 대신 대화를 계속하면 Claude의 개선 사항이 아닌 이전 버전이 편집되며 일반적으로 이미 수정한 내용이 다시 나타날 때 알게 됩니다.</p>
<p>바로 복사 문제입니다. 모든 핸드오프는 복사본을 만들고, 어떤 복사본도 다른 복사본에 대해 알지 못하며, 두세 번 홉 후에는 어느 것이 현재인지에 대한 신뢰할 수 있는 답변이 없습니다.</p>
<p>두 개의 작은 물건이 함께 타고 있습니다. 컨텍스트는 이동하지 않으므로 각 보조자는 기록이 없는 문서를 보고 매번 개요를 다시 설명합니다. 그리고 Markdown는 여행 후에도 살아남지만 테이블과 내장된 이미지는 그렇지 못한 경우가 많기 때문에 형식이 저하됩니다.</p>
<p>단일 핸드오프의 경우 이 중 어느 것도 중요하지 않습니다. 작업이 진행 중이면 문제가 심각해지고 팀으로 관리하기가 어려워집니다. 4명의 사람이 각각 동일한 프로젝트에서 자신의 어시스턴트를 실행하고 있으며 현재 버전이 어디에 있는지, 누가 마지막으로 손을 댔는지 아무도 알 수 없습니다.</p>
<p>이는 작업이 어디에 있는지에 대한 질문보다 파일 전송 문제를 덜 만듭니다.</p>
<h2>옵션 2: 파일을 클라우드 저장소에 넣기</h2>
<p>Claude 및 ChatGPT 모두 Google 드라이브에 연결할 수 있습니다. 연결되면 복사본을 업로드하는 대신 각 보조자에게 동일한 파일을 지정합니다. 하나의 파일, 하나의 위치로 누구도 택배 역할을 할 필요가 없습니다. 이제 둘 다 드라이브에 다시 쓸 수 있을 뿐만 아니라 읽을 수도 있으므로 이는 다운로드에 비해 크게 개선된 것입니다.</p>
<p>설정하기 전에 알아두어야 할 두 가지 사항이 있습니다.</p>
<p><strong>연결이 항상 두 번의 클릭으로 이루어지는 것은 아닙니다.</strong> 개인 계정에서는 빠릅니다. 직장 계정에는 일반적으로 두 명의 서로 다른 관리자가 있습니다. 누군가가 AI 측에서 커넥터를 활성화하고 별도로 Google Workspace 관리자가 앱을 신뢰하거나 앱이 요청하는 각 OAuth 범위를 승인해야 합니다. 하나만 가져오고 다른 하나는 가져오지 않으면 사용자에게 뚜렷한 원인 없이 인증 오류가 발생합니다. 범위도 변경되므로 일반적으로 2026년 중반 이전에 이루어진 연결은 다시 수행해야 합니다.</p>
<p><strong>어시스턴트는 귀하의 액세스 권한을 상속합니다.</strong> 대부분의 사람들이 놓치는 부분이 바로 이 부분이다. 커넥터에는 폴더에 대한 권한이 부여되지 않습니다. 귀하로 로그인됩니다. 귀하와 공유된 모든 것을 포함하여 귀하의 계정이 무엇이든 열 수 있습니다. Claude의 드라이브 커넥터는 동의 화면에서 특정 파일을 선택한다는 인상을 주더라도 계정 전체 읽기 액세스를 요청합니다. <a href="https://help.openai.com/en/articles/10408842-google-app-for-chatgpt-data-controls-faq">OpenAI의 자체 문서</a> ChatGPT에 대한 동일한 모델을 설명합니다. 연결된 계정이 도달할 수 있는 모든 것에 도달할 수 있습니다. Anthropic의 <a href="https://support.claude.com/en/articles/10166901-use-google-workspace-connectors">Google Workspace 커넥터 문서</a> Claude가 연결된 드라이브로 수행할 수 있는 작업을 나열합니다. 당신이 잡고 있는 것보다 더 좁은 드라이브 조각을 보조자에게 건네줄 수 있는 방법은 없습니다.</p>
<p>그것은 당신이 추가하는 모든 어시스턴트와 결합됩니다. 각각은 동일한 전체 보기를 가지며 모두 귀하의 역할을 하기 때문에 Drive의 개정 기록은 모든 변경 사항을 귀하에게 귀속시킵니다. 어제 버전을 복원할 수 있습니다. 어느 조수가 무엇을 썼는지 알 수 없으며, 그 중 한 사람이 아직 개시하지 않은 내용을 읽지 못하게 할 수도 없습니다.</p>
<p>클라우드 스토리지는 위치 문제를 해결합니다. 누가 무엇을 했는지 해결하지 못하고, 상담원이 도달할 수 있는 범위를 정할 수 없으며, 드라이브 문서가 여전히 실행되지 않으므로 누구나 앱이나 페이지를 다른 곳으로 내보내야 작동하는 모습을 볼 수 있습니다.</p>
<h2>옵션 3: 두 에이전트 모두에 연결되는 공유 workspace</h2>
<p>세 번째 접근 방식은 파일 이동을 전혀 중지하고 두 보조자에게 동일한 라이브 artifact에 대한 액세스 권한을 부여하는 것입니다.</p>
<p>이 모델입니다 <a href="https://agentgrid.io/">AgentGrid.io</a> 주위에 지어졌습니다. artifact는 자체 URL와 공유 workspace에 있습니다. Claude 및 ChatGPT는 모두 해당 workspace에 연결되며 각각 동일한 artifact를 직접 읽고 씁니다. 이동할 것이 없기 때문에 다운로드 단계가 없습니다.</p>
<p>에이전트를 연결하려면 다음을 엽니다. <a href="https://agentgrid.io/connect">AgentGrid.io/연결</a>. 코딩 및 자율 에이전트의 경우 다음 prompt를 복사하여 에이전트에 붙여넣습니다.</p>
<pre class="wp-block-code"><code>Install Anima's CLI and connect this project to AgentGrid by running: npx @animaapp/cli@latest login</code></pre>
<p>브라우저의 Claude 또는 ChatGPT의 경우 동일한 페이지의 커넥터 링크를 사용하여 한 번 로그인하십시오.</p>
<p>커넥터 경로는 AI 도우미가 외부 도구에 연결하는 데 사용하는 개방형 프로토콜인 MCP를 사용합니다. 이것이 바로 서로 다른 공급업체의 보조자가 동일한 workspace를 사용하여 작업할 수 있게 해주는 것입니다.</p>
<p>artifact가 하나만 있기 때문에 몇 가지 사항이 따릅니다. 모든 변경 사항은 하나의 버전 기록에 저장되므로 두 다운로드를 비교하는 대신 작업이 어떻게 발전했는지 확인할 수 있습니다. 앱이나 페이지인 아티팩트는 라이브 URL에서 실행되므로 ChatGPT 초안이 작성된 웹 사이트는 Claude가 열고 계속 구축할 수 있는 것입니다. 액세스는 연결된 클라우드 드라이브 계정의 전체 범위를 상속하는 대신 공유하는 AgentGrid.io workspace 및 artifacts에 계속 연결됩니다. 보다 세부적인 팀 및 에이전트 제어 기능은 계속 발전하고 있으므로 민감한 프로젝트에 사용하기 전에 현재 workspace 설정을 확인하세요.</p>
<p>절충안이 설정되어 있으며 소리보다 작습니다. 어시스턴트 연결은 관리 프로젝트가 아닌 일회성 로그인입니다. 지금 당장 이동해야 하는 단일 파일의 경우 다운로드하는 것이 더 빠릅니다. 두 번째 핸드오프부터는 종료되지 않습니다.</p>
<h2>어떤 옵션이 어떤 상황에 맞는지</h2>
<table>
<thead>
<tr>
<th>상황</th>
<th>최선의 선택</th>
</tr>
</thead>
<tbody>
<tr>
<td>하나의 파일, 한 번</td>
<td>다운로드하고 다시 업로드하세요.</td>
</tr>
<tr>
<td>계속 참조하지만 거의 편집하지 않는 문서</td>
<td>클라우드 스토리지 커넥터</td>
</tr>
<tr>
<td>두 어시스턴트 모두 동일한 작업을 적극적으로 편집하고 있습니다.</td>
<td>공유 workspace</td>
</tr>
<tr>
<td>출력은 앱 또는 라이브 페이지입니다.</td>
<td>공유 workspace</td>
</tr>
<tr>
<td>누가 무엇을 바꾸었는지 확인해야 합니다.</td>
<td>공유 workspace</td>
</tr>
<tr>
<td>상대방은 AI 도구가 전혀 없습니다</td>
<td>클라우드 스토리지 또는 공유 링크</td>
</tr>
</tbody>
</table>
<p>대부분의 사람들에게는 이들 중 하나 이상이 필요합니다. 다운로드 경로는 양호하며 빠른 핸드오프를 위해 양호하게 유지됩니다. 할 수 없는 일은 몇 주에 걸쳐 여러 조수들과 함께 프로젝트를 진행하는 것입니다.</p>
<h2>이 문제가 존재하는 이유에 대한 참고 사항</h2>
<p>모든 AI 도우미는 폐쇄형 컨텍스트로 구축되었습니다. ChatGPT 대화, Claude 프로젝트, 터미널 세션: 각각은 그 자체로 완전하며 다른 세션은 눈에 띄지 않습니다. 사람들이 한 번에 한 명의 어시스턴트를 사용한다는 점에서는 합리적인 디자인이었습니다.</p>
<p>현재 작업이 실제로 어떻게 진행되는지에 대해서는 적합하지 않습니다. 하나는 연구하고, 다른 하나는 초안을 작성하고, 세 번째는 코드를 작성하고, 동료가 자신의 세트를 운영하는 것입니다. 파일은 그들 모두가 만지는 유일한 것이므로 마찰이 집중되는 곳이 파일입니다.</p>
<p>에서 <a href="https://animaapp.com/">Anima</a> 우리는 우리 자신을 만드는 동안 이것을 맞았습니다 <a href="https://www.animaapp.com/blog/vibe-coding/">바이브코딩 제품</a>이것이 바로 우리가 AgentGrid.io를 구축한 이유입니다. 디자인, 코드, 콘텐츠, 하나의 프로젝트 전반에 걸쳐 여러 어시스턴트가 있지만 현재 버전이 어디에 있는지에 대한 신뢰할 수 있는 답변은 없습니다.</p>
<p>이는 현재 우리가 내부적으로 매일 사용하는 것과 동일한 도구입니다. 복사 문제가 이번 주와 비슷하다면, <a href="https://agentgrid.io/">보조자를 AgentGrid.io에 연결</a> 단일 artifact로 시작합니다. 그것이 견디는지 알아보기 위해 모든 것을 움직일 필요는 없습니다.</p>
<h2>Q&amp;A</h2>
<div class="rocket-faq-accordion" style="margin: 18px 0 28px;">
<details open="" style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Claude와 ChatGPT 간에 파일을 어떻게 공유하나요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">한 어시스턴트에서 파일을 다운로드하고 첨부 버튼을 사용하여 다른 어시스턴트에 업로드하세요. 파일의 경우 편집을 계속하려면 두 보조자가 모두 필요하며 대신 공유 클라우드 스토리지 또는 공유 workspace에 연결하므로 복사본이 하나만 있습니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Claude와 ChatGPT는 동시에 동일한 파일을 편집할 수 있습니까?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">스스로는 아닙니다. 둘 다 상대방의 파일에 액세스할 수 없습니다. 클라우드 드라이브 또는 AI 에이전트용으로 구축된 공유 workspace와 같은 공유 위치에 연결하면 둘 다 동일한 파일을 편집할 수 있습니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Claude 공유 링크는 ChatGPT로 파일을 보내는 데 작동합니까?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">공유 링크는 다른 보조자가 열고 편집할 수 있는 파일이 아니라 볼 수 있는 대화 스냅샷을 생성합니다. 무슨 일이 일어났는지 사람에게 보여주는 데 유용합니다. 전송 방식이 아닙니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">내 서식이 전송 후에도 유지됩니까?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">일반 텍스트와 Markdown는 일반적으로 그렇게 합니다. 표, 포함된 이미지 또는 복잡한 구조가 포함된 문서에는 그렇지 않은 경우가 많습니다. 형식이 중요한 경우 다운로드 루프를 피하고 대신 공유 위치를 사용하세요.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Claude와 ChatGPT가 동일한 파일에 액세스할 수 있나요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">기본적으로는 아닙니다. 각각은 귀하가 업로드한 내용만 볼 수 있습니다. Google Drive 또는 AI 에이전트용으로 구축된 공유 workspace와 같은 공유 위치에 둘 다 연결하면 동일한 파일에 접근할 수 있습니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">ChatGPT에서 Claude로 파일을 어떻게 이동합니까?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">ChatGPT에서 다운로드한 다음 클립이나 더하기 버튼을 사용하여 Claude에 부착하세요. 다시 다시 이동하려면 공유 위치를 대신 사용하여 여러 복사본이 생성되지 않도록 하세요.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">두 명의 AI 보조자가 동일한 문서를 편집할 수 있습니까?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">예, 문서가 둘 다 도달할 수 있는 어딘가에 있으면 가능합니다. 다운로드한 복사본으로 작업한다는 것은 각 보조자가 자신의 버전을 편집하고 이를 조정하는 것이 없다는 것을 의미합니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">MCP는 무엇이며 나에게 필요합니까?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;"><a href="https://www.animaapp.com/blog/code/share-agent-output-as-a-link/">MCP</a> AI 보조자가 외부 도구에 연결하는 데 사용하는 개방형 프로토콜입니다. 그것을 사용하기 위해 그것을 이해할 필요는 없습니다. 이는 ChatGPT, Claude 및 기타 에이전트에서 동시에 단일 workspace에 연결할 수 있게 만드는 것입니다.</p>
</div>
</details>
</div>
<h2>마무리</h2>
<p>단일 핸드오프의 경우 다운로드하고 다시 업로드하세요. 자주 참조하는 문서의 경우 두 도우미를 모두 클라우드 저장소에 연결하세요. 두 보조자가 계속해서 구축하는 작업의 경우 두 개의 복사본 대신 하나의 공유 artifact를 제공하세요.</p>
<p>AI 도구가 이미 추적할 수 있는 것보다 더 많은 파일을 생성하고 있는 경우, <a href="https://agentgrid.io/">AgentGrid.io를 사용해 보세요</a> 몇 분 안에 첫 번째 비서를 연결하세요.</p>
<p><script type="application/ld+json">{"@context":"https://schema.org/","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How do I share a file between Claude and ChatGPT?","acceptedAnswer":{"@type":"Answer","text":"Download the file from one assistant and upload it to the other using the attachment button. For files you need both assistants to keep editing, connect them to shared cloud storage or a shared workspace instead, so there is only one copy."}},{"@type":"Question","name":"Can Claude and ChatGPT edit the same file at the same time?","acceptedAnswer":{"@type":"Answer","text":"Not on their own. Neither has access to the other's files. They can both edit the same file if you connect them to a shared location such as a cloud drive or a shared workspace built for AI agents."}},{"@type":"Question","name":"Does a Claude share link work for sending files to ChatGPT?","acceptedAnswer":{"@type":"Answer","text":"A share link creates a viewable snapshot of the conversation, not a file that another assistant can open and edit. It is useful for showing a person what happened. It is not a transfer method."}},{"@type":"Question","name":"Will my formatting survive the transfer?","acceptedAnswer":{"@type":"Answer","text":"Plain text and Markdown usually do. Documents with tables, embedded images, or complex structure often do not. If formatting matters, avoid the download loop and use a shared location instead."}},{"@type":"Question","name":"Can Claude and ChatGPT access the same file?","acceptedAnswer":{"@type":"Answer","text":"Not by default. Each one only sees what you upload into it. They can reach the same file if you connect both to a shared location, such as Google Drive or a shared workspace built for AI agents."}}]}</script></article>
<p><!-- rocket-multilingual-links:start share-file-between-claude-and-chatgpt --><br />
<script>(function(){
var paths={"en":"/agentic/share-file-between-claude-and-chatgpt/","de":"/de/agentic-de/share-file-between-claude-and-chatgpt-de/","es":"/es/agentic-es/share-file-between-claude-and-chatgpt-es/","fr":"/fr/agentic-fr/share-file-between-claude-and-chatgpt-fr/","ja":"/ja/agentic-ja/share-file-between-claude-and-chatgpt-ja/","ko":"/ko/agentic-ko/share-file-between-claude-and-chatgpt-ko/","pt":"/pt/agentic-pt/share-file-between-claude-and-chatgpt-pt/","it":"/it/agentic-it/share-file-between-claude-and-chatgpt-it/","zh-cn":"/zh-cn/agentic-zh-cn/share-file-between-claude-and-chatgpt-zh-cn/","id":"/id/agentic-id/share-file-between-claude-and-chatgpt-id/","pl":"/pl/agentic-pl/share-file-between-claude-and-chatgpt-pl/","nl":"/nl/agentic-nl/share-file-between-claude-and-chatgpt-nl/","hi":"/hi/agentic-hi/share-file-between-claude-and-chatgpt-hi/","th":"/th/agentic-th/share-file-between-claude-and-chatgpt-th/","ru":"/ru/agentic-ru/share-file-between-claude-and-chatgpt-ru/","tr":"/tr/agentic-tr/share-file-between-claude-and-chatgpt-tr/","vi":"/vi/agentic-vi/share-file-between-claude-and-chatgpt-vi/","ar":"/ar/agentic-ar/share-file-between-claude-and-chatgpt-ar/","zh-tw":"/zh-tw/agentic-zh-tw/share-file-between-claude-and-chatgpt-zh-tw/","cs":"/cs/agentic-cs/share-file-between-claude-and-chatgpt-cs/","uk":"/uk/agentic-uk/share-file-between-claude-and-chatgpt-uk/","sv":"/sv/agentic-sv/share-file-between-claude-and-chatgpt-sv/","fa":"/fa/agentic-fa/share-file-between-claude-and-chatgpt-fa/","ro":"/ro/agentic-ro/share-file-between-claude-and-chatgpt-ro/","hu":"/hu/agentic-hu/share-file-between-claude-and-chatgpt-hu/","ms":"/ms/agentic-ms/share-file-between-claude-and-chatgpt-ms/","tl":"/tl/agentic-tl/share-file-between-claude-and-chatgpt-tl/","bn":"/bn/agentic-bn/share-file-between-claude-and-chatgpt-bn/","da":"/da/agentic-da/share-file-between-claude-and-chatgpt-da/","fi":"/fi/agentic-fi/share-file-between-claude-and-chatgpt-fi/","nb":"/nb/agentic-nb/share-file-between-claude-and-chatgpt-nb/","he":"/he/agentic-he/share-file-between-claude-and-chatgpt-he/","el":"/el/agentic-el/share-file-between-claude-and-chatgpt-el/","sk":"/sk/agentic-sk/share-file-between-claude-and-chatgpt-sk/","bg":"/bg/agentic-bg/share-file-between-claude-and-chatgpt-bg/","ur":"/ur/agentic-ur/share-file-between-claude-and-chatgpt-ur/","ta":"/ta/agentic-ta/share-file-between-claude-and-chatgpt-ta/","hr":"/hr/agentic-hr/share-file-between-claude-and-chatgpt-hr/"},labels={"en":"English","de":"Deutsch","es":"Español","fr":"Français","ja":"日本語","ko":"한국어","pt":"Português","it":"Italian","zh-cn":"Simplified Chinese","id":"Indonesian","pl":"Polish","nl":"Dutch","hi":"Hindi","th":"Thai","ru":"Russian","tr":"Turkish","vi":"Vietnamese","ar":"Arabic","zh-tw":"Traditional Chinese","cs":"Czech","uk":"Ukrainian","sv":"Swedish","fa":"Persian","ro":"Romanian","hu":"Hungarian","ms":"Malay","tl":"Tagalog","bn":"Bengali","da":"Danish","fi":"Finnish","nb":"Norwegian Bokmål","he":"Hebrew","el":"Greek","sk":"Slovak","bg":"Bulgarian","ur":"Urdu","ta":"Tamil","hr":"Croatian"};
function root(){return location.hostname==='blog-staging.animaapp.com'?'https://animaapp.com/blog/':'https://www.animaapp.com/blog';}
function url(lang){return root()+paths[lang];}
function run(){Object.keys(paths).forEach(function(lang){
 var sel='link[rel="alternate"][hreflang="'+lang+'"]',ln=document.head.querySelector(sel);if(!ln){ln=document.createElement('link');ln.rel='alternate';ln.hreflang=lang;document.head.appendChild(ln);}ln.href=url(lang);
 document.querySelectorAll('.lang-item-'+lang+',li[class*="lang-item-'+lang+'"]').forEach(function(li){li.classList.remove('no-translation');var a=li.querySelector('a');if(a){a.href=url(lang);a.hreflang=lang;a.lang=lang;a.title=labels[lang]||lang;a.setAttribute('aria-label',labels[lang]||lang);}});
});}
if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',run);else run();
})();</script><br />
<!-- rocket-multilingual-links:end share-file-between-claude-and-chatgpt --></p>
<p>The post <a href="https://animaapp.com/blog/ko/agentic-ko/share-file-between-claude-and-chatgpt-ko/">Claude와 ChatGPT 간에 파일을 어떻게 공유하나요?</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>AgentGrid.io를 사용하여 Claude Design 웹사이트를 게시하는 방법</title>
		<link>https://animaapp.com/blog/ko/agentic-ko/publish-claude-design-website-agentgrid-ko/</link>
		
		<dc:creator><![CDATA[Anima team]]></dc:creator>
		<pubDate>Sun, 30 Aug 2026 14:38:01 +0000</pubDate>
				<category><![CDATA[agentic]]></category>
		<category><![CDATA[AI]]></category>
		<category><![CDATA[genAI]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=15799</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 6</span> <span class="rt-label rt-postfix">minutes</span></span>Claude Design부터 AgentGrid.io까지 웹사이트를 게시하고, 여러 에이전트와 함께 버전을 검토하고, 업데이트를 게시하고, 사용자 정의 도메인을 연결하세요.</p>
<p>The post <a href="https://animaapp.com/blog/ko/agentic-ko/publish-claude-design-website-agentgrid-ko/">AgentGrid.io를 사용하여 Claude Design 웹사이트를 게시하는 방법</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 6</span> <span class="rt-label rt-postfix">minutes</span></span><article>
<p><strong>Claude Design는 정적 디자인을 공개 URL에 게시할 수 있습니다. 이는 빠른 프로토타입이나 시각적 컨셉에 적합합니다.</strong></p>
<p>웹사이트에 지속적인 편집, 여러 에이전트, 버전 기록, 게시 업데이트 또는 사용자 정의 도메인이 필요한 경우 AgentGrid.io를 사용하세요. Claude Design는 팀과 연결된 에이전트가 지속적으로 개선할 수 있는 공유 아티팩트에 웹사이트를 게시할 수 있습니다.</p>
<p>이 가이드에서는 Claude Design에서 게시하고, AgentGrid.io에서 버전을 검토하고, 필요할 때 다른 에이전트를 가져오고, 도메인을 연결하는 방법을 보여줍니다.</p>
<div style="text-align:center;margin:18px 0 24px;"><a href="https://app.agentgrid.io/?utm_content=claude-design-publish-website&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content" style="display:inline-block;padding:10px 24px;border:1px solid #ffffff;border-radius:5px;background:#000000;color:#ffffff!important;font-family:Mulish,sans-serif;font-size:19px;font-weight:500;line-height:1.2;text-decoration:none;box-shadow:none!important;">AgentGrid.io로 게시 →</a></div>
<h2>Claude Design에서 웹사이트를 게시하는 방법</h2>
<h3>1. AgentGrid.io의 Claude 커넥터 설치</h3>
<p><a href="https://claude.ai/directory/agent-grid">Claude 커넥터 디렉터리에서 AgentGrid.io의 Claude 커넥터를 설치하세요.</a></p>
<h3>2. Claude Design에게 AgentGrid.io를 통해 게시하도록 요청</h3>
<p>웹사이트에 대한 Claude Design 대화에서 Claude에게 AgentGrid.io를 통해 게시하도록 요청하세요.</p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeeF2; color: #242424; font-family: Mulish, sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">Claude Design 에 대한 프롬프트<button aria-label="Copy prompt" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">Copy</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">AgentGrid.io를 사용하여 내 웹사이트 게시</code></pre>
</div>
<p>Claude Design는 웹사이트를 AgentGrid.io 아티팩트로 생성하거나 업데이트합니다. 여기서 결과를 검토하고 동일한 프로젝트에서 계속 작업할 수 있습니다.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Claude Design에게 AgentGrid.io를 통해 웹사이트를 게시하도록 요청하세요." src="https://animaapp.com/blog/wp-content/uploads/2026/08/claude-design-publish-website-agentgrid-1536x906.jpg"/><figcaption>Claude Design에게 AgentGrid.io를 통해 웹사이트를 게시하도록 요청하세요.</figcaption></figure>
<h3>3. 선택사항: 더 많은 에이전트 연결</h3>
<p>ChatGPT, Claude, Claude Code, Codex, Cursor, Hermes, Rocket 또는 다른 호환 에이전트를 초대하여 동일한 아티팩트에 대해 작업하세요. 연결이 끊어진 복사본을 만들지 않고도 여러 에이전트가 변경할 수 있습니다.</p>
<p>AgentGrid.io를 사용하여 버전 간에 이동하고, 각 에이전트의 변경 사항을 검토하고, 필요한 경우 이전 버전을 복원하고, 준비가 되면 승인된 업데이트를 게시하세요.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="변경 사항을 검토하고, 버전 간 이동하고, 공유 AgentGrid.io 아티팩트에서 업데이트를 게시하세요." src="https://animaapp.com/blog/wp-content/uploads/2026/08/agentgrid-editable-app-artifact-history-1536x906.jpg"/><figcaption>변경 사항을 검토하고, 버전 간 이동하고, 공유 AgentGrid.io 아티팩트에서 업데이트를 게시하세요.</figcaption></figure>
<h3>4. 도메인 연결</h3>
<p>웹사이트가 준비되면 AgentGrid.io에서 게시하고 자신의 도메인을 연결하세요. GrokBot 게시 가이드의 도메인 설정 및 DNS 지침을 따르세요.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="선택한 버전을 게시한 후 준비가 되면 도메인을 연결하세요." src="https://animaapp.com/blog/wp-content/uploads/2026/08/published-claude-design-website-public-url-1536x906.jpg"/><figcaption>선택한 버전을 게시한 후 준비가 되면 도메인을 연결하세요.</figcaption></figure>
<div style="text-align:center;margin:18px 0 24px;"><a href="https://app.agentgrid.io/?utm_content=claude-design-publish-website&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content" style="display:inline-block;padding:10px 24px;border:1px solid #ffffff;border-radius:5px;background:#000000;color:#ffffff!important;font-family:Mulish,sans-serif;font-size:19px;font-weight:500;line-height:1.2;text-decoration:none;box-shadow:none!important;">AgentGrid.io로 게시 →</a></div>
<h2>Claude Design 공개 URL 대 AgentGrid.io</h2>
<p>Claude Design에는 이미 직접 공개 URL 옵션이 있습니다. 결정은 신속하고 정적인 결과가 필요한지, 아니면 계속 성장할 수 있는 웹사이트가 필요한지 여부입니다.</p>
<table>
<thead>
<tr>
<th>능력</th>
<th>Claude Design에서 직접 게시</th>
<th>AgentGrid.io를 통해 게시</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>공용 브라우저 URL</strong></td>
<td>예</td>
<td>예</td>
</tr>
<tr>
<td><strong>다음에 가장 적합</strong></td>
<td>빠른 정적 UI, 프로토타입 또는 시각적 개념</td>
<td>진화하는 웹사이트 또는 애플리케이션</td>
</tr>
<tr>
<td><strong>맞춤 도메인 경로</strong></td>
<td>기본 사용자 정의 도메인 옵션 없음</td>
<td>연결된 에이전트는 도메인 및 프로덕션 환경에 대한 현재 아티팩트를 준비할 수 있습니다.</td>
</tr>
<tr>
<td><strong>데이터베이스 및 백엔드</strong></td>
<td>정적 UI만</td>
<td>에이전트를 연결하여 데이터베이스, 백엔드, 인증, 결제, 서버측 서비스를 추가하거나 통합하세요.</td>
</tr>
<tr>
<td><strong>API 및 분석</strong></td>
<td>제한된 정적 경험</td>
<td>API, Google Analytics, 이벤트 추적 및 기타 외부 서비스 연결</td>
</tr>
<tr>
<td><strong>다른 상담사와 계속 진행하세요</strong></td>
<td>디자인은 Claude 워크플로 내에 유지됩니다.</td>
<td>초대된 모든 에이전트는 올바른 기능으로 동일한 아티팩트를 계속할 수 있습니다.</td>
</tr>
<tr>
<td><strong>동반개발 역사</strong></td>
<td>Claude Design 프로젝트 개정</td>
<td>Git 지원, 귀속, 복원 가능한 아티팩트 기록</td>
</tr>
</tbody>
</table>
<p><strong>정적 UI가 완성된 결과인 경우 Claude Design의 직접 공개 URL를 사용하세요.</strong> 공개 웹사이트가 프로젝트의 끝이 아닌 시작일 때 AgentGrid.io를 사용하세요.</p>
<h2>AgentGrid.io를 통해 Claude Design를 게시하는 이유는 무엇입니까?</h2>
<p>직접 Claude Design 공개 URL는 가시성을 해결합니다. AgentGrid.io 아티팩트는 연속성을 해결합니다. 이는 게시된 웹사이트에 사람과 AI 에이전트가 동일한 작업을 계속 개발할 수 있는 장소를 제공합니다.</p>
<ul>
<li><strong>하나의 안정적인 아티팩트:</strong> 사람과 상담원은 채팅 간에 파일을 전달하는 대신 동일한 최신 버전에서 작업합니다.</li>
<li><strong>실제 역사:</strong> 저장된 모든 변경사항은 속성이 포함된 복원 가능한 버전이 됩니다.</li>
<li><strong>에이전트 간 연속성:</strong> Claude, Claude Code, Cursor, Codex, OpenClaw, Hermes 및 기타 호환 에이전트는 연결되면 동일한 작업을 계속할 수 있습니다.</li>
<li><strong>별도의 공유 및 게시:</strong> 팀 액세스는 공개 웹사이트와 별개로 유지됩니다.</li>
<li><strong>범위가 지정된 권한:</strong> 에이전트는 이름이 지정되고 취소 가능한 ID와 귀하가 승인한 기능만 받습니다.</li>
<li><strong>첫 번째 프로토타입 이후의 경로:</strong> 웹사이트는 가벼운 공개 결과물로 남을 수도 있고 심층적인 제품 개발을 위한 출발점이 될 수도 있습니다.</li>
</ul>
<p>중요한 이점은 AgentGrid.io가 Claude Design를 통해 더 나은 설계를 생성한다는 것이 아닙니다. Claude의 생성 품질은 변경되지 않습니다. AgentGrid.io는 결과를 내구성 있고 협업적이며 버전화하고 다음 사람이나 에이전트가 사용할 수 있도록 만듭니다. 공개 웹사이트는 새로운 채팅에서 다시 시작하거나 스크린샷에서 컨텍스트를 재구성하지 않고도 계속해서 성장할 수 있습니다.</p>
<h2>AgentGrid.io가 사용자 정의 도메인에 대한 경로를 여는 방법</h2>
<p>사용자 정의 도메인은 프로토타입 링크를 브랜드 대상으로 전환합니다. 기억하기 쉽고, 마케팅 및 영업에서 더 신뢰할 수 있으며, 기본 스택의 변경에도 살아남을 수 있는 주소를 팀에 제공합니다.</p>
<p>Claude Design 호스팅 옵션을 비교하는 팀의 경우 공유 아티팩트를 최종 프로덕션 호스트에서 분리하세요. AgentGrid.io는 웹사이트의 소스, 에이전트, 기록을 함께 유지합니다. 도메인 가능 호스트는 프로덕션 URL를 제공합니다.</p>
<p>예를 들면 다음과 같은 포트폴리오가 있습니다. <code>yourname.com</code>, 캠페인 <code>launch.yourcompany.com</code>, 또는 제품 경험 <code>app.yourcompany.com</code>.</p>
<p>직접 Claude Design 공용 URL는 사용자 정의 도메인 경로를 제공하지 않습니다. AgentGrid.io를 사용하면 웹 사이트는 연결된 코딩 또는 배포 에이전트가 도메인 및 선택한 프로덕션 환경을 준비할 수 있는 편집 가능한 아티팩트입니다.</p>
<p>에이전트는 새 도구에서 웹 사이트를 재구성하는 대신 실제 아티팩트에서 작업할 수 있습니다. 현재 파일을 검사하고, 의도한 상호 작용을 보존하고, 배포 구성을 추가하고, 동일한 아티팩트를 프로덕션 지원 버전으로 업데이트할 수 있습니다.</p>
<p>이는 또한 사용자 정의 도메인 결정을 유연하게 유지합니다. 도메인은 귀하의 비즈니스에 속하며 AgentGrid.io는 웹사이트의 소스, 컨텍스트 및 개발 기록을 보존합니다.</p>
<h2>에이전트를 사용하여 데이터베이스, API 및 Google Analytics를 추가합니다.</h2>
<p>많은 Claude Design 웹사이트는 프런트엔드로 시작됩니다. 포트폴리오, 랜딩 페이지, 대화형 설명자 또는 프로토타입에는 처음에는 백엔드가 필요하지 않을 수도 있습니다.</p>
<p>나중에 다음을 추가할 수 있습니다.</p>
<ul>
<li>제출물을 저장하는 문의 양식</li>
<li>사용자 계정 및 인증</li>
<li>데이터베이스</li>
<li>결제 또는 구독</li>
<li>콘텐츠 관리 시스템</li>
<li>분석 또는 이벤트 추적</li>
<li>API 통합</li>
<li>관리 도구 및 역할 기반 액세스</li>
</ul>
<p>AgentGrid.io가 워크플로를 여는 곳입니다. 선호하는 코딩 에이전트를 초대하여 적절한 기능을 부여하고 기존 아티팩트를 계속하도록 요청하세요. 에이전트는 외부 데이터베이스를 생성 또는 연결하고, API 경로를 추가하고, Google Analytics를 통합하고, 인증을 구현하거나 애플리케이션에 필요한 서비스를 연결할 수 있습니다.</p>
<p>AgentGrid.io는 앱의 공유 소스 및 기록으로 유지됩니다. 프로덕션 비밀, 데이터베이스 자격 증명 및 서버 측 서비스는 공개 소스 파일이 아닌 해당 작업을 위해 설계된 인프라에 있어야 합니다.</p>
<p>일반적인 Claude Design에서 Claude Code로의 워크플로는 Claude Code를 동일한 AgentGrid.io 아티팩트에 연결하고 현재 UI를 유지하도록 요청한 다음 컨텍스트에 백엔드 통합을 추가하는 것입니다.</p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeeF2; color: #242424; font-family: Mulish, sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">코딩 에이전트를 묻는 메시지<button aria-label="Copy 프롬프트" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">Copy</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">Continue this AgentGrid.io website as a production application. Preserve the current UI and interactions. Add a secure contact-form backend, document the required environment variables, and keep all source changes in this same artifact.</code></pre>
</div>
<p>분석과 데이터에 동일한 패턴을 사용할 수 있습니다.</p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeeF2; color: #242424; font-family: Mulish, sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">코딩 에이전트를 묻는 메시지<button aria-label="Copy 프롬프트" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">Copy</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">Continue this AgentGrid.io website. Add Google Analytics event tracking, connect the application to a database, and document every external service and environment variable. Keep all changes on this same artifact.</code></pre>
</div>
<p>연결된 에이전트는 현재 파일을 보유하고 있으며 기록을 볼 수 있습니다. 업데이트로 인해 디자인이 손상되면 이전 채팅 및 다운로드를 검색하는 대신 변경 사항을 검사하고 이전 버전을 복원할 수 있습니다.</p>
<h2>프로젝트 손실 없이 다른 에이전트 연결</h2>
<p>첫 번째 설계에 가장 적합한 에이전트가 모든 이후 작업에 가장 적합한 에이전트가 아닐 수도 있습니다.</p>
<p>인터페이스에는 Claude Design를, 구현에는 Claude Code를, 테스트에는 또 다른 코딩 에이전트를, 분석, 접근성, SEO 또는 백엔드 작업에는 전문 에이전트를 사용할 수 있습니다. AgentGrid.io를 사용하면 해당 에이전트가 별도의 생태계에서 별도의 복사본을 생성하는 대신 하나의 공유 아티팩트에 대해 작업할 수 있습니다.</p>
<p>작업 흐름은 간단합니다.</p>
<ol>
<li>기존 웹 사이트 아티팩트를 엽니다.</li>
<li>공유 대화상자에서 새 에이전트를 초대하세요.</li>
<li>필요한 기능만 부여하세요.</li>
<li>에이전트에게 아티팩트 링크와 명확한 작업을 제공합니다.</li>
<li>기록에서 관련 변경 사항을 검토합니다.</li>
<li>필요한 경우 이전 버전을 복원합니다.</li>
</ol>
<p>이것이 시간이 지남에 따라 웹 사이트 개발을 더 쉽게 만드는 것입니다. 에이전트가 변경되더라도 아티팩트는 안정적으로 유지됩니다.</p>
<h2>출판 체크리스트</h2>
<ul>
<li>아티팩트가 올바른 AgentGrid.io 팀에 있는지 확인하세요.</li>
<li>개인 데이터, 비밀, 테스트 자격 증명 및 내부 전용 복사본을 제거합니다.</li>
<li>데스크톱 및 모바일 레이아웃을 테스트합니다.</li>
<li>이미지, 글꼴, 링크, 양식 및 상호 작용을 확인합니다.</li>
<li>게시 기능이 필요한 에이전트에만 게시 기능을 부여하세요.</li>
<li>복제본을 생성하지 말고 기존 아티팩트를 업데이트하도록 에이전트에 요청하세요.</li>
<li>로그아웃한 동안 공용 URL를 엽니다.</li>
<li>민감한 데이터를 수집하기 전에 적절한 생산 인프라를 사용하십시오.</li>
<li>사용자 지정 도메인 DNS, 백엔드 비밀, 데이터베이스 자격 증명을 공개 소스 파일 외부에 보관하세요.</li>
</ul>
<h2>자주 묻는 질문</h2>
<div class="rocket-faq-accordion" style="margin: 18px 0 28px;">
<details open="" style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Claude Design를 공개 웹사이트로 게시할 수 있나요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">예. Claude Design는 정적 UI를 공개 URL에 직접 게시할 수 있습니다. 정적 경험이 완성된 결과인 경우 해당 옵션을 사용하세요. 사용자 정의 도메인, 데이터베이스, API, 분석, 백엔드 서비스 또는 다른 AI 에이전트를 통해 웹 사이트가 계속 성장하도록 하려면 AgentGrid.io 커넥터를 사용하십시오.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Claude Design는 Claude 아티팩트와 동일합니까?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">아니요. Claude Design는 Anthropic 전용 디자인 제품입니다. Claude 아티팩트는 자체 게시 동작을 갖춘 별도의 Claude 기능입니다. 검색자는 용어를 혼합하는 경우가 많지만 작업 흐름은 다릅니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">게시 후 웹사이트를 업데이트할 수 있나요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">예. 파일과 기록이 함께 유지되도록 동일한 AgentGrid.io 아티팩트에 대해 계속 작업하세요. 연결된 에이전트에게 새 복사본을 생성하는 대신 기존 아티팩트를 업데이트하도록 요청하세요.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">내 도메인을 사용할 수 있나요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">직접 Claude Design 공개 URL에는 사용자 정의 도메인 옵션이 포함되어 있지 않습니다. AgentGrid.io를 사용하면 연결된 코딩 또는 배포 에이전트가 도메인 및 프로덕션 환경에 대한 현재 웹 사이트 아티팩트를 준비할 수 있으며 AgentGrid.io는 공유 소스 및 기록을 유지합니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Claude Design 웹사이트에 백엔드를 추가할 수 있나요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">예. 선호하는 코딩 에이전트를 AgentGrid.io 아티팩트에 연결하고 데이터베이스, API, 인증, 결제, Google Analytics 또는 기타 서비스를 생성하거나 연결하도록 요청하세요. AgentGrid.io에 앱 소스 및 개발 기록을 보관하고 해당 서비스용으로 구축된 인프라에 생산 비밀을 저장하세요.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">다른 AI 에이전트가 웹사이트를 계속할 수 있나요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">예. 필요한 기능을 갖춘 동일한 AgentGrid.io 아티팩트에 에이전트를 초대합니다. 현재 파일을 검사하고, 아티팩트를 업데이트하고, 기록에 변경 사항을 남길 수 있습니다.</p>
</div>
</details>
</div>
<h2>Claude Design부터 계속 성장할 수 있는 웹사이트까지</h2>
<p>정적인 공공디자인이 완성된 결과물이라면, <strong>내보내기 → 게시</strong> Claude Design에서 직접. 프로젝트가 작동하는 웹사이트나 앱이 되어야 하는 경우 Claude Design를 AgentGrid.io에 연결하고 디자인을 편집 가능한 아티팩트로 푸시하고 선택한 에이전트와 함께 개발한 후 애플리케이션 기능이 준비된 후에만 게시하세요.</p>
<p>출시 후 더 큰 이점이 나타납니다. 웹사이트는 더 이상 하나의 디자인 워크플로우 내의 정적 공개 UI로 제한되지 않습니다. 여기에는 하나의 주소, 하나의 최신 버전 및 사람과 상담원이 함께 계속할 수 있는 기록이 있습니다.</p>
<p>공개 프로토타입으로 시작하세요. 웹사이트에 영구 ID가 필요한 경우 브랜드 도메인을 추가하세요. 데이터베이스, APIs, Google Analytics, 인증, 결제 또는 생산 인프라가 필요할 때 코딩 에이전트를 연결하세요. 성장함에 따라 동일한 AgentGrid.io 아티팩트에 대한 작업을 계속하십시오.</p>
<div style="text-align:center;margin:18px 0 24px;"><a href="https://agentgrid.io/" style="display:inline-block;padding:10px 24px;border:1px solid #ffffff;border-radius:5px;background:#000000;color:#ffffff!important;font-family:Mulish,sans-serif;font-size:19px;font-weight:500;line-height:1.2;text-decoration:none;box-shadow:none!important;">AgentGrid.io를 사용하여 Claude Design 웹사이트 게시 →</a></div>
</article>
<p><script id="rocket-prompt-copy-handler">(function(){if(window.__rocketPromptCopyBound)return;window.__rocketPromptCopyBound=true;document.addEventListener('click',function(e){var b=e.target.closest('.rocket-prompt-box button[type="button"]');if(!b)return;var c=b.closest('.rocket-prompt-box').querySelector('code');if(!c)return;var t=c.innerText||c.textContent||'';function done(){b.textContent='Copied';setTimeout(function(){b.textContent='Copy';},1400);}if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(t).then(done);}else{var r=document.createRange();r.selectNodeContents(c);var s=window.getSelection();s.removeAllRanges();s.addRange(r);document.execCommand('copy');s.removeAllRanges();done();}});})();</script></p>
<p>The post <a href="https://animaapp.com/blog/ko/agentic-ko/publish-claude-design-website-agentgrid-ko/">AgentGrid.io를 사용하여 Claude Design 웹사이트를 게시하는 방법</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ChatGPT를 사용하여 Claude Design용 이미지를 생성하는 방법</title>
		<link>https://animaapp.com/blog/ko/agentic-ko/generate-images-for-claude-design-with-chatgpt-ko/</link>
		
		<dc:creator><![CDATA[Anima team]]></dc:creator>
		<pubDate>Sun, 30 Aug 2026 10:14:27 +0000</pubDate>
				<category><![CDATA[agentic]]></category>
		<category><![CDATA[AI]]></category>
		<category><![CDATA[genAI]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=15947</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 8</span> <span class="rt-label rt-postfix">minutes</span></span>Claude Design는 자신이 구축하는 페이지에 대한 이미지를 생성할 수 없습니다. 이 가이드에서는 ChatGPT 및 AgentGrid.io를 사용하여 이를 가져오는 방법을 보여줍니다. Claude Design 및 ​​ChatGPT를 모두 AgentGrid.io에 연결하면 디자인이 둘 다 작업할 수 있는 공유 파일이 됩니다. ChatGPT가 여기에 이미지를 생성하고 Claude Design 페이지에 표시됩니다.</p>
<p>The post <a href="https://animaapp.com/blog/ko/agentic-ko/generate-images-for-claude-design-with-chatgpt-ko/">ChatGPT를 사용하여 Claude Design용 이미지를 생성하는 방법</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 8</span> <span class="rt-label rt-postfix">minutes</span></span><article>
<p><strong>Claude Design는 디자인에 자주 필요한 사진과 일러스트레이션을 생성할 수 없습니다.</strong> 레이아웃, 인터페이스, 프리젠테이션 또는 프로토타입을 생성할 수 있지만 기본 래스터 이미지 생성 기능이 없습니다. 이것이 주요 문제입니다.</p>
<p>첫 번째 문제를 해결하려고 하면 두 번째 문제가 나타납니다. ChatGPT 및 기타 AI 모델은 이미지를 생성할 수 있지만 Claude 생태계 외부에 있습니다. Claude Design 프로젝트를 자동으로 보거나 시각적 컨텍스트를 이해하거나 어떤 버전이 최신인지 알 수 없습니다.</p>
<p><a data-agentgrid-homepage-anchor="brand" href="https://agentgrid.io/">AgentGrid.io</a> 생태계 격차를 해결합니다. Claude Design 프로젝트를 AgentGrid.io에 하나의 공유 아티팩트로 가져오고 ChatGPT를 연결한 다음 실제 디자인을 읽는 동안 ChatGPT가 이미지를 생성하도록 합니다. 두 에이전트가 모두 동일한 아티팩트에 대해 작업할 수 있게 되면 원래 이미지 생성 문제도 해결할 수 있게 됩니다.</p>
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 18px 0 8px;"><a href="https://claude.ai/directory/agent-grid" style="display: inline-block; padding: 10px 24px; border-radius: 12px; background: #111111; color: #ffffff !important; font-family: Mulish, sans-serif; font-size: 19px; font-weight: 500; line-height: 1.2; text-decoration: none; box-shadow: none !important;">Claude Design 연결 →</a> <a href="https://chatgpt.com/plugins/plugin_asdk_app_6a747c2caadc8191acf784bd04153268" style="display: inline-block; padding: 10px 24px; border-radius: 12px; background: #111111; color: #ffffff !important; font-family: Mulish, sans-serif; font-size: 19px; font-weight: 500; line-height: 1.2; text-decoration: none; box-shadow: none !important;">ChatGPT 연결 →</a></div>
<p style="text-align: center; margin: 0 0 24px; font-size: 15px;"><a href="https://agentgrid.io/connect">다른 에이전트 연결</a></p>
<h2>문제 1: Claude Design는 이미지를 생성할 수 없습니다.</h2>
<p>Claude Design는 채팅 및 캔버스 인터페이스를 통해 디자인, 대화형 프로토타입, 프레젠테이션 및 기타 시각적 작업을 만듭니다. 업로드된 이미지, 스크린샷, 브랜드 자산, HTML 및 SVG 시각적 개체를 사용할 수 있습니다.</p>
<p>기본적으로 할 수 없는 것은 전용 이미지 모델이 생성할 수 있는 세련된 사진, 일러스트레이션, 환경, 텍스처 및 캠페인 비주얼을 생성하는 것입니다. 레이아웃에는 해당 이미지가 속한 영역이 이미 포함되어 있을 수 있지만 Claude Design는 최종 래스터 자산 자체를 생성할 수 없습니다.</p>
<p>특별한 라벨이 붙은 자리 표시자를 생성하도록 Claude Design에 요청할 필요가 없습니다. 이는 이미 컴포지션에 필요한 이미지 영역을 나타냅니다. 실질적인 질문은 디자인 컨텍스트를 잃지 않고 해당 영역을 채우는 방법입니다.</p>
<img decoding="async" alt="" class="alignnone size-full wp-image-15294" height="928" sizes="(max-width: 780px) 100vw, 780px" src="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-27-at-15.24.26.jpg" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-27-at-15.24.26-150x150.jpg 150w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-27-at-15.24.26-300x145.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-27-at-15.24.26-768x372.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-27-at-15.24.26-1024x495.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-27-at-15.24.26-1536x743.jpg 1536w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-27-at-15.24.26.jpg 1918w" style="max-width: 100%; height: auto;" width="1918"/>
<h2>문제 2: 이미지 생성 에이전트가 Claude 외부에 존재합니다.</h2>
<p>ChatGPT는 누락된 이미지를 생성할 수 있습니다. 다른 모델과 에이전트도 마찬가지입니다. 그러나 그들은 일반적으로 다른 채팅, 계정, 도구 또는 공급자 생태계에서 작동합니다.</p>
<p>없이 <a data-agentgrid-homepage-anchor="shared-workspace" href="https://agentgrid.io/">AI 에이전트를 위한 공유 작업공간</a>, 핸드오프가 수동이 됩니다.</p>
<ul>
<li>ChatGPT에서 Claude Design 프로젝트를 다시 설명합니다.</li>
<li>스크린샷이나 부분 메시지를 보내세요.</li>
<li>생성된 파일을 다운로드합니다.</li>
<li>디자인에 다시 업로드하세요.</li>
<li>설계가 변경될 때마다 프로세스를 반복합니다.</li>
<li>현재 어떤 파일과 어떤 디자인 버전이 있는지 추측해 보세요.</li>
</ul>
<p>이미지 생성기는 보기 좋은 그림을 생성하지만 여전히 실제 작업을 놓칠 수 있습니다. 지원해야 하는 디자인을 볼 수 없기 때문에 잘못된 자르기, 팔레트, 초점, 텍스트 안전 영역, 크기 또는 사실성 수준을 사용할 수 있습니다.</p>
<h2>솔루션: 두 생태계를 AgentGrid.io로 연결</h2>
<p>AgentGrid.io는 Claude Design 프로젝트에 하나의 AI 제공자에 얽매이지 않는 내구성 있는 집을 제공합니다. 디자인은 된다 <a data-agentgrid-homepage-anchor="shared-artifact" href="https://agentgrid.io/">Claude 및 ChatGPT 전체에서 하나의 공유 아티팩트</a> 연결된 다른 에이전트와 팀원이 함께 계속할 수 있습니다.</p>
<p>해당 공유 아티팩트는 다음을 제공합니다.</p>
<ul>
<li><strong>하나의 안정적인 주소:</strong> 연결된 모든 에이전트는 동일한 작업을 참조할 수 있습니다.</li>
<li><strong>현재 버전 1개:</strong> 디자인과 생성된 이미지 자산은 함께 유지됩니다.</li>
<li><strong>하나의 역사:</strong> 사람과 에이전트에 의한 변경 사항은 귀속되고 복원 가능합니다.</li>
<li><strong>범위가 지정된 에이전트 액세스:</strong> 각 에이전트는 고유한 정체성을 가지며 인간이 부여한 기능만 갖습니다.</li>
<li><strong>공급자 중립적 협업:</strong> 별도의 복사본을 만들지 않고도 Claude, ChatGPT 및 기타 에이전트에서 작업을 계속할 수 있습니다.</li>
</ul>
<p>AgentGrid.io는 ChatGPT에 대한 이미지를 생성하지 않거나 Claude Design에 기본 이미지 생성을 추가하지 않습니다. 도구를 연결합니다. ChatGPT는 가져온 디자인을 검사하고 상황에 맞게 필요한 이미지를 생성한 후 동일한 아티팩트에 추가할 수 있습니다. 생태계 문제를 해결하면 이미지 문제에 대한 실질적인 해결책을 얻을 수 있습니다.</p>
<h2>Claude Design, AgentGrid.io 및 ChatGPT 워크플로 작동 방식</h2>
<div style="overflow-x: auto; margin: 20px 0;">
<table style="width: 100%; border-collapse: collapse; min-width: 700px;">
<thead>
<tr>
<th style="text-align: left; border-bottom: 2px solid #202020; padding: 12px;">레이어</th>
<th style="text-align: left; border-bottom: 2px solid #202020; padding: 12px;">역할</th>
<th style="text-align: left; border-bottom: 2px solid #202020; padding: 12px;">거기에 무엇이 남아있나요?</th>
</tr>
</thead>
<tbody>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;"><strong>Claude Design</strong></td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">시각적 구조와 경험을 창출합니다.</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">레이아웃, 카피, 구성 요소, 계층 구조, 상호 작용 및 디자인 방향</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;"><strong>AgentGrid.io</strong></td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">공유된 정보 소스를 생성합니다.</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">라이브 아티팩트, 소스 파일, 이미지 자산, 에이전트 액세스 및 버전 기록</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;"><strong>ChatGPT</strong></td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">래스터 이미지 생성 및 편집</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">히어로 이미지, 일러스트레이션, 장면, 질감, 제품 컨셉, 이미지 변형</td>
</tr>
</tbody>
</table>
</div>
<p>Claude Design가 작업을 시작합니다. AgentGrid.io가 작업을 보유합니다. ChatGPT는 동일한 맥락을 읽으면서 이미지로 작업을 확장합니다.</p>
<h2>AgentGrid.io를 사용하여 Claude Design용 ChatGPT 이미지를 생성하는 방법</h2>
<h3>1. Claude Design에서 디자인 만들기</h3>
<p>Claude Design에서 정상적으로 시작합니다. 제품, 청중, 시각적 방향, 콘텐츠 및 브랜드 요구 사항을 설명하십시오. Claude가 디자인을 생성하고 전체 구조가 올바로 될 때까지 반복하게 하세요.</p>
<p>Claude에 중지하고 레이블이 있는 이미지 자리 표시자를 생성하도록 요청할 필요가 없습니다. Claude Design는 이미 설계에 필요한 이미지 영역을 나타냅니다. 구성, 계층 구조, 경험을 올바르게 만드는 데 집중하세요.</p>
<p>이 단계에서는 이미지가 누락되거나, 일반적이거나, 절차적이거나, 임시 시각적 영역으로 표현될 수 있습니다. 계속하면 충분합니다.</p>
<img decoding="async" alt="" class="alignnone size-full wp-image-15300" height="1297" sizes="(max-width: 780px) 100vw, 780px" src="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.07.46.jpg" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.07.46-150x150.jpg 150w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.07.46-300x152.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.07.46-768x389.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.07.46-1024x519.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.07.46-1536x778.jpg 1536w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.07.46-2048x1038.jpg 2048w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.07.46.jpg 2560w" style="max-width: 100%; height: auto;" width="2560"/>
<h3>2. Claude Design를 AgentGrid.io에 연결하고 디자인을 푸시합니다.</h3>
<p>작업을 다른 모델에 넘기기 전에 Claude를 AgentGrid.io에 연결하세요. <a href="https://claude.ai/directory/agent-grid">Claude용 공식 AgentGrid.io 커넥터를 설치합니다.</a>, 또는 <a href="https://agentgrid.io/docs/connect-your-agent/connect-claude-app/">Claude 연결을 위한 단계별 AgentGrid.io 가이드</a>.</p>
<ol>
<li>Claude에서 다음을 엽니다. <strong>설정 → 커넥터</strong>.</li>
<li>공식 추가 <strong>AgentGrid.io</strong> Claude 커넥터 디렉터리의 커넥터입니다.</li>
<li>AgentGrid.io에 로그인하고 작업을 소유해야 하는 팀을 선택한 후 연결을 승인하세요.</li>
<li>디자인이 포함된 Claude 대화로 돌아갑니다.</li>
<li>Claude에게 물어보세요: <strong>&#8220;이 디자인을 AgentGrid.io에 푸시하고 아티팩트 링크를 알려주세요.&#8221;</strong></li>
</ol>
<img decoding="async" alt="" class="alignnone size-full wp-image-15291" height="1308" sizes="(max-width: 780px) 100vw, 780px" src="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-28-at-11.01.10.jpg" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-28-at-11.01.10-150x150.jpg 150w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-28-at-11.01.10-300x153.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-28-at-11.01.10-768x392.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-28-at-11.01.10-1024x523.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-28-at-11.01.10-1536x785.jpg 1536w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-28-at-11.01.10-2048x1046.jpg 2048w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-28-at-11.01.10.jpg 2560w" style="max-width: 100%; height: auto;" width="2560"/>
<p>Claude는 승인된 AgentGrid.io 팀에서 직접 아티팩트를 생성하고 해당 주소를 반환합니다. 커넥터는 승인 시 선택한 팀에 고정되어 있으므로 Claude와 ChatGPT가 동일한 팀에 연결되어 있는지 확인하세요.</p>
<p>AgentGrid.io 자체에서 시작하려면 올바른 팀으로 전환하고 다음을 사용하세요. <strong>신규 → Claude Design에서 가져오기</strong>. 두 경로 모두 이미지 생성 에이전트가 사용할 공유 아티팩트를 생성합니다.</p>
<p>디자인을 가져오거나 푸시하면 공유 연속점이 생성됩니다. 원래 Claude Design 대화와 자동 양방향 동기화를 가정하지 마십시오. 모든 에이전트가 동일한 현재 버전을 사용하도록 AgentGrid.io 아티팩트를 중심으로 다중 에이전트 워크플로를 계속합니다.</p>
<h3>3. ChatGPT를 동일한 AgentGrid.io 팀에 연결</h3>
<p>다음으로, <a href="https://chatgpt.com/plugins/plugin_asdk_app_6a747c2caadc8191acf784bd04153268">ChatGPT용 공식 AgentGrid.io 플러그인을 설치하세요.</a>, 또는 다음을 따르세요. <a href="https://agentgrid.io/docs/connect-your-agent/connect-chatgpt/">ChatGPT 연결을 위한 단계별 AgentGrid.io 가이드</a>.</p>
<ol>
<li>ChatGPT에서 다음을 엽니다. <strong>설정 → 플러그인</strong> 또는 <strong>앱 및 플러그인</strong>.</li>
<li>공식 추가 <strong>AgentGrid.io</strong> 플러그인.</li>
<li>AgentGrid.io에 로그인하고 Claude 커넥터에 사용된 것과 동일한 팀을 선택합니다.</li>
<li>워크플로에 필요한 기능과의 연결을 승인합니다. 읽기 및 쓰기는 디자인을 검사하고 생성된 이미지를 추가하기 위한 보수적인 기본값입니다.</li>
</ol>
<p>이제 ChatGPT는 승인된 팀에서 아티팩트를 열 수 있습니다. 전체 Claude Design 프로젝트를 다시 설명하거나 스크린샷 전용 핸드오프를 보낼 필요가 없습니다. 아티팩트 URL를 ChatGPT에 붙여넣고 공유 디자인에서 작업하도록 요청합니다.</p>
<p>Claude 커넥터와 ChatGPT 플러그인은 두 생태계 사이의 브리지입니다. Claude는 설계를 AgentGrid.io에 푸시하고 ChatGPT는 동일한 아티팩트를 열어 누락된 이미지를 생성하고 추가합니다.</p>
<h3>4. ChatGPT에 AgentGrid.io 아티팩트 URL를 제공합니다.</h3>
<p>연결된 ChatGPT 대화에 아티팩트 주소를 붙여넣고 아무것도 생성하기 전에 디자인을 검사하도록 요청합니다.</p>
<p> 로켓 프롬프트 상자:시작 </p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeeF2; color: #242424; font-family: Mulish, sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">ChatGPT에 대한 프롬프트<button aria-label="Copy 프롬프트" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">Copy</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">Open this AgentGrid.io artifact and inspect the current design. Identify every area that needs a generated photo or illustration. For each one, summarize its role, dimensions, composition, focal point, palette, and visual relationship to the surrounding interface. Do not generate or change anything yet.</code></pre>
</div>
<p> 로켓 프롬프트 상자:끝 </p>
<p>AgentGrid.io가 프로세스를 변경하는 곳입니다. ChatGPT는 별도의 구두 설명으로 작동하지 않습니다. 공유 아티팩트를 검사하고 이미 존재하는 디자인에서 이미지 요구 사항을 도출할 수 있습니다.</p>
<h3>5. 상황에 맞는 첫 번째 이미지 생성</h3>
<p>가장 중요한 시각적 요소를 먼저 선택합니다. 일반적으로 히어로 이미지나 주요 프레젠테이션 시각적 요소를 선택합니다. ChatGPT에게 아티팩트 컨텍스트에서 생성하고 동일한 프로젝트에 추가하도록 요청하세요.</p>
<p> 로켓 프롬프트 상자:시작 </p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeeF2; color: #242424; font-family: Mulish, sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">ChatGPT에 대한 프롬프트<button aria-label="Copy 프롬프트" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">Copy</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">Generate the hero image for this artifact. Match the existing color palette, visual tone, and audience. Preserve the composition required by the current hero area, including the focal point and text-safe region visible in the design. Add the generated image file to this same AgentGrid.io artifact and update the design to use it. Do not rewrite the copy or change the layout.</code></pre>
</div>
<p> 로켓 프롬프트 상자:끝 </p>
<p>격리된 파일이 아닌 아티팩트 내부의 이미지를 검토하세요. 성공적인 이미지는 헤드라인, 자르기, CTA, 반응형 레이아웃 및 나머지 시각적 시스템과 잘 어울려야 합니다.</p>
<img decoding="async" alt="" class="alignnone size-full wp-image-15301" height="1624" sizes="(max-width: 780px) 100vw, 780px" src="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.15.32.jpg" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.15.32-150x150.jpg 150w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.15.32-300x192.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.15.32-768x491.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.15.32-1024x655.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.15.32-1536x982.jpg 1536w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.15.32-2048x1309.jpg 2048w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.15.32.jpg 2540w" style="max-width: 100%; height: auto;" width="2540"/>
<h3>6. 디자인을 유지하면서 이미지를 다듬으세요.</h3>
<p>승인된 구조를 고정된 상태로 유지하면서 목표 변경 사항에 대해서는 ChatGPT에 문의하세요.</p>
<ul>
<li>&#8220;자르기와 초점을 유지하세요. 채도를 줄이고 인터페이스의 중립 배경과 일치시키세요.&#8221;</li>
<li>&#8220;주제 배치를 유지하세요. 헤드라인 영역 뒤에 여백을 더 만드세요.&#8221;</li>
<li>&#8220;같은 장면과 조명을 유지하세요. 전경의 물체만 교체하세요.&#8221;</li>
<li>“승인된 히어로 이미지에 사용된 소재 질감과 컬러 처리를 일치시키세요.”</li>
</ul>
<p>저장된 각 변경 사항은 에이전트의 ID 아래 AgentGrid.io 기록에 입력됩니다. 수정으로 인해 디자인이 악화되면 프로젝트를 처음부터 다시 빌드하는 대신 이전 버전을 복원하세요.</p>
<img decoding="async" alt="" class="alignnone size-full wp-image-15302" height="1260" sizes="(max-width: 780px) 100vw, 780px" src="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.40.10.jpg" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.40.10-150x150.jpg 150w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.40.10-300x148.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.40.10-768x378.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.40.10-1024x504.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.40.10-1536x756.jpg 1536w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.40.10-2048x1008.jpg 2048w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.40.10.jpg 2560w" style="max-width: 100%; height: auto;" width="2560"/>
<h3>7. 나머지 이미지를 하나의 시각적 시스템으로 생성</h3>
<p>첫 번째 이미지가 승인되면 ChatGPT에게 이를 나머지 자산의 앵커로 사용하도록 지시합니다.</p>
<p> 로켓 프롬프트 상자:시작 </p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeeF2; color: #242424; font-family: Mulish, sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">ChatGPT에 대한 프롬프트<button aria-label="Copy 프롬프트" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">Copy</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">Use the approved hero image as the visual anchor for every remaining generated asset in this AgentGrid.io artifact. Preserve its lighting direction, palette, realism, lens language, material texture, and level of detail. Generate the remaining images one at a time, add each file to the same artifact, and verify it in the actual layout before continuing.</code></pre>
</div>
<p> 로켓 프롬프트 상자:끝 </p>
<p>이렇게 하면 모든 이미지는 그 자체로는 세련되어 보이지만 최종 페이지나 데크는 관련 없는 여러 브랜드처럼 보이는 일반적인 결과를 방지할 수 있습니다.</p>
<h3>8. Claude 및 기타 에이전트가 동일한 아티팩트에서 계속되도록 허용</h3>
<p>아티팩트는 더 이상 하나의 모델에 연결되지 않습니다. Claude, ChatGPT, Claude Code, Codex, Hermes 또는 기타 지원되는 에이전트를 동일한 팀에 연결하고 동일한 현재 버전에서 계속 진행하세요.</p>
<p>예를 들면:</p>
<ul>
<li>ChatGPT는 시각적 자산을 생성하고 편집합니다.</li>
<li>Claude는 계층 구조, 복사 및 상호 작용 품질을 검토합니다.</li>
<li>코딩 에이전트는 인터페이스를 반응형 또는 프로덕션 준비 상태로 만듭니다.</li>
<li>팀원은 현재 결과를 검토하고 필요한 경우 이전 버전을 복원합니다.</li>
</ul>
<p>각 에이전트는 AgentGrid.io에서 별도의 ID를 가지므로 기록에는 누가 무엇을 변경했는지 표시됩니다. 작업은 공급자별 복사본으로 분할되는 대신 하나의 아티팩트로 유지됩니다.</p>
<h2>AgentGrid.io가 수동 Claude에서 ChatGPT로 핸드오프보다 나은 이유</h2>
<div style="overflow-x: auto; margin: 20px 0;">
<table style="width: 100%; border-collapse: collapse; min-width: 720px;">
<thead>
<tr>
<th style="text-align: left; border-bottom: 2px solid #202020; padding: 12px;">수동 핸드오프</th>
<th style="text-align: left; border-bottom: 2px solid #202020; padding: 12px;">AgentGrid.io 워크플로</th>
</tr>
</thead>
<tbody>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">ChatGPT에서 디자인을 다시 설명해보세요</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">ChatGPT는 실제 공유 아티팩트를 읽습니다.</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">모든 이미지를 다운로드하고 다시 업로드하세요.</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">연결된 에이전트가 동일한 아티팩트에 이미지를 추가합니다.</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">현재 파일이 무엇인지 추적할 수 없음</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">하나의 아티팩트에는 하나의 현재 버전이 있습니다.</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">에이전트 변경사항을 감사하기 어렵습니다.</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">저장된 각 변경 내역 속성</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">잘못된 변경에는 수동 재구성이 필요합니다.</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">이전 버전을 제자리에 복원</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">워크플로가 별도의 채팅으로 잠겨 있습니다.</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">여러 공급자가 동일한 아티팩트를 계속할 수 있습니다.</td>
</tr>
</tbody>
</table>
</div>
<p>수동 복사-붙여넣기는 하나의 이미지에 대해 계속 작동할 수 있습니다. 설계에 자산이 많거나 공동 작업자가 많거나 수정이 반복되거나 AI 에이전트가 여러 개인 경우 취약해집니다.</p>
<h2>ChatGPT는 어떤 이미지를 생성해야 합니까?</h2>
<p>래스터 이미지 생성의 이점을 활용하는 시각적 자산에는 ChatGPT를 사용하세요.</p>
<ul>
<li>영웅 사진</li>
<li>사설 일러스트레이션</li>
<li>제품 장면 및 환경</li>
<li>캠페인 삽화</li>
<li>질감과 배경</li>
<li>컨셉 이미지</li>
<li>일관된 시각적 변화</li>
</ul>
<p>실제 UI 사본, 버튼, 라벨, 로고를 편집 가능한 인터페이스 요소로 유지하세요. 생성된 이미지에는 깨진 텍스트, 잘못된 형상 또는 자를 때 실패하는 세부 정보가 포함되어 있어 그럴듯해 보일 수 있습니다.</p>
<p>Claude는 HTML, SVG, 다이어그램, 차트, 레이아웃 및 대화형 시각적 개체에 여전히 유용합니다. ChatGPT는 픽셀 기반 이미지를 제공합니다. AgentGrid.io는 두 종류의 작업을 동일한 내구성 있는 아티팩트에 유지합니다.</p>
<h2>다중 에이전트 이미지 워크플로의 일반적인 실수</h2>
<h3>잘못된 팀으로 가져오기</h3>
<p>AgentGrid.io는 현재 활성 팀에 새 아티팩트를 생성합니다. 사용하기 전에 올바른 팀으로 전환하세요. <strong>Claude Design에서 가져오기</strong>.</p>
<h3>연결되지 않은 ChatGPT 채팅에 비공개 아티팩트 URL 붙여넣기</h3>
<p>URL만으로는 액세스 권한을 부여하지 않습니다. AgentGrid.io 플러그인을 추가하거나 ChatGPT를 필요한 기능을 갖춘 에이전트로 초대하세요.</p>
<h3>필요 이상의 기능 부여</h3>
<p>이미지 생성 및 디자인 업데이트에는 일반적으로 읽기 및 쓰기가 필요합니다. 공유 및 게시는 워크플로에서 요구하는 경우에만 부여되어야 합니다.</p>
<h3>모든 개정에 대해 새 아티팩트 생성</h3>
<p>기존 아티팩트를 업데이트합니다. 각 버전에 대해 이를 복제하면 연속성이 깨지고 경쟁적인 진실 소스가 생성됩니다.</p>
<h3>시각적 방향을 승인하기 전에 모든 이미지 생성</h3>
<p>실제 디자인의 첫 번째 앵커 이미지를 승인합니다. 그런 다음 나머지는 일관된 가족으로 생성됩니다.</p>
<h3>공유하려고만 했을 때 게시</h3>
<p>팀 공유와 공개 게시는 별도의 작업입니다. 게시는 인터넷에 액세스할 수 있는 URL를 생성하므로 항상 신중해야 합니다.</p>
<h2>자주 묻는 질문</h2>
<p> 로켓-faq-아코디언:시작 </p>
<div class="rocket-faq-accordion" style="margin: 18px 0 28px;">
<details open="" style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Claude Design는 사진이나 일러스트레이션을 생성할 수 있나요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">아니요. Claude Design는 시각적 레이아웃, 프로토타입, 프리젠테이션, HTML, SVG 및 대화형 컨텐츠를 구축할 수 있지만 기본적으로 전용 래스터 이미지 생성기를 대체하지는 않습니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">ChatGPT는 Claude Design 프로젝트를 볼 수 있나요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">자동으로 아닙니다. Claude Design 작업을 AgentGrid.io로 가져오고, 공식 AgentGrid.io 플러그인을 통해 ChatGPT를 연결하고, ChatGPT에 공유 아티팩트 URL를 제공합니다. 그런 다음 ChatGPT는 승인된 아티팩트 컨텍스트에서 작업할 수 있습니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">AgentGrid.io는 이미지를 생성합니까?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">아니요. ChatGPT가 이미지를 생성합니다. AgentGrid.io는 ChatGPT 및 Claude가 동일한 작업을 중심으로 협업할 수 있도록 하는 공유 아티팩트, 파일, 액세스, 현재 버전 및 기록을 제공합니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Claude Design에서 가져오면 원본 프로젝트가 자동으로 동기화됩니까?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">자동 양방향 동기화를 가정하지 마십시오. 가져오면 연결된 에이전트의 공유 연속 지점이 되는 내구성 있는 AgentGrid.io 아티팩트가 생성됩니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">여러 AI 에이전트가 동일한 아티팩트를 편집할 수 있나요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">예. 연결된 여러 에이전트가 별도의 ID를 사용하여 동일한 아티팩트에 대해 작업할 수 있습니다. 저장된 변경사항은 속성과 함께 동일한 기록에 표시됩니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">상담원이 변경한 이미지나 레이아웃을 취소할 수 있나요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">예. 기록을 열고 이전 버전을 선택한 후 복원하세요. 복원 작업은 아티팩트 주소를 보존하고 기록의 일부로 유지됩니다.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">AgentGrid.io 아티팩트는 공개인가요?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">기본적으로는 아닙니다. 팀 아티팩트는 해당 팀의 구성원이 사용할 수 있습니다. 공개 게시는 별도의 명시적인 조치입니다.</p>
</div>
</details>
</div>
<p> 로켓-faq-아코디언:끝 </p>
<h2>하나의 디자인, 여러 에이전트, 하나의 최신 버전</h2>
<p>Claude Design 및 ​​ChatGPT는 창의적인 작업 흐름의 다양한 부분을 해결합니다. 문제는 그들의 결과물이 별도의 생태계에 갇혀 있을 때 시작됩니다.</p>
<p>AgentGrid.io는 디자인에 안정적인 집을 제공합니다. Claude Design 프로젝트를 가져오고, ChatGPT를 연결하고, 실제 설계 컨텍스트에서 이미지를 생성하고, 모든 자산과 개정판을 동일한 아티팩트에 유지하세요. 그러면 Claude, ChatGPT, 다른 상담원 및 팀원은 모든 새 채팅에서 컨텍스트를 다시 생성하지 않고도 작업을 계속할 수 있습니다.</p>
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 18px 0 8px;"><a href="https://claude.ai/directory/agent-grid" style="display: inline-block; padding: 10px 24px; border-radius: 12px; background: #111111; color: #ffffff !important; font-family: Mulish, sans-serif; font-size: 19px; font-weight: 500; line-height: 1.2; text-decoration: none; box-shadow: none !important;">Claude Design 연결 →</a> <a href="https://chatgpt.com/plugins/plugin_asdk_app_6a747c2caadc8191acf784bd04153268" style="display: inline-block; padding: 10px 24px; border-radius: 12px; background: #111111; color: #ffffff !important; font-family: Mulish, sans-serif; font-size: 19px; font-weight: 500; line-height: 1.2; text-decoration: none; box-shadow: none !important;">ChatGPT 연결 →</a></div>
<p style="text-align: center; margin: 0 0 24px; font-size: 15px;"><a href="https://agentgrid.io/connect">다른 에이전트 연결</a></p>
<p><script id="rocket-prompt-copy-handler">(function(){if(window.__rocketPromptCopyBound)return;window.__rocketPromptCopyBound=true;document.addEventListener('click',function(e){var b=e.target.closest('.rocket-prompt-box button[type="button"]');if(!b)return;var c=b.closest('.rocket-prompt-box').querySelector('code');if(!c)return;var t=c.innerText||c.textContent||'';function done(){b.textContent='Copied';setTimeout(function(){b.textContent='Copy';},1400);}if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(t).then(done);}else{var r=document.createRange();r.selectNodeContents(c);var s=window.getSelection();s.removeAllRanges();s.addRange(r);document.execCommand('copy');s.removeAllRanges();done();}});})();</script></article>
<p>The post <a href="https://animaapp.com/blog/ko/agentic-ko/generate-images-for-claude-design-with-chatgpt-ko/">ChatGPT를 사용하여 Claude Design용 이미지를 생성하는 방법</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>GrokBot: GrokBot로 웹사이트를 게시하는 방법</title>
		<link>https://animaapp.com/blog/ko/agentic-ko/grokbot-how-to-publish-a-website-ko/</link>
		
		<dc:creator><![CDATA[Avishay Cohen]]></dc:creator>
		<pubDate>Fri, 28 Aug 2026 06:44:37 +0000</pubDate>
				<category><![CDATA[agentic]]></category>
		<category><![CDATA[AgentGrid.io]]></category>
		<category><![CDATA[AI agents]]></category>
		<category><![CDATA[Grok Bot]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=15874</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 7</span> <span class="rt-label rt-postfix">minutes</span></span>Grok Bot을 사용하여 웹 사이트를 구축하고, AgentGrid.io에서 공동 작업하고, 실시간으로 게시하고, 사용자 지정 도메인을 연결하고, 업데이트를 롤백하는 방법을 알아보세요.</p>
<p>The post <a href="https://animaapp.com/blog/ko/agentic-ko/grokbot-how-to-publish-a-website-ko/">GrokBot: GrokBot로 웹사이트를 게시하는 방법</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 7</span> <span class="rt-label rt-postfix">minutes</span></span><article>
<p>Grok Bot은 SpaceXAI의 상시 가동 AI 에이전트 팀입니다. 각 봇은 클라우드 컴퓨터를 사용하고, 웹사이트와 앱에서 작업할 수 있으며, 자리를 비운 동안에도 계속 작업할 수 있으므로 연구, 디자인, 코딩, 테스트 및 웹사이트 운영에 유용합니다.</p>
<p><a href="https://agentgrid.io/?utm_content=grokbot-how-to-publish-a-website&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content">AgentGrid.io</a> 인간과 AI 에이전트가 동일한 웹 사이트를 구축, 검토, 버전화 및 게시할 수 있는 공유 작업 공간입니다. 모든 에이전트로 시작하여 출시까지 끝까지 협업할 수 있습니다. 우리는 구축하고 유지 관리합니다 <a href="https://agentgrid.io/?utm_content=grokbot-how-to-publish-a-website&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content">AgentGrid.io</a> 이런 식으로 Claude, GPT, Claude Design, Hermes 및 Grok Bot을 사용합니다.</p>
<div style="text-align:center;margin:18px 0 24px;"><a href="https://app.agentgrid.io/?utm_content=grokbot-how-to-publish-a-website&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content" style="display:inline-block;padding:10px 24px;border:1px solid #ffffff;border-radius:5px;background:#000000;color:#ffffff!important;font-family:Mulish,sans-serif;font-size:19px;font-weight:500;line-height:1.2;text-decoration:none;box-shadow:none!important;">GrokBot를 AgentGrid.io에 초대 →</a></div>
<h2>GrokBot로 웹사이트를 게시하는 방법</h2>
<h3>1. AgentGrid.io에 가입하고 Grok Bot을 초대하세요.</h3>
<p>가입 <a href="https://app.agentgrid.io/?utm_content=grokbot-how-to-publish-a-website&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content">AgentGrid.io</a>.</p>
<p>클릭 <strong>에이전트 초대</strong>을 클릭하고 초대 링크를 생성하세요.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="AgentGrid.io에서 에이전트 초대를 클릭하여 초대 링크를 만듭니다." class="wp-image-15207" height="613" src="https://animaapp.com/blog/wp-content/uploads/2026/08/agent-grid-invite-agent.png" width="1039" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/agent-grid-invite-agent.png 1039w, https://animaapp.com/blog/wp-content/uploads/2026/08/agent-grid-invite-agent-300x177.png 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/agent-grid-invite-agent-1024x604.png 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/agent-grid-invite-agent-768x453.png 768w" sizes="(max-width: 1039px) 100vw, 1039px" /></figure>
<p>프롬프트를 Grok Bot 대화에 복사하세요. 그게 다야.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="AgentGrid.io 초대 프롬프트를 Grok Bot 대화에 복사합니다." class="wp-image-15208" height="1202" src="https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-connect-agentgrid.png" width="2328" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-connect-agentgrid.png 2328w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-connect-agentgrid-300x155.png 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-connect-agentgrid-1024x529.png 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-connect-agentgrid-768x397.png 768w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-connect-agentgrid-1536x793.png 1536w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-connect-agentgrid-2048x1057.png 2048w" sizes="(max-width: 2328px) 100vw, 2328px" /></figure>
<h3>2. Grok Bot에게 웹사이트 초안을 작성하고 AgentGrid.io에서 공유하도록 요청하세요.</h3>
<p>원하는 웹 사이트를 요청하고 게시하기 전에 Grok Bot에게 AgentGrid.io에서 초안을 공유하도록 지시하세요.</p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeeF2; color: #242424; font-family: Mulish, sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">코딩 에이전트를 묻는 메시지<button aria-label="Copy 프롬프트" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">Copy</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">Make an impressive website for the hotel chain White Lotus from the show and share it for feedback before publishing.</code></pre>
</div>
<figure class="wp-block-image size-full"><img decoding="async" alt="Grok Bot과 공유되는 한 문장의 웹사이트 프롬프트" class="wp-image-15209" height="1202" src="https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-draft-website.png" width="2324" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-draft-website.png 2324w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-draft-website-300x155.png 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-draft-website-1024x530.png 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-draft-website-768x397.png 768w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-draft-website-1536x794.png 1536w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-draft-website-2048x1059.png 2048w" sizes="(max-width: 2324px) 100vw, 2324px" /></figure>
<p>Grok Bot은 검토 및 피드백을 위해 AgentGrid.io에 게시되지 않은 웹 사이트 초안을 공유합니다.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="게시되지 않은 Grok Bot 웹 사이트 초안이 검토 및 피드백을 위해 AgentGrid.io에 열려 있습니다." class="wp-image-15210" height="885" src="https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-website-draft-in-agentgrid-io.png" width="1509" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-website-draft-in-agentgrid-io.png 1509w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-website-draft-in-agentgrid-io-300x176.png 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-website-draft-in-agentgrid-io-1024x601.png 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-website-draft-in-agentgrid-io-768x450.png 768w" sizes="(max-width: 1509px) 100vw, 1509px" /></figure>
<h3>3. 웹사이트를 검토하고 피드백을 제공하세요.</h3>
<p>AgentGrid.io 아티팩트를 열고 실제 사이트를 검토하세요. 메시지를 작성한 사람이 아닌 방문자처럼 확인하세요.</p>
<p>보세요:</p>
<ul>
<li>첫 번째 화면 메시지 및 기본 클릭 유도 문구</li>
<li>시각적 계층 구조, 간격, 타이포그래피 및 이미지 품질</li>
<li>탐색 및 링크</li>
<li>모바일 및 데스크탑 레이아웃</li>
<li>양식, 버튼 및 대화형 상태</li>
<li>대비 및 설명 라벨을 포함한 접근성 기본 사항</li>
<li>사실적 주장, 이름, 가격 및 법적 텍스트</li>
<li>페이지 제목, 설명, 표제 및 기타 SEO 필수 사항</li>
</ul>
<p>그런 다음 Grok Bot에게 직접적이고 우선순위가 높은 피드백을 제공하세요.</p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeeF2; color: #242424; font-family: Mulish, sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">코딩 에이전트를 묻는 메시지<button aria-label="Copy 프롬프트" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">Copy</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">Keep the visual direction, clarify the hero, improve mobile navigation, and update the same AgentGrid.io draft without publishing.</code></pre>
</div>
<p>웹 사이트는 하나의 아티팩트에 유지되므로 다음 검토는 다른 분리된 복사본 대신 최신 버전에서 시작됩니다.</p>
<h3>4. AgentGrid.io에서 게시</h3>
<p>사이트가 준비되면 AgentGrid.io 아티팩트를 열고 다음을 클릭합니다. <strong>공유</strong>. 공유 패널에서 <strong>게시</strong>, 라벨이 붙은 <strong>“이 유물을 라이브 웹사이트로 바꿔보세요.”</strong></p>
<p>AgentGrid.io는 선택한 버전을 라이브 사이트로 게시합니다. 자신의 도메인을 사용할 준비가 되지 않은 경우 생성된 Anima URL로 시작하세요. 나중에 도메인을 연결할 수 있습니다.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="승인된 웹 사이트 아티팩트를 라이브 웹 사이트로 전환하려면 AgentGrid.io에서 게시를 선택하세요." class="wp-image-15211" height="885" src="https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-publish-wesite-in-agentgrid-io.png" width="1509" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-publish-wesite-in-agentgrid-io.png 1509w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-publish-wesite-in-agentgrid-io-300x176.png 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-publish-wesite-in-agentgrid-io-1024x601.png 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-publish-wesite-in-agentgrid-io-768x450.png 768w" sizes="(max-width: 1509px) 100vw, 1509px" /></figure>
<div style="text-align:center;margin:18px 0 24px;"><a href="https://app.agentgrid.io/?utm_content=grokbot-how-to-publish-a-website&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content" style="display:inline-block;padding:10px 24px;border:1px solid #ffffff;border-radius:5px;background:#000000;color:#ffffff!important;font-family:Mulish,sans-serif;font-size:19px;font-weight:500;line-height:1.2;text-decoration:none;box-shadow:none!important;">GrokBot를 AgentGrid.io에 초대 →</a></div>
<h2>Grok 봇이란 무엇입니까?</h2>
<p>Grok Bot은 일회성 질문뿐만 아니라 전체 작업을 전달하기 위한 SpaceXAI의 에이전트 제품입니다. 각 봇은 브라우저, 파일 시스템 및 터미널이 포함된 영구 클라우드 컴퓨터를 사용할 수 있습니다. 봇은 여러 도구에서 작업하고, 컨텍스트를 공유하고, 작업을 서로 전달하고, 대화에서 최신 정보를 유지할 수 있습니다.</p>
<p>유용한 차이점은 지속성입니다. 다양한 작업에 집중하는 팀원을 만들고, 필요한 도구와 파일에 대한 액세스 권한을 부여하고, 작업을 검토하고, 시간이 지남에 따라 선호 사항을 가르칠 수 있습니다. SpaceXAI는 하나의 포괄적인 에이전트보다는 집중된 봇을 권장하므로 각 팀원은 고유한 역할에 대한 유용한 컨텍스트를 구축할 수 있습니다. 자체적인 예로는 영업 조사 및 후속 조치, CRM 업데이트, 송장 처리, 채용, 제품 운영 및 엔지니어링 작업이 포함됩니다.</p>
<p>웹사이트 프로젝트의 경우 이는 Grok Bot이 잠재적으로 다음을 수행할 수 있음을 의미합니다.</p>
<ul>
<li>회사, 청중, 경쟁사 및 검색 의도를 조사하십시오.</li>
<li>초안 위치 지정, 페이지 구조, 헤드라인 및 클릭 유도 문구</li>
<li>웹사이트 코드 생성 또는 수정</li>
<li>시각적 참고 자료 찾기 및 준비</li>
<li>브라우저에서 페이지를 테스트하고 명백한 문제를 식별합니다.</li>
<li>사람의 피드백을 위해 작업 중인 웹사이트를 공유하세요.</li>
<li>다른 전문 Bot 또는 외부 AI 에이전트와 조정</li>
<li>게시를 위해 승인된 버전 준비</li>
</ul>
<p>정확한 결과는 작업, 사용 가능한 도구 및 부여한 승인에 따라 달라집니다. 좋은 규칙은 명확한 결과물로 시작하고 사람의 통제하에 계속 게시하는 것입니다.</p>
<h2>Grok Bot과 함께 AgentGrid.io를 사용하는 이유는 무엇입니까?</h2>
<p>Grok 봇이 작업을 수행할 수 있지만 웹사이트에는 사람과 다른 에이전트가 동일한 결과를 검토하고 개선할 수 있는 장소도 필요합니다.</p>
<p>AgentGrid.io는 아티팩트를 만남의 장소로 만듭니다. 채팅 간에 코드를 복사하거나 모든 신규 상담원에게 컨텍스트 재구성을 요청하는 대신, 하나의 공유 웹사이트에 기록을 표시할 수 있습니다. AgentGrid.io의 핵심 약속은 ​​간단합니다. 문서, 보고서, 슬라이드 데크, 앱, 디자인, 웹사이트 등 모든 사람이 동일한 라이브 아티팩트에서 작업합니다.</p>
<p>그러면 더 나은 작업 흐름이 만들어집니다.</p>
<ul>
<li><strong>Grok Bot이 첫 번째 초안을 생성합니다.</strong></li>
<li><strong>설명이 아닌 실제 웹사이트를 검토합니다.</strong></li>
<li><strong>다른 사람과 에이전트도 동일한 아티팩트에 기여합니다.</strong></li>
<li><strong>모든 업데이트는 특성이 유지되고 복구 가능한 상태로 유지됩니다.</strong></li>
<li><strong>버전을 게시할 준비가 되는 시기를 결정합니다.</strong></li>
</ul>
<p>웹사이트 작업이 직선을 따르는 경우가 거의 없기 때문에 이는 중요합니다. 사본에는 마케팅 패스가 필요할 수 있습니다. 반응형 레이아웃에는 디자인 피드백이 필요할 수 있습니다. 코드 디버깅이 필요할 수 있습니다. AgentGrid.io를 사용하면 적절한 순간에 동일한 파일에 올바른 인텔리전스를 가져올 수 있습니다.</p>
<h2>Grok Bot 웹사이트가 활성화된 후에도 계속 반복하세요.</h2>
<p>출판은 프로젝트의 끝이 아닌 체크포인트입니다.</p>
<p>Grok Bot에게 동일한 AgentGrid.io 웹사이트를 업데이트하도록 요청하고, GPT 또는 Claude를 초대하여 특정 섹션을 개선하고, 결과를 검토하고, 원할 때마다 다음 버전을 게시할 수 있습니다. 라이브 웹사이트와 작업 아티팩트는 통제된 워크플로에 계속 연결되어 있습니다.</p>
<p>실제 릴리스 루프는 다음과 같습니다.</p>
<ol>
<li>변경 사항을 생성하거나 요청하세요.</li>
<li>새로운 AgentGrid.io 버전을 검토하세요.</li>
<li>필요한 경우 수정을 요청하세요.</li>
<li>승인된 버전을 게시하세요.</li>
<li>실시간 결과를 시청하세요.</li>
<li>업데이트로 인해 문제가 발생하면 이전 버전을 복원하세요.</li>
</ol>
<p>이는 상담원에게 “생산을 계속 개선하라”는 무제한적인 지시를 내리는 것보다 더 안전합니다. 사람이 게시 결정을 제어하는 ​​동안 에이전트는 초안 작업을 자율적으로 수행할 수 있습니다.</p>
<h2>Claude, GPT, Claude Design, Hermes 등 더 많은 에이전트와 협업하세요.</h2>
<p>다양한 에이전트는 웹 사이트 프로젝트의 다양한 부분에 유용합니다. 한 에이전트에게 모든 것을 연구, 작성, 설계, 코딩, 테스트 및 유지 관리하도록 강요할 필요가 없습니다.</p>
<p>예를 들어:</p>
<ul>
<li><strong>Grok 봇</strong> 연구하고, 다단계 작업을 조정하고, 도구를 사용하고, 첫 번째 버전을 구축할 수 있습니다.</li>
<li><strong>클로드</strong> 구조에 도전하고, 긴 형식의 사본을 다듬고, 복잡한 요구 사항을 검토할 수 있습니다.</li>
<li><strong>GPT</strong> 대안을 만들고, 전환 경로를 분석하고, 코드 문제를 해결할 수 있습니다.</li>
<li><strong>Claude Design</strong> 시각적 방향과 페이지 구성을 탐색할 수 있습니다.</li>
<li><strong>헤르메스</strong> 반복 가능한 워크플로를 실행하고, 기술 변경 사항을 확인하고, 지속적인 유지 관리를 조정할 수 있습니다.</li>
<li><strong>인간</strong> 목표를 설정하고, 브랜드를 보호하고, 장단점을 해결하고, 실행되는 사항을 승인하세요.</li>
</ul>
<p>요점은 가능한 한 많은 에이전트를 수집하는 것이 아닙니다. 공유된 맥락을 잃지 않으면서 올바른 전문가를 데려오는 것입니다. AgentGrid.io에서 각 공동 작업자는 현재 아티팩트를 읽고, 눈에 띄는 변경 사항을 제공하고, 이전에 나온 것을 기반으로 구축할 수 있습니다.</p>
<h2>무한한 버전 기록을 통해 통제력을 유지할 수 있습니다.</h2>
<p>AI 에이전트는 반복을 더 빠르게 수행합니다. 이는 인간이 편안하게 추적할 수 있는 것보다 더 많은 변경 사항을 생성할 수 있음을 의미합니다. 버전 기록은 그 속도를 관리 가능한 것으로 바꿔줍니다.</p>
<p>AgentGrid.io는 웹사이트의 발전을 눈에 띄게 유지합니다. 변경된 내용을 검사하고, 변경한 사람이나 에이전트를 확인하고, 버전을 비교하고, 이전 상태를 복원할 수 있습니다. 이를 통해 팀은 모든 편집 내용을 영구적으로 처리하지 않고도 실험할 수 있는 공간을 확보할 수 있습니다.</p>
<p>버전 기록은 다음과 같은 경우에 유용합니다.</p>
<ul>
<li>재설계는 브라우저에서보다 프롬프트에서 더 좋아 보였습니다.</li>
<li>사본 업데이트로 인해 중요한 입증 포인트가 삭제되었습니다.</li>
<li>새로운 기능으로 인해 기존 상호작용이 중단되었습니다.</li>
<li>두 명의 요원이 사이트를 다른 방향으로 이동했습니다.</li>
<li>게시된 업데이트를 신속하게 롤백해야 함</li>
</ul>
<p>최신 채팅 응답이 아닌 승인된 아티팩트가 진실의 소스로 유지되므로 통제력을 유지할 수 있습니다.</p>
<h2>Grok Bot 웹사이트에 도메인 연결</h2>
<p>생성된 URL는 피드백 및 조기 공유에 유용합니다. 귀하의 브랜드로 출시할 준비가 되면 맞춤 도메인을 연결하세요.</p>
<p>게시 과정에서 사용자 정의 도메인 옵션을 선택하고 사용하려는 도메인 또는 하위 도메인을 입력하세요. 그런 다음 도메인 공급자를 통해 요청된 DNS 레코드를 추가하게 됩니다. DNS 변경 사항이 전파되는 데 시간이 걸릴 수 있으므로 사용자 지정 도메인이 확인되는 동안 생성된 URL를 사용 가능한 상태로 유지하세요.</p>
<p>Anima의 현재를 따르십시오 <a href="https://docs.animaapp.com/docs/playground-custom-domain">맞춤 도메인 문서</a> 정확한 설정 단계 및 지원되는 DNS 레코드를 확인하세요.</p>
<p>출시를 발표하기 전에 다음을 확인하세요.</p>
<ul>
<li>도메인이 HTTPS를 통해 로드됩니다.</li>
<li>모바일 및 데스크톱 레이아웃 모두 작동</li>
<li>선호 도메인이 올바르게 리디렉션됩니다.</li>
<li>양식과 분석은 여전히 작동합니다.</li>
<li>페이지 제목, 소셜 미리보기 및 파비콘이 있습니다.</li>
<li>비공개 AgentGrid.io 초대 링크 또는 초안 전용 콘텐츠가 공개 사이트에 표시되지 않습니다.</li>
</ul>
<h2>웹사이트 코드뿐만 아니라 마케팅에도 Grok Bot을 활용하세요</h2>
<p>웹사이트 출시는 단순한 코딩 작업이 아닌 마케팅 작업 흐름입니다. Grok Bot은 에이전트가 첫 번째 초안 이후에 중지하는 대신 연구, 콘텐츠, 브라우저 작업 및 운영 도구 사이를 이동할 수 있다는 점에서 특히 흥미롭습니다.</p>
<p>SpaceXAI는 밤새 계정 조사, 연락처 점수 매기기, 개인화된 지원 초안 작성, CRM 데이터 최신 유지, 승인을 위한 후속 조치 준비와 같은 내부 용도를 설명합니다. 동일한 모델은 일련의 연결된 작업을 통해 웹사이트 출시를 지원할 수 있습니다.</p>
<ul>
<li>잠재고객, 경쟁업체, 검색 질문을 조사하세요.</li>
<li>발견한 내용을 위치 지정 및 페이지 개요로 변환</li>
<li>초안 랜딩 페이지 사본 및 SEO 메타데이터</li>
<li>반응형 웹사이트 구축</li>
<li>다양한 잠재고객을 위한 캠페인 변형 만들기</li>
<li>소셜 게시물 준비, 이메일 출시, 판매 지원</li>
<li>출시 전 링크, 양식, 분석 확인</li>
<li>피드백을 모니터링하고 다음 반복 초안 작성</li>
</ul>
<p>특히 게시, 유료 캠페인, 고객 커뮤니케이션, 라이브 데이터 변경 등 결과적인 작업에 대한 승인을 유지하세요. 자율 작업은 에이전트가 명확한 경계 내에서 빠르게 이동할 수 있을 때 가장 유용합니다.</p>
<h2>AI 기반 웹사이트를 위한 더 나은 운영 모델</h2>
<p>기존 AI 웹사이트 워크플로는 단편화되어 있었습니다. 하나의 도구에서 프롬프트를 표시하고, 다른 도구에 코드를 복사하고, 채팅으로 스크린샷을 보내고, 개정 내용을 추적하지 못하고, 최종 업로드가 승인된 초안과 일치하기를 바랍니다.</p>
<p>Grok Bot 및 AgentGrid.io 워크플로는 다릅니다.</p>
<ul>
<li><strong>에이전트는 실제 다단계 작업을 수행할 수 있습니다.</strong></li>
<li><strong>웹사이트는 라이브 아티팩트로 공유됩니다.</strong></li>
<li><strong>인간과 에이전트는 동일한 정보 소스에서 협력합니다.</strong></li>
<li><strong>모든 의미 있는 버전은 계속 사용 가능합니다.</strong></li>
<li><strong>게시는 명시적인 결정으로 유지됩니다.</strong></li>
</ul>
<p>이러한 조합은 감독을 포기하지 않고도 더 많은 자율성을 지원합니다. Grok 봇은 계속 작동할 수 있고, 필요할 때 전문가가 참여할 수 있으며, 인간 팀은 계속해서 웹사이트를 보고, 승인하고, 게시하고, 복원할 수 있습니다.</p>
<h2>자주 묻는 질문</h2>
<h3>Grok Bot이 웹사이트를 구축할 수 있나요?</h3>
<p>예. Grok Bot은 클라우드 컴퓨터, 브라우저, 파일 시스템, 터미널 및 연결된 앱을 사용하여 다단계 작업을 완료할 수 있습니다. 명확한 개요와 올바른 액세스 권한을 통해 해당 작업에는 웹 사이트 조사, 초안 작성, 코딩, 테스트 및 공유가 포함될 수 있습니다. 결과를 게시하기 전에 여전히 사람의 검토가 필요합니다.</p>
<h3>Grok Bot은 웹사이트 빌더인가요?</h3>
<p>Grok Bot은 기존 웹 사이트 빌더보다 더 광범위합니다. 도구와 웹사이트를 통해 작업할 수 있는 에이전트 시스템입니다. AgentGrid.io는 에이전트의 출력을 제어된 웹 사이트 프로젝트로 전환하기 위한 공유 아티팩트, 협업, 버전 관리 및 게시 워크플로우를 제공합니다.</p>
<h3>코딩하는 방법을 알아야 하나요?</h3>
<p>단순한 웹사이트에는 꼭 필요한 것은 아닙니다. 결과를 일반 언어로 설명하고 렌더링된 결과를 검토할 수 있습니다. 기술 지식은 사용자 정의 통합, 성능 작업, 보안 검토 또는 복잡한 동작 디버깅에 여전히 유용합니다.</p>
<h3>Claude와 GPT가 동일한 Grok Bot 웹사이트를 편집할 수 있나요?</h3>
<p>예. 지원되는 다른 에이전트를 AgentGrid.io 작업 영역에 초대하고 동일한 아티팩트에 대해 작업하도록 요청하세요. 이렇게 하면 웹사이트를 별도의 채팅으로 복사하는 것을 방지하고 모든 사람에게 최신 컨텍스트를 제공합니다.</p>
<h3>게시 후 웹사이트를 업데이트할 수 있나요?</h3>
<p>예. AgentGrid.io 아티팩트를 계속 반복하고, 새 버전을 검토하고, 원할 때마다 승인된 업데이트를 게시하세요.</p>
<h3>잘못된 업데이트를 롤백할 수 있나요?</h3>
<p>예. AgentGrid.io의 버전 기록을 사용하면 이전 버전으로 돌아갈 수 있습니다. 이는 변경으로 인해 회귀가 발생하거나 디자인이 잘못된 방향으로 가는 경우에 유용합니다.</p>
<h3>내 도메인을 연결할 수 있나요?</h3>
<p>예. 웹사이트를 게시하고, 사용자 정의 도메인 옵션을 선택한 다음, Anima의 사용자 정의 도메인 가이드에 있는 DNS 설정 지침을 따르세요.</p>
<h2>Grok Bot을 사용하여 웹사이트 구축 및 게시</h2>
<p>AI가 생성한 초안을 전체 인간 및 에이전트 팀이 개선할 수 있는 웹 사이트로 전환할 준비가 되셨습니까? <a href="https://app.agentgrid.io/?utm_content=grokbot-how-to-publish-a-website&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content">AgentGrid.io에 가입하세요</a> Grok Bot을 초대하고 함께 구축하고 첫 번째 사이트를 게시하세요.</p>
<div style="text-align:center;margin:18px 0 24px;"><a href="https://app.agentgrid.io/?utm_content=grokbot-how-to-publish-a-website&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content" style="display:inline-block;padding:10px 24px;border:1px solid #ffffff;border-radius:5px;background:#000000;color:#ffffff!important;font-family:Mulish,sans-serif;font-size:19px;font-weight:500;line-height:1.2;text-decoration:none;box-shadow:none!important;">GrokBot를 AgentGrid.io에 초대 →</a></div>
<p><script id="rocket-prompt-copy-handler">(function(){if(window.__rocketPromptCopyBound)return;window.__rocketPromptCopyBound=true;document.addEventListener('click',function(e){var b=e.target.closest('.rocket-prompt-box button[type="button"]');if(!b)return;var c=b.closest('.rocket-prompt-box').querySelector('code');if(!c)return;var t=c.innerText||c.textContent||'';function done(){b.textContent='Copied';setTimeout(function(){b.textContent='Copy';},1400);}if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(t).then(done);}else{var r=document.createRange();r.selectNodeContents(c);var s=window.getSelection();s.removeAllRanges();s.addRange(r);document.execCommand('copy');s.removeAllRanges();done();}});})();</script></article>
<p>The post <a href="https://animaapp.com/blog/ko/agentic-ko/grokbot-how-to-publish-a-website-ko/">GrokBot: GrokBot로 웹사이트를 게시하는 방법</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>AgentGrid.io를 구축한 이유: AI 에이전트와 인간을 위한 공유 드라이브</title>
		<link>https://animaapp.com/blog/ko/agentic-ko/shared-drive-for-ai-agents-and-humans-ko/</link>
		
		<dc:creator><![CDATA[Anima team]]></dc:creator>
		<pubDate>Mon, 17 Aug 2026 16:01:32 +0000</pubDate>
				<category><![CDATA[agentic]]></category>
		<category><![CDATA[ai]]></category>
		<category><![CDATA[genAI]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=15124</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 5</span> <span class="rt-label rt-postfix">minutes</span></span>AI 에이전트가 팀 구성원이 되고 있지만 시스템은 여전히 ​​인간 우선입니다.</p>
<p>The post <a href="https://animaapp.com/blog/ko/agentic-ko/shared-drive-for-ai-agents-and-humans-ko/">AgentGrid.io를 구축한 이유: AI 에이전트와 인간을 위한 공유 드라이브</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 5</span> <span class="rt-label rt-postfix">minutes</span></span><article class="rocket-agentgrid-shared-drive">
<p><em>AI 에이전트가 팀 구성원이 되고 있지만 우리 시스템은 여전히 ​​인간 우선입니다.</em></p>
<p>이것은 예측이 아닙니다. 이제 우리는 마케팅, 비즈니스 인텔리전스, QA, 고객 성공, 엔지니어링 및 백오피스 운영 전반에 걸쳐 7명의 에이전트와 함께 일하고 있습니다. 그들은 Slack 채널에 앉아 반복적인 임무를 실행하고, 제품 문제를 조사하고, 데이터를 분석하고, 콘텐츠를 게시하고, 인적 검토를 위한 끌어오기 요청을 준비합니다.</p>
<p>파일을 공유하면 병목 현상이 발생합니다. 이 새로운 작업 방법에는 많은 어려움이 있으며, 우리가 스스로 해결하기로 결정한 것은 사람과 상담원을 위한 &#8220;공유 드라이브&#8221;입니다. 문서 작업을 할 때 나의 ChatGPT, 다른 사람들의 Claude, 마케팅 Hermes 에이전트가 모두 기여합니다. 하지만 지금까지 팀원과 다른 에이전트 간에 해당 작업(파일)을 공유하는 것은 놀라울 정도로 어려웠습니다.</p>
<p>문서는 여러 채팅 내에 첨부 파일로 존재합니다. HTML 보고서는 상담원의 컴퓨터에 저장됩니다. React 앱은 나중에 압축하여 업로드하고 로컬로 실행해야 합니다. 작은 도구의 배포는 과도했고, 바이브 코딩은 에이전트가 해당 도구를 머신에 구축하는 것에 비해 시간이 많이 걸렸습니다. 모든 핸드오프는 또 다른 복사본을 생성하고 컨텍스트를 잃을 또 다른 기회를 만들었습니다.</p>
<p>그것이 우리가 지은 이유입니다. <a href="https://agentgrid.io/">AgentGrid.io</a>.</p>
<p><strong>AgentGrid.io는 인간과 AI 에이전트가 Markdown에서 HTML 및 React까지 동일한 라이브 아티팩트(파일)를 생성, 업데이트, 검토 및 공유하는 공유 작업 공간입니다.</strong> 문서, 보고서, 슬라이드, React 앱, 디자인 및 업로드된 파일은 하나의 안정적인 주소, 제어된 액세스 및 버전 기록을 얻습니다.</p>
<p>지금 출시 중이며 무료로 사용할 수 있습니다.</p>
<figure class="wp-block-image size-full"><img decoding="async" width="1394" height="876" alt="버전 기록 및 공동 작업자가 포함된 공유 아티팩트 편집기에서 열리는 AgentGrid.io 문서" class="wp-image-15111" src="https://animaapp.com/blog/wp-content/uploads/2026/08/document-image-b1cb7d6e-abe2-41d9-bf06-84ba84c395ed.png" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/document-image-b1cb7d6e-abe2-41d9-bf06-84ba84c395ed.png 1394w, https://animaapp.com/blog/wp-content/uploads/2026/08/document-image-b1cb7d6e-abe2-41d9-bf06-84ba84c395ed-300x189.png 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/document-image-b1cb7d6e-abe2-41d9-bf06-84ba84c395ed-1024x643.png 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/document-image-b1cb7d6e-abe2-41d9-bf06-84ba84c395ed-768x483.png 768w" sizes="(max-width: 1394px) 100vw, 1394px" /></figure>
<p style="text-align: center;"><em>나는 마케팅 대행사인 ChatGPT의 도움을 받아 수동 편집을 통해 이 기사를 작성했습니다.</em><br />
<em>그런 다음 마케팅 에이전트는 이를 블로그로 가져갔습니다. 이는 전형적인 인간-에이전트 팀워크입니다. <a href="https://AgentGrid.io/">AgentGrid.io</a>.</em></p>
<h2>상담원과 함께 일하는 인간 우선 인프라가 우리의 발목을 잡았습니다.</h2>
<p>Codex 및 Claude 코드 외에도 Anima, OpenClaw, Hermes의 에이전트와 처음 작업을 시작했을 때 저는 주요 과제가 기능이라고 생각했습니다. 상담원이 우리 제품을 이해할 수 있나요? 유입경로를 분석할 수 있나요? 버그를 추적할 수 있나요? 우리의 브랜드 목소리를 따를 수 있을까요?</p>
<p>시간, 설정, 컨텍스트가 필요했지만 원래 예상했던 것보다 빠르게 학습하고 있습니다.</p>
<p>우리 에이전트는 온보딩, 피드백, 올바른 시스템에 대한 액세스 및 반복 작업을 통해 유용해졌습니다. 하나는 긴 제품 추적을 검사하는 것으로 시작한 다음 Mixpanel과 코드베이스에 대한 읽기 액세스 권한을 얻었고 결국 대기 워크플로의 일부가 되었습니다. 이제 사용자 피드백이나 문제 급증에 따라 깨어나 문제를 조사하고 개발자 검토를 위해 코드 변경을 조정할 수 있습니다.</p>
<p>마케팅 대리인인 Rocket은 블로그 설정, SEO, 제품 메시징, 뉴스레터 운영 및 분석을 배웠습니다. 다른 상담원은 고객 성공과 백오피스 업무를 지원합니다. 그들은 인간이 아니며 인간인 것처럼 관리되어서는 안 됩니다. 그러나 그들은 스타트업이 훨씬 더 큰 규모의 팀을 통해 실행되도록 허용합니다. <a href="https://www.linkedin.com/pulse/working-alongside-agents-ai-teammates-avishay-cohen-lqqxf/">여기서 같이 일하는 것에 대해 이야기해요</a>.</p>
<p>더 큰 문제는 아티팩트(아티팩트가 생성하는 파일)에 대한 하나의 진실 소스였으며 우리는 함께 반복했습니다.</p>
<p>에이전트가 생성할 수 있습니다. 동일한 결과를 중심으로 사람이나 다른 에이전트와 쉽게 협력할 수 없었습니다.</p>
<figure class="wp-block-image size-full"><img decoding="async" width="1512" height="885" alt="Anima의 마케팅 에이전트인 Rocket이 포함된 Slack 스레드 옆에 있는 AgentGrid.io 마케팅 사이트 아티팩트" class="wp-image-15112" src="https://animaapp.com/blog/wp-content/uploads/2026/08/document-image-1421e5e5-01d2-4b16-95dd-5ab62a7f6c39.jpg" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/document-image-1421e5e5-01d2-4b16-95dd-5ab62a7f6c39.jpg 1512w, https://animaapp.com/blog/wp-content/uploads/2026/08/document-image-1421e5e5-01d2-4b16-95dd-5ab62a7f6c39-300x176.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/document-image-1421e5e5-01d2-4b16-95dd-5ab62a7f6c39-1024x599.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/document-image-1421e5e5-01d2-4b16-95dd-5ab62a7f6c39-768x450.jpg 768w" sizes="(max-width: 1512px) 100vw, 1512px" /><figcaption></figcaption></figure>
<p style="text-align: center;"><em>AgentGrid.io의 미리보기와 Slack의 마케팅 에이전트인 Rocket과의 채팅을 나란히 보세요.</em><br />
<em>홈페이지는 우리가 마케팅 대행사와 함께 작업하는 또 다른 결과물일 뿐입니다.</em></p>
<h2>AI가 파일을 생성하지만 버전이 지정되고 안전하며 공유되는 장소가 필요합니다.</h2>
<p>채팅은 상담원에게 지시할 수 있는 좋은 장소입니다. 팀워크에 좋지 않은 기록 시스템입니다.</p>
<p>실제 업무에는 좋은 답변 이상의 것이 필요합니다. 소유자, 현재 버전, 기록 및 다음 공동 작업자가 원래 대화를 재구성하지 않고 계속할 수 있는 장소가 필요합니다.</p>
<p>공유 계층이 없으면 에이전트 작업이 예측 가능한 방식으로 중단됩니다.</p>
<ul>
<li><strong>작품은 사적인 대화 속에 갇혀 있다.</strong> 다른 누구도 동일한 컨텍스트에서 계속할 수 없습니다.</li>
<li><strong>핸드오프할 때마다 또 다른 복사본이 생성됩니다.</strong> 내보내고, 업로드하고, 이름을 바꾸면 갑자기 팀이 검토 중입니다. <code>final_v12_really-final.md</code>.</li>
<li><strong>각 에이전트는 자체 사일로가 됩니다.</strong> Claude의 작업은 ChatGPT, Codex, Hermes 또는 결과에 책임이 있는 사람에게 제공되지 않을 수 있습니다.</li>
<li><strong>소유권이 불분명해집니다.</strong> 팀은 작업을 변경한 사람이나 대리인이 누구인지, 계속할 권한이 있는 사람이 누구인지 알아야 합니다.</li>
<li><strong>사람의 검토가 너무 늦게 이루어집니다.</strong> 감독은 작업 공간 자체의 일부가 아닌 작업 후 수동 체크포인트가 됩니다.</li>
</ul>
<p>대화가 아닌 인공물이 진실의 원천이 되어야 합니다.</p>
<h2>AgentGrid.io는 에이전트 작업에 실제 집을 제공합니다.</h2>
<p>모델은 변경될 수 있습니다. 대리인은 변경될 수 있습니다. 인터페이스는 변경될 수 있습니다. 작업이 유지됩니다.</p>
<p>AgentGrid.io에서는 문서, 보고서, 앱, 프레젠테이션 또는 디자인이 인간과 에이전트가 함께 작업할 수 있는 실시간 결과물이 됩니다.</p>
<p>각 아티팩트는 다음을 가질 수 있습니다.</p>
<ul>
<li>하나의 라이브 주소</li>
<li>정식 버전 기록</li>
<li>인간과 에이전트의 협력자</li>
<li>통제된 접근</li>
<li>기여 업데이트</li>
<li>브라우저 기반 보기 및 편집</li>
<li>코드 및 기술 워크플로우를 위한 Git 기반 업데이트</li>
<li>팀이 게시하기로 선택한 경우 공개 링크(일반 문서, 대화형 슬라이드 또는 보고서, 전체 웹사이트)</li>
</ul>
<p>이는 협업 모델을 &#8220;에이전트가 만든 것을 나에게 보내기&#8221;에서 &#8220;에이전트가 있는 작업에 참여&#8221;로 변경합니다.</p>
<p>Claude 에이전트는 시장 개요 초안을 작성할 수 있습니다. 사람은 브라우저에서 이를 구체화할 수 있습니다. ChatGPT는 새 섹션을 추가할 수 있습니다. Codex는 승인된 브리핑을 앱으로 전환할 수 있습니다. 로켓은 결과를 팀과 공유할 수 있습니다. 도구 간에 연결이 끊어진 복사본을 전달하는 대신 모든 사람이 동일한 아티팩트에서 작업합니다.</p>
<h2>에이전트를 데려오세요. 인간을 통제하십시오.</h2>
<p>AgentGrid.io는 에이전트 중립적입니다. Claude, ChatGPT, Claude Code, Codex, Cursor, Hermes, OpenClaw, Grok Bot 및 기타 에이전트를 환영합니다.</p>
<p>중립성이 중요합니다. 모델은 빠르게 개선되고 있으며 팀은 다양한 작업에 다양한 에이전트를 사용할 것입니다. 공유 작업은 하나의 모델 공급업체에 속하거나 스택이 변경될 때 사라져서는 안 됩니다.</p>
<p>통제도 그만큼 중요합니다.</p>
<p>우리의 여정에서 가장 중요한 실패는 에이전트가 소프트웨어를 사용할 수 없어서 발생한 것이 아닙니다. 그것은 모호함, 권위, 조정에서 나왔습니다. 한 상담원은 내부 댓글을 남겨야 할 시간에 고객에게 메시지를 보냈습니다. 또 다른 워크플로에서는 어떤 오류가 치명적인지 정의하지 않았기 때문에 잘못된 하위 도메인에서 뉴스레터를 보냈습니다.</p>
<p>이는 책임 없는 자율성만으로는 충분하지 않다는 점을 상기시켜 주는 것이었습니다.</p>
<p>모든 에이전트에는 명확한 정체성, 경계, 인간 소유자가 필요합니다. 팀은 다음과 같이 대답할 수 있어야 합니다.</p>
<ul>
<li>어떤 사람이나 대리인이 이렇게 변경했습니까?</li>
<li>누구를 대신하여 행동했습니까?</li>
<li>이전 버전과 달라진 점은 무엇인가요?</li>
<li>누가 아티팩트를 읽고, 편집하고, 공유하거나 게시할 수 있나요?</li>
<li>접근 권한을 취소할 수 있나요?</li>
<li>문제가 발생하면 이전 버전을 복원할 수 있나요?</li>
</ul>
<p>AgentGrid.io는 이러한 질문을 작업 자체 옆에 둡니다. 인간은 모든 단계에서 병목 현상을 일으키지 않고 책임을 집니다.</p>
<h2>AgentGrid.io를 사용해 보는 방법</h2>
<p>AgentGrid.io를 이해하는 가장 쉬운 방법은 이미 보유하고 있는 에이전트와 함께 사용하는 것입니다.</p>
<h3>1. 이미 일하고 있는 곳에서 시작하세요</h3>
<p>Claude, ChatGPT, Codex, Hermes, OpenClaw 또는 기타 에이전트를 지금처럼 사용하세요.</p>
<ul>
<li>Claude / Claude Design &#8211; AgentGrid.io에는 <a href="https://claude.ai/directory/agent-grid">클로드용 커넥터</a> 에이전트에 따라 MCP 기반 워크플로.</li>
<li>Codex, Claude Code, Claude Cowork, Hermes, OpenClaw, Grok bot, NanoClaw 및 기타 자율 에이전트 &#8211; 간단히 물어보세요 <em>“agentgrid.io에서 이 파일을 나와 공유해 주세요.” &#8211; 그들이 알아낼 거예요.</em></li>
<li><em>ChatGPT 앱은 이번 주 후반에 출시될 예정입니다.</em></li>
</ul>
<h3>2. 에이전트에게 아티팩트 공유를 요청하세요.</h3>
<p>이것을 시도하십시오:</p>
<blockquote>
<p><strong>“AgentGrid.io에서 이 문서를 나와 공유해 주세요.”</strong></p>
</blockquote>
<p>에이전트는 아티팩트를 생성하고 링크를 반환할 수 있습니다. 처음으로 이를 청구하고 가입하라는 메시지가 표시됩니다. 그런 다음 브라우저에서 열 수 있으며 다른 에이전트는 동일한 소스에서 계속할 수 있습니다.</p>
<h3>3. 다음 공동작업자를 초대하세요</h3>
<p>현재 아티팩트를 팀원이나 다른 에이전트와 공유하세요. 검토하고, 편집하고, 계속하거나, 준비되면 게시하세요.</p>
<p>죽은 수출은 없습니다. 미스터리 사본은 없습니다. 컨텍스트를 처음부터 다시 작성하지 않습니다.</p>
<h2>Anima가 AgentGrid.io를 구축한 이유</h2>
<p>Anima는 9년 동안 디자인과 코드 사이의 공간을 연구해 왔습니다. 우리는 디지털 아티팩트 생성, 렌더링, 버전 관리, 공유 및 게시를 위한 인프라를 구축했습니다. 내부적으로 에이전트를 채택하면서 이 인프라가 점점 더 긴급해지고 있는 새로운 문제를 해결한다는 것을 깨달았습니다.</p>
<p>에이전트 채택이 점점 더 쉬워지고 있습니다. 그들에게 사람들과 함께 일할 수 있는 안전하고 공유되며 내구성 있는 장소를 제공하는 것은 아닙니다.</p>
<p>AgentGrid.io는 우리의 대답입니다. 채팅이 아닌 아티팩트를 중심으로 구축된 인간-에이전트 팀을 위한 공유 작업 공간입니다.</p>
<p>문서, 보고서, 슬라이드, 앱, 디자인, 업로드된 파일부터 시작합니다. 우리는 인간과 AI 에이전트가 함께 생산한 작업에 대한 기록 시스템이라는 더 큰 목표를 향해 나아가고 있습니다.</p>
<p>목표는 간단합니다.</p>
<p><strong>상담원 업무는 팀워크가 되어야 합니다.</strong></p>
<h2>AgentGrid.io에 오신 것을 환영합니다.</h2>
<p>AI 에이전트는 우리가 사용하는 도구에서 함께 일하는 팀원으로 이동하고 있습니다. 이러한 변화는 기업의 조직 방식, 지식 이동 방식, 업무 검토 방식을 변화시킬 것입니다.</p>
<p>다음 병목 현상은 에이전트가 수행할 수 있는 작업에만 국한되지 않습니다. 이것이 바로 그들의 작업이 가시화되고, 지속 가능하며, 공유 가능하고, 책임감 있게 되는 방식입니다.</p>
<p>​<a href="https://agentgrid.io/">AgentGrid.io로 시작</a> 에이전트에게 실제로 일할 수 있는 공간을 제공하세요.</p>
</article>
<p>The post <a href="https://animaapp.com/blog/ko/agentic-ko/shared-drive-for-ai-agents-and-humans-ko/">AgentGrid.io를 구축한 이유: AI 에이전트와 인간을 위한 공유 드라이브</a> appeared first on <a href="https://animaapp.com/blog/ko">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
