<?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/ms/feed/index.xml" rel="self" type="application/rss+xml" />
	<link>https://animaapp.com/blog/ms/</link>
	<description></description>
	<lastBuildDate>Thu, 01 Oct 2026 00:08:29 +0000</lastBuildDate>
	<language>ms-MY</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/ms/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Dots: Panduan praktikal OpenAI Dots</title>
		<link>https://animaapp.com/blog/ms/agentic-ms/openai-dots-ms/</link>
		
		<dc:creator><![CDATA[Anima team]]></dc:creator>
		<pubDate>Wed, 30 Sep 2026 22:52:02 +0000</pubDate>
				<category><![CDATA[agentic]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=17106</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>OpenAI Dots terus berfungsi antara perbualan pada komputer awannya sendiri. Panduan praktikal ini merangkumi persediaan, kawalan desktop, kebenaran, kerjasama dokumen dan perbandingan dengan Grok Bot, Muse AI dan Hermes.</p>
<p>The post <a href="https://animaapp.com/blog/ms/agentic-ms/openai-dots-ms/">Dots: Panduan praktikal OpenAI Dots</a> appeared first on <a href="https://animaapp.com/blog/ms">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>
<h2>Pengenalan</h2>
<p><a href="https://openai.com/index/introducing-dots/">OpenAI memperkenalkan Dots</a> pada 29 September 2026. Tidak seperti perbualan ChatGPT biasa yang menunggu gesaan seterusnya, OpenAI Dot ialah ejen sentiasa aktif yang boleh terus berusaha ke arah matlamat antara perbualan.</p>
<p>Dots adalah serupa dengan <a href="https://www.animaapp.com/blog/agentic/grokbot-how-to-publish-a-website/">Grok Bot</a>, Meta Muse AI, dan <a href="https://www.animaapp.com/blog/agentic/ai-teammates/">Hermes</a> dalam satu cara penting: mereka tergolong dalam kategori baru ejen berterusan. Produk ini tidak sama, tetapi mereka berkongsi corak asas. Ejen mengekalkan konteks, boleh bekerja semasa anda berada di luar talian, menyemak imbas web dari persekitaran komputer dan kembali dengan kemajuan, soalan atau kerja yang telah selesai.</p>
<p>Setiap Dot mempunyai komputer awan dan penyemak imbasnya sendiri. Anda boleh melihatnya berfungsi, mengawal apabila diperlukan dan log masuk ke perkhidmatan seperti Google Analytics, Meta Ads, Google Analytics0ZX anda atau alatan lain yang anda mahu ia gunakan. Itu menjadikan Dot lebih seperti rakan sepasukan digital daripada satu utas sembang.</p>
<p>Untuk dokumen kongsi, laporan, tapak web dan apl kecil, sambungkan Dot atau ChatGPT anda ke <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>. Ia memberi pasukan anda dan ejennya satu artifak langsung dan bukannya salinan berasingan yang tersebar di sembang.</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;">Bekerjasama pada dokumen dengan Dot anda →</a></div>
<h2>Bermula dengan Dots</h2>
<p>melawat <a href="https://chatgpt.com/dots">chatgpt.com/dots</a> daripada penyemak imbas desktop, atau buka Dots dalam apl desktop ChatGPT. OpenAI sedang melancarkan akses keluar secara beransur-ansur, jadi pilihan persediaan mungkin tidak muncul serta-merta walaupun jika pelan anda layak.</p>
<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" alt="OpenAI Dot baharu bernama Anima Marketing memperkenalkan dirinya dalam ChatGPT dan menjemput pengguna untuk menyesuaikannya." 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>Beri nama Dot anda, kemudian mula mengajarnya perkara yang penting kepada anda.</figcaption></figure>
<p>Semasa persediaan, berikan Dot anda nama dan tanggungjawab yang jelas. Taklimat pertama yang berguna harus menjelaskan:</p>
<ul>
<li><strong>Apa yang dimilikinya:</strong> matlamat atau bidang kerja yang berulang.</li>
<li><strong>Di mana ia harus belajar:</strong> tapak web anda, dokumentasi produk, panduan jenama, nota projek dan sumber lain yang diluluskan.</li>
<li><strong>Apa yang baik kelihatan seperti:</strong> contoh, format pilihan, nada, keutamaan dan standard kualiti.</li>
<li><strong>Apabila ia sepatutnya bertanya:</strong> keputusan yang memerlukan kelulusan, terutamanya menerbitkan, menghantar, memadam, membeli atau menukar data akaun.</li>
<li><strong>Berapa kerap ia harus melaporkan:</strong> serta-merta, setiap hari, mingguan, atau hanya apabila sesuatu yang penting berubah.</li>
</ul>
<p>Mulakan dengan meminta Dot membaca tapak web dan dokumentasi syarikat anda, meringkaskan perkara yang dipelajari dan menyenaraikan apa-apa yang tidak jelas. Betulkan ringkasan sebelum memberikan tugasan yang lebih besar. Pembetulan tersebut membantu Dot mempelajari keutamaan anda dan mengurangkan penjelasan berulang kemudian.</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;">Gesaan pemula untuk Dot anda<button aria-label="Salin gesaan pemula" 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">salin</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 mempunyai desktop mereka sendiri</h2>
<p>Dot bukan sahaja menghasilkan teks dalam sembang. Ia mempunyai komputer awan yang dilindungi dengan Linux, Chrome, fail dan alatan. Ia boleh menyemak imbas tapak web, mengumpul maklumat, mencipta fail dan menyelesaikan kerja berbilang langkah tanpa menggunakan komputer riba anda.</p>
<p>Untuk memeriksanya, buka profil Dot anda dari bahagian atas sebelah kanan perbualan dan pilih komputernya. Anda boleh melihat penyemak imbas dan desktop yang digunakannya. Jika Dot mencapai halaman log masuk atau memerlukan pertimbangan manusia, pilih <strong>ambil alih</strong>, lengkapkan langkah, dan kemudian pilih <strong>Kawalan pemulangan</strong>.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="OpenAI Dot menggunakan komputer awannya sendiri untuk menyemak imbas Google Analytics sementara pengguna boleh mengawal." 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>Dot menyemak imbas Google Analytics dari komputer awannya, dengan pilihan untuk pengguna mengawal.</figcaption></figure>
<p>Ini berguna apabila anda mahu Dot berfungsi dengan perkhidmatan berasaskan penyemak imbas seperti Google Analytics, Meta Ads, papan pemuka, alat penyelidikan atau sistem dalaman. Jika disokong, log masuk selamat dan aliran kata laluan disimpan menyimpan kata laluan di luar konteks perbualan model.</p>
<p>Walau bagaimanapun, akses komputer juga bermakna Dot boleh mengambil tindakan, bukan sahaja mencadangkannya. Ejen boleh salah faham permintaan, menggunakan akaun yang salah, mengedit fail yang salah atau melakukan lebih daripada yang anda jangkakan. Anggap aksesnya seperti akses yang anda akan berikan kepada rakan sepasukan:</p>
<ul>
<li>Sambungkan hanya akaun yang diperlukan untuk tugasan itu.</li>
<li>Mulakan dengan akses baca sahaja jika boleh.</li>
<li>Gunakan Peraturan Tersuai untuk memerlukan kelulusan sebelum menerbitkan, menghantar, membeli, memadam atau menukar data penting.</li>
<li>Semak aktiviti dan output sebelum bergantung pada kerja berbangkit.</li>
<li>guna <strong>jeda</strong> untuk menghentikan tugas utama. Semakan <strong>Aktiviti</strong> untuk kerja yang ditugaskan dan <strong>Dijadualkan</strong> untuk tugasan berulang yang mungkin perlu dihentikan secara berasingan.</li>
</ul>
<p>OpenAI <a href="https://openai.com/index/how-we-build-safety-security-and-privacy-into-dots/">Panduan keselamatan Dots</a> menerangkan bahawa penyelidikan latar belakang proaktif menggunakan alat baca sahaja. Tindakan susulan masih melalui kebenaran, Peraturan Tersuai, kelulusan dan semakan tindakan automatik. Beberapa tindakan sensitif, seperti menukar kata laluan, mesti kekal bersama anda.</p>
<h2>Bekerjasama pada dokumen dengan Dot anda</h2>
<p>Sembang berguna untuk memberi arahan, tetapi ia bukan ruang kerja kongsi yang baik untuk dokumen yang perlu diedit oleh beberapa orang dan ejen dari semasa ke semasa.</p>
<p>Di dalam ekosistem OpenAI, ChatGPT Space and Pages membolehkan orang ramai bekerjasama dengan ChatGPT dan Dots dalam kerja kongsi. <a href="https://www.animaapp.com/blog/agentic/shared-drive-for-ai-agents-and-humans/">AgentGrid.io memberikan kerja ejen rumah versi yang dikongsi</a> apabila dokumen yang sama juga perlu bergerak merentasi ChatGPT, Grok Bot, Hermes, Claude, Codex dan ejen lain tanpa membuat salinan baharu untuk setiap sistem.</p>
<p>Dots menggunakan ekosistem pemalam ChatGPT, supaya anda boleh memasang <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>. Setelah dibenarkan, Dot anda boleh membuat atau mengemas kini artifak AgentGrid.io dan mengembalikan pautannya.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="OpenAI Dot mencipta dan berkongsi dokumen AgentGrid.io secara langsung untuk kerjasama pasukan dan ejen." 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 mencipta dokumen dalam AgentGrid.io dan berkongsi satu pautan langsung dengan pasukan.</figcaption></figure>
<p>Artifak boleh menjadi artikel pemasaran, laporan penyelidikan pasaran, analisis berulang, tapak web, pembentangan atau apl kecil. Dot anda, perbualan ChatGPT biasa, ejen lain dan rakan sepasukan manusia boleh bekerja pada artifak yang sama dan bukannya membuat salinan terputus sambungan.</p>
<p>Itu memberikan kerja:</p>
<ul>
<li><strong>Satu URL secara langsung:</strong> semua orang membuka versi semasa.</li>
<li><strong>Sejarah versi:</strong> setiap perubahan boleh dilihat dan versi terdahulu boleh dipulihkan.</li>
<li><strong>Atribusi ejen dan manusia:</strong> anda boleh lihat siapa yang mengubah apa.</li>
<li><strong>Akses terkawal:</strong> jemput orang dan ejen yang patut membaca atau mengedit.</li>
<li><strong>Kesinambungan:</strong> ejen lain boleh meneruskan kerja yang sama tanpa menyalin keseluruhan perbualan.</li>
</ul>
<p>Selepas memasang apl AgentGrid.io, cuba permintaan terus:</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;">Gesaan AgentGrid.io<button aria-label="Salin gesaan 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">salin</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;">Bekerjasama pada dokumen dengan Dot anda →</a></div>
<h2>Apakah yang boleh OpenAI Dots lakukan semasa anda berada di luar talian?</h2>
<p>Oleh kerana komputer utama berjalan dalam awan, Dot boleh meneruskan kerja yang diluluskan selepas anda menutup ChatGPT atau pergi ke luar talian. Ia juga boleh menjalankan semakan berjadual dan membawa kemas kini kembali ke dalam perbualan.</p>
<p>Tugas latar belakang yang baik berterusan, terhad dan mudah untuk disemak. Contohnya:</p>
<ul>
<li>Pantau berita produk dan sediakan ringkasan harian dengan pautan.</li>
<li>Semak data tapak web atau kempen dan tandakan perubahan luar biasa.</li>
<li>Jejak projek dan sediakan laporan status mingguan.</li>
<li>Tukar transkrip temu bual baharu kepada draf artikel dan siaran sosial.</li>
<li>Kumpulkan penyelidikan pasaran dan kemas kini laporan yang sama apabila bukti baharu muncul.</li>
<li>Kekalkan dokumen atau apl kecil sambil memastikan perubahan sedia untuk disemak.</li>
</ul>
<p>Elakkan memberi Dot baharu arahan luas seperti &#8220;jalankan pemasaran kami.&#8221; Berikan satu tanggungjawab yang jelas, sumber yang diketahui, format output dan had yang jelas. Kembangkan aksesnya hanya selepas ia menunjukkan kerja yang boleh dipercayai pada tugas yang lebih kecil.</p>
<h2>Sambungkan apl dan tetapkan kebenaran</h2>
<p>Dots menggunakan apl dan pemalam yang disambungkan melalui ChatGPT. Buka profil Dot anda dan semak tetapan penyesuaian dan pemalamnya. Luluskan hanya penyepaduan dan pasukan yang harus dicapai oleh Dot.</p>
<p>Peraturan Tersuai membolehkan anda memutuskan cara Dot mengendalikan tindakan tertentu. Bergantung pada tindakan, anda boleh membiarkannya diteruskan, membenarkannya hanya apabila pra-lulus dalam gesaan anda, memerlukannya untuk bertanya dahulu atau menyerahkan langkah itu kepada anda.</p>
<p>Persediaan praktikal untuk kerja pemasaran boleh:</p>
<ul>
<li>Baca analisis dan data kempen tanpa bertanya.</li>
<li>Draf laporan dan artikel tanpa bertanya.</li>
<li>Tanya sebelum mengedit dokumen akhir yang dikongsi.</li>
<li>Tanya sebelum menghantar e-mel atau menerbitkan kandungan.</li>
<li>Jangan sekali-kali menukar belanjawan, butiran pengebilan, kata laluan atau kebenaran akaun.</li>
</ul>
<p>Memutuskan sambungan apl menghentikan akses masa hadapan melalui sambungan itu, tetapi ia tidak memadamkan maklumat yang telah dipelajari oleh Dot secara automatik. Semak memori semasa dan tetapan semula kawalan OpenAI sebelum menyambungkan sumber sensitif.</p>
<h2>Bagaimana OpenAI Dots dibandingkan dengan Grok Bot, Muse AI dan Hermes</h2>
<p>Keempat-empat produk boleh menyokong kerja yang berterusan, tetapi ia sesuai dengan persekitaran yang berbeza:</p>
<ul>
<li><strong>OpenAI Dots</strong> orang yang sesuai sudah bekerja di ChatGPT, Codex, Slack, Teams dan ChatGPT Space. Pengalaman utama ialah satu ejen yang berterusan dengan komputer awan yang diuruskan OpenAI.</li>
<li><strong>Grok Bot</strong> memfokuskan pada bot yang dihoskan, rutin komputer awan dan beberapa ejen bernama dengan tanggungjawab yang berbeza.</li>
<li><strong>Meta Muse AI</strong> mempunyai pengalaman pembantu peribadi yang lebih berorientasikan pengguna untuk tugasan dan tugasan yang berterusan.</li>
<li><strong>Hermes</strong> ialah ejen terbuka dan boleh dikonfigurasikan untuk orang yang mahukan kawalan ke atas model, pengehosan, ingatan, kemahiran, alatan dan kerja berjadual.</li>
</ul>
<p>Pilih Dots apabila anda mahu aliran kerja OpenAI yang paling bersepadu. Pilih ejen yang lebih boleh dikonfigurasikan apabila pilihan model, pengehosan sendiri atau infrastruktur tersuai penting. Gunakan AgentGrid.io apabila orang dan beberapa ejen berbeza perlu meneruskan dokumen atau apl yang sama.</p>
<h2>Ketersediaan OpenAI Dots</h2>
<p>Pada pelancaran, OpenAI Dots dilancarkan secara beransur-ansur kepada pengguna ChatGPT Pro dan Business Premium yang layak. Ruang kerja Enterprise, Edu dan Healthcare boleh mencuba beta apabila pentadbir mendayakannya. Ketersediaan Pro tidak termasuk Kawasan Ekonomi Eropah, Switzerland dan UK semasa pelancaran.</p>
<p>Anda mencipta Dot pertama pada web desktop atau dalam apl desktop ChatGPT. Selepas persediaan, akses mudah alih mungkin tersedia untuk pemesejan, tetapi Dots tidak boleh dibuat pada web mudah alih atau mudah alih pada masa ini. Ketersediaan, had pelan dan label antara muka boleh berubah semasa pelancaran, jadi semak OpenAI <a href="https://help.openai.com/en/articles/20001530">panduan persediaan Dots semasa</a> jika pilihan dalam panduan ini kelihatan berbeza.</p>
<h2>Soalan Lazim OpenAI Dots</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;">Apakah OpenAI Dots?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p>OpenAI Dots ialah ejen yang berterusan dan sentiasa aktif di dalam ChatGPT. Dot mempunyai komputer awannya sendiri, mengingati konteks, menggunakan apl yang disambungkan dan boleh terus membuat kemajuan antara perbualan.</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;">Bagaimanakah Dot berbeza daripada ChatGPT biasa?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p>Sembang biasa terutamanya membalas perbualan semasa. Dot boleh memiliki tanggungjawab berterusan, menjalankan kerja berjadual atau latar belakang, menggunakan komputer awan dan kembali kemudian dengan kemajuan atau keputusan untuk anda.</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;">Bolehkah OpenAI Dots berfungsi semasa saya di luar talian?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p>ya. Kerja yang dijalankan pada komputer awan Dot, tugas berjadual dan penyelidikan latar belakang yang diluluskan boleh diteruskan apabila ChatGPT ditutup atau anda berada di luar talian. Tugas yang memerlukan komputer tempatan anda mungkin bergantung pada peranti itu dan sambungannya.</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;">Bolehkah saya menonton atau mengawal komputer Dot saya?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p>ya. Buka profil Dot dan pilih komputernya untuk memeriksa kerja semasa. Anda boleh mengawal apabila log masuk, kebenaran atau keputusan manusia diperlukan.</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;">Bolehkah Dot mengedit dokumen yang dikongsi dengan ejen lain?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p>ya. Dengan AgentGrid.io GPT app, Dot boleh mencipta dan mengedit artifak kongsi yang rakan sepasukan, ChatGPT dan ejen sah lain boleh meneruskan dari URL langsung yang sama.</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;">Adakah OpenAI Dots selamat digunakan dengan akaun kerja?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p>Dots termasuk kebenaran, Peraturan Tersuai, pilihan log masuk selamat, semakan aktiviti dan semakan tindakan, tetapi mereka masih boleh melakukan kesilapan. Beri mereka akses minimum yang diperlukan dan memerlukan kelulusan manusia untuk tindakan berbangkit.</p>
</div>
</details>
</div>
<p> rocket-bottom-agentgrid-cta:start </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;">Bekerjasama pada dokumen dengan Dot anda →</a></div>
<p> rocket-bottom-agentgrid-cta:end </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/ms/agentic-ms/openai-dots-ms/">Dots: Panduan praktikal OpenAI Dots</a> appeared first on <a href="https://animaapp.com/blog/ms">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Claude Docs: Apa itu Claude Docs, Kelebihan, Kekurangan, dan Alternatif</title>
		<link>https://animaapp.com/blog/ms/ai-ms/claude-docs-ms/</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=16908</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>Panduan praktikal untuk Claude Docs: ciri, faedah, pengehadan, harga dan ketersediaan, serta cara ia dibandingkan dengan AgentGrid.io, Google Docs, dan Notion.</p>
<p>The post <a href="https://animaapp.com/blog/ms/ai-ms/claude-docs-ms/">Claude Docs: Apa itu Claude Docs, Kelebihan, Kekurangan, dan Alternatif</a> appeared first on <a href="https://animaapp.com/blog/ms">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>Claude telah beralih daripada menulis teks dalam sembang kepada menyunting bersama dokumen hidup. Berikut ialah perkara yang dilakukan oleh beta baharu dengan baik, perkara yang masih kurang, dan apabila AgentGrid.io, Google Docs, atau Notion adalah lebih sesuai.</p>
<h2>Apakah Claude Docs?</h2>
<p><strong>Claude Docs ialah ruang kerja dokumen baharu Anthropic untuk menulis bersama Claude dan orang lain.</strong> Ia dilancarkan dalam versi beta pada 16 September 2026, bersama-sama Claude Slaid dan langkah Anthropic untuk menggabungkan sembang biasa dan Cowork menjadi satu pengalaman Claude.</p>
<p>Daripada meminta Claude menghasilkan teks dan kemudian menyalinnya ke editor yang berasingan, anda boleh meminta dokumen dalam sebarang perbualan. Claude bertanya soalan yang menjelaskan, mendraf dokumen dalam kanvas teks kaya, menerangkan pilihan dalam ulasan dan kekal tersedia untuk semakan kemudian. Anda juga boleh menaip terus dalam dokumen semasa rakan usaha sama mengedit fail yang sama dalam masa nyata.</p>
<p>Hasilnya lebih dekat dengan Dokumen Google asli AI, sama seperti <a href="https://agentgrid.io/">AgentGrid.io</a>. Dokumen itu mempunyai tempat tersendiri dalam tab Artifak, boleh mengandungi berbilang tab dan boleh menggunakan konteks daripada fail, memori, projek, kemahiran dan apl yang disambungkan anda.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Claude Docs antara muka yang menunjukkan dokumen kongsi, carta, ulasan dan perbualan Claude" 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 menggabungkan perbualan, dokumen boleh diedit, data visual dan ulasan rakan usaha sama dalam satu antara muka. Imej produk: Anthropic, diterbitkan oleh The Verge.</figcaption></figure>
<div><b>Ketersediaan dan harga</b></p>
<p>Anthropic kini menyenaraikan Claude Docs sebagai beta untuk rancangan Pro, Max, Pasukan dan Perusahaan.</p>
</div>
<p>Untuk ChatGPT, pengguna Claude percuma, dan ejen lain, <a href="https://agentgrid.io/">AgentGrid.io</a> adalah alternatif semula jadi sebagai editor dokumen kolaboratif untuk manusia dan ejen.</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>Bagaimana Claude Docs berfungsi</h2>
<p>Anda boleh mulakan daripada perbualan Claude biasa, masukkan <strong>/docs</strong>, pilih Dokumen daripada menu Output atau pilih templat dalam galeri Artifak. Claude juga boleh menukar sesi Claude Kod kepada spesifikasi produk, buku panduan atau bacaan.</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>Huraikan hasilnya.</strong> Minta laporan, ringkasan, spesifikasi, panduan onboarding, bacaan mesyuarat atau dokumen lain.</li>
<li><strong>Jawab soalan Claude.</strong> Claude boleh menjelaskan khalayak, format, bahan sumber, atau keputusan sebelum ia draf.</li>
<li><strong>Edit bersama.</strong> Taip terus, minta Claude untuk semakan luas dalam sembang, atau sebut <strong>@Claude</strong> dalam ulasan untuk perubahan fokus.</li>
<li><strong>Jemput rakan usaha sama.</strong> Orang yang mempunyai akses edit boleh bekerja dalam dokumen yang sama pada masa yang sama.</li>
<li><strong>Eksport atau serahkan.</strong> Claude Docs mengeksport ke Word, PDF, Markdown, dan Google Docs; dokumen juga boleh menjadi persembahan Claude Slaid.</li>
</ol>
<p>Claude bertindak dengan kebenaran orang yang log masuk yang memintanya membuat perubahan. Setiap suntingan dikaitkan dengan orang atau Claude. Itu adalah kawalan yang berguna, walaupun ia tidak sama dengan sejarah versi lengkap atau log pematuhan.</p>
<h2>Claude Docs ciri yang penting</h2>
<h3>Penggubalan AI dengan konteks sedia ada anda</h3>
<p>Claude boleh menarik daripada perbualan, muat naik, Projek, memori, kemahiran dan apl yang disambungkan. Itu mengurangkan masalah halaman kosong dan menjadikan Dokumen sangat kukuh untuk taklimat dan laporan yang bermula dengan penyelidikan Claude telah pun selesai.</p>
<h3>Penyuntingan langsung dan ulasan AI</h3>
<p>Kanvas tidak dikunci semasa Claude berfungsi. Anda boleh menaip, memilih teks, mengulas atau meminta Claude untuk menyemak petikan tertentu. Claude boleh meninggalkan komen yang menjelaskan pilihan atau meminta keputusan, yang menjadikan proses penggubalan lebih jelas daripada penulisan semula senyap.</p>
<h3>Kerjasama manusia masa nyata</h3>
<p>Editor boleh mengedit bersama dalam masa nyata dan perubahan muncul serta-merta untuk semua orang dengan dokumen dibuka. Ini bergerak Claude Docs melebihi satu orang yang mendorong seorang pembantu dan ke arah permukaan tulisan yang dikongsi.</p>
<h3>Carta, rajah dan garis masa</h3>
<p>Claude boleh mencipta carta, rajah, graf dan garis masa di dalam dokumen, termasuk daripada data yang disambungkan. Visual ini ialah syot kilat: ia tidak dimuat semula secara automatik apabila sumber berubah, jadi anda perlu meminta Claude untuk menarik data baharu.</p>
<h3>Laluan eksport yang berguna</h3>
<p>Eksport ke <strong>.docx, PDF, Markdown atau Google Docs</strong>. Ini penting kerana Claude Docs adalah baharu; pasukan boleh menggubal dengan Claude dan menyelesaikan dalam aliran kerja pejabat yang mantap dan bukannya membuat keputusan platform semua-atau-tiada.</p>
<h2>Claude Docs kebaikan dan keburukan</h2>
<div>
<section>
<h3>Kebaikan</h3>
<ul>
<li>Claude draf di dalam dokumen dan bukannya menghasilkan teks sembang pakai buang.</li>
<li>Menggunakan perbualan dan konteks bersambung tanpa salin-tampal berulang.</li>
<li>Manusia dan Claude boleh menyunting dokumen hidup yang sama.</li>
<li>Pengeditan bersama masa nyata dan ulasan menyokong semakan pasukan.</li>
<li>Eksport kepada empat format praktikal, termasuk Google Docs.</li>
<li>Berfungsi merentas web, desktop, Claude Kod dan paparan mudah alih.</li>
</ul>
</section>
<section>
<h3>Keburukan</h3>
<ul>
<li>Tiada sejarah versi lagi.</li>
<li>Tiada tahap akses komen sahaja untuk Claude Docs.</li>
<li>Dokumen Pasukan dan Perusahaan belum boleh dikongsi di luar organisasi.</li>
<li>Penerima memerlukan akaun Claude untuk membuka dokumen kongsi.</li>
<li>Carta dan rajah tidak dimuat semula secara automatik.</li>
<li>Apl mudah alih belum boleh membuat daripada templat, mengedit atau menukar perkongsian.</li>
<li>Tiada aktiviti Dokumen dalam API Pematuhan lagi.</li>
<li>Tidak tersedia untuk konfigurasi sedia CMEK, ZDR dan HIPAA.</li>
</ul>
</section>
</div>
<p>Ini adalah had beta yang bermakna, bukan kes tepi. Pasukan yang bergantung pada keadaan semakan rasmi, akses pelanggan luaran, pemulihan versi boleh diaudit atau konfigurasi terkawal harus menguji aliran kerja sebelum memindahkan dokumen penting ke dalam Claude Docs.</p>
<h2>Claude Docs lwn AgentGrid.io lwn Google Docs lwn 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;">produk</th>
<th style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Terbaik untuk</th>
<th style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Skop model AI</th>
<th style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Sejarah</th>
<th style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Kerjasama</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;">Menggubal dan menyemak dokumen dengan Claude</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Claude-asli</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Tiada sejarah versi lagi</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Penyuntingan masa nyata; akses lihat/edit</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;">Dokumen kongsi dan artifak langsung merentas manusia dan ejen</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Claude, ChatGPT, Codex, Kursor, Hermes, OpenClaw dan banyak lagi</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Bersandarkan Git, Sejarah dikaitkan dengan pemulihan</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Pengeditan Markdown Langsung, ulasan, sebutan ejen, ruang kerja terkawal</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;">Dokumen pejabat yang biasa dan penyuntingan bersama manusia yang luas</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Gemini di dalam Google Workspace</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Sejarah versi dokumen matang</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Penyuntingan masa nyata, ulasan, cadangan, kawalan akses</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;">Dokumen yang disambungkan ke wiki, projek dan pangkalan data</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Notion Ejen dan Ejen Kastam</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Sejarah halaman berbeza mengikut pelan</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Penyuntingan bersama, ulasan, sebutan, organisasi ruang kerja</td>
</tr>
</tbody>
</table>
</figure>
<p>Tiada produk yang menang setiap baris. Pilihan yang tepat bergantung pada sama ada pusat graviti anda <strong>Claude itu sendiri, kerja merentas ejen, kerjasama dokumen pejabat atau ruang kerja pengetahuan yang berkaitan.</strong></p>
<h2>Alternatif Claude Docs terbaik</h2>
<section><span>Terbaik untuk manusia dan pelbagai ejen AI</span></p>
<div>Alternatif 01</div>
<h3>AgentGrid.io</h3>
<p><a href="https://agentgrid.io/">AgentGrid.io</a> ialah ruang kerja kongsi tempat orang dan ejen yang berkaitan bekerja pada artifak yang sama. Dokumen, apl atau fail yang disimpan mendapat satu alamat, versi semasa, akses dikawal ruang kerja dan sejarah yang mengaitkan perubahan kepada manusia atau ejen yang membuatnya.</p>
<p>Kelebihan terbesarnya berbanding Claude Docs ialah <strong>kesinambungan merentas ejen</strong>. Claude boleh memulakan dokumen, kemudian ChatGPT, Codex, Cursor, Hermes, atau ejen lain yang disambungkan boleh meneruskannya tanpa menukar handoff kepada salinan lain. Sejarah boleh pratonton dan memulihkan versi terdahulu, yang secara langsung menangani salah satu daripada Claude Docs’ jurang beta semasa.</p>
<p>AgentGrid.io bukanlah pengganti kepada model penulisan Claude. Ia adalah lapisan artifak yang dikongsi di sekeliling kerja. Markdown menyokong penyuntingan serentak; ulasan boleh disandarkan pada petikan, ditujukan kepada seseorang atau ejen yang diberi kuasa, dan diselesaikan tanpa menerbitkan artifak.</p>
<p><strong>Pilihnya apabila:</strong> lebih daripada satu pembekal AI menyumbang, pemulihan versi penting, output mungkin menjadi apl atau laporan langsung, atau anda mahu identiti ejen dan kebenaran diasingkan daripada akaun manusia.</p>
<p><strong>Perhatikan:</strong> AgentGrid.io adalah artifak dahulu. Jika keperluan utama anda ialah editor gaya Word yang paling biasa dan kerjasama pelanggan luas, Google Docs mungkin lebih sesuai.</p>
</section>
<figure class="wp-block-image size-full"><img decoding="async" alt="Mengedit dokumen dengan berbilang manusia dan ejen AI pada AgentGrid.io" 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>Mengedit dokumen dengan berbilang manusia dan ejen pada 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>Terbaik untuk kerjasama dokumen arus perdana</span></p>
<div>Alternatif 02</div>
<h3>Google Docs</h3>
<p>Google Docs kekal sebagai lalai paling selamat untuk pasukan yang memerlukan pengeditan masa nyata yang biasa, perkongsian matang, ulasan dan cadangan, kerjasama luaran yang mudah dan penyepaduan yang ketat dengan Gmail, Drive, Helaian, Slaid dan Meet.</p>
<p>Gemini kini boleh menjana draf berstruktur dalam Dokumen dan mensintesis maklumat daripada Drive, Gmail dan Chat. Itu memberikan Google versi aliran kerja AI-inside-the-document sambil mengekalkan suite pejabat yang telah digunakan oleh banyak pasukan.</p>
<p><strong>Pilihnya apabila:</strong> kolaborator luar memerlukan akses geseran rendah, penghantaran mesti kekal sebagai dokumen pejabat konvensional atau organisasi anda sudah berjalan di Google Workspace.</p>
<p><strong>Perhatikan:</strong> Google Docs direka bentuk di sekeliling orang dan fail pejabat. Jika beberapa ejen bebas memerlukan identiti bernama, kebenaran berskop dan sejarah yang dikongsi merentas Markdown, kod dan apl langsung, AgentGrid.io ialah ruang kerja yang lebih khusus.</p>
</section>
<section><span>Terbaik untuk dokumen yang berkaitan dengan pengetahuan dan projek</span></p>
<div>Alternatif 03</div>
<h3>Notion</h3>
<p>Notion ialah pilihan yang lebih kukuh apabila dokumen berada dalam sistem pengendalian wiki, pangkalan data, projek, nota mesyuarat dan pengetahuan syarikat yang lebih besar. Halaman berasaskan bloknya menyokong kod, media, jadual kandungan, carta, ulasan, sebutan dan penyuntingan bersama.</p>
<p>Notion AI menambah Ejen atas permintaan Notion, Ejen Tersuai untuk aliran kerja berulang, Carian Perusahaan merentas apl yang disambungkan, Nota Mesyuarat AI dan bantuan penulisan dalam halaman. Ini menjadikan Notion lebih luas daripada Claude Docs: ia adalah kanvas penulisan yang kurang fokus dan lebih banyak ruang kerja dengan dokumen di tengahnya.</p>
<p><strong>Pilihnya apabila:</strong> dokumen mesti menyambung kepada pengetahuan berstruktur, status projek, pangkalan data dan aliran kerja yang boleh diulang.</p>
<p><strong>Perhatikan:</strong> fleksibiliti boleh menambah persediaan dan kerumitan ruang kerja. Jika matlamat anda hanyalah &#8220;mengubah perbualan Claude ini menjadi dokumen yang digilap,&#8221; Claude Docs adalah lebih langsung. Jika anda memerlukan ejen luar untuk berkongsi satu artifak versi, AgentGrid.io lebih direka khas.</p>
</section>
<h2>Keputusannya: patutkah anda menggunakan Claude Docs?</h2>
<p><strong>Gunakan Claude Docs apabila Claude sudah berada di mana pemikiran itu berlaku.</strong> Ia mengalih keluar serahan janggal daripada perbualan ke dokumen dan membolehkan Claude, anda dan pasukan anda memperhalusi draf yang sama. Untuk laporan, spesifikasi, ringkasan dan penulisan dalaman pada pelan Claude berbayar, aliran kerja adalah menarik.</p>
<p>Jangan terlepas pandang label beta. Kekurangan sejarah versi, perkongsian luaran terhad untuk rancangan organisasi, keperluan akaun, had pengeditan mudah alih dan pengelogan pematuhan yang hilang boleh menjadi penentu untuk aliran kerja pengeluaran.</p>
<p>Timbunan praktikal tidak perlu memilih satu pemenang:</p>
<ul>
<li><strong>Draf dalam Claude Docs</strong> apabila Claude mempunyai konteks dan tugasan penulisan.</li>
<li><strong>Eksport ke Google Docs</strong> apabila semakan luaran atau keserasian pejabat menjadi keutamaan.</li>
<li><strong>Pindahkan kerja ke dalam Notion</strong> apabila ia tergolong dalam wiki atau sistem projek yang lebih luas.</li>
<li><strong>Tolak ke AgentGrid.io</strong> apabila Claude adalah salah satu daripada beberapa ejen dan artifak memerlukan sejarah yang tahan lama.</li>
</ul>
<p>Claude menyambung ke AgentGrid.io melalui penyambung rasmi. Setelah diluluskan, anda boleh meminta Claude untuk menolak dokumen ke AgentGrid.io dan mengembalikan pautan artifak; perubahan masa hadapan muncul di bawah identiti ejen Claude sendiri dan akses ruang kerja yang diluluskan.</p>
<h2>Simpan dokumen itu. Tukar ejen.</h2>
<p>Berikan Claude, ChatGPT, rakan sepasukan anda dan ejen seterusnya satu artifak langsung dengan akses terkawal dan Sejarah yang dikaitkan.</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>Soalan lazim</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;">Apakah Claude Docs?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Claude Docs ialah ruang kerja dokumen teks kaya beta Anthropic di dalam Claude. Ia membolehkan Claude dan orang ramai mendraf, mengedit, mengulas, berkongsi dan mengeksport dokumen hidup.</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;">Adakah Claude Docs percuma?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Tidak. Anthropic pada masa ini menyenaraikannya untuk rancangan Pro, Max, Pasukan dan Perusahaan. Ia tidak tersedia pada pelan Percuma.</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;">Bolehkah berbilang orang mengedit Claude Doc?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">ya. Orang yang mempunyai akses edit boleh bekerja dalam dokumen yang sama pada masa yang sama dan perubahan muncul secara langsung.</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;">Adakah Claude Docs mempunyai sejarah versi?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">belum lagi. Anthropic menyenaraikan sejarah versi sebagai had beta yang diketahui. Jika boleh dipulihkan, semakan yang dikaitkan adalah penting, AgentGrid.io atau editor pejabat yang mantap mungkin merupakan tempat yang lebih baik untuk salinan tahan lama.</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;">Bolehkah saya mengeksport Claude Doc?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">ya. Pilihan eksport semasa ialah Microsoft Word, PDF, Markdown, dan 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;">Bolehkah pelanggan membuka Claude Doc tanpa akaun Claude?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Tidak. Dikongsi Claude Docs memerlukan akaun Claude. Dokumen Pasukan dan Perusahaan juga belum boleh dikongsi di luar organisasi.</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;">Apakah alternatif Claude Docs yang terbaik?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Pilih AgentGrid.io untuk artifak rentas ejen dan sejarah versi, Google Docs untuk kerjasama pejabat biasa, dan Notion untuk dokumen, wiki, projek, pangkalan data dan ruang kerja AI yang bersambung.</p>
</div>
</details>
</div>
</article>
<p>The post <a href="https://animaapp.com/blog/ms/ai-ms/claude-docs-ms/">Claude Docs: Apa itu Claude Docs, Kelebihan, Kekurangan, dan Alternatif</a> appeared first on <a href="https://animaapp.com/blog/ms">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Kajian &#038; Alternatif Obsidian: Nota, Pasukan dan Kerjasama AI</title>
		<link>https://animaapp.com/blog/ms/agentic-ms/obsidian-alternatives-ms/</link>
		
		<dc:creator><![CDATA[Michal Cohen]]></dc:creator>
		<pubDate>Thu, 17 Sep 2026 17:15:34 +0000</pubDate>
				<category><![CDATA[agentic]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=16685</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>Bandingkan Notion, AgentGrid, Craft, Logseq, Bear dan Joplin. Cari alternatif Obsidian untuk nota, kerja berpasukan atau kerjasama AI dan pelajari cara menggunakan kedua-duanya.</p>
<p>The post <a href="https://animaapp.com/blog/ms/agentic-ms/obsidian-alternatives-ms/">Kajian &#038; Alternatif Obsidian: Nota, Pasukan dan Kerjasama AI</a> appeared first on <a href="https://animaapp.com/blog/ms">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><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 ialah pilihan yang kukuh untuk mereka yang ingin memiliki nota mereka, menyambung idea dan membina pangkalan pengetahuan peribadi. Tetapi memilih alat mengambil nota juga bermakna memilih cara anda ingin bekerja.</p>
<p>Sesetengah orang mahukan pengalaman menulis yang lebih mudah. Orang lain memerlukan dokumen projek yang dikongsi. Dan semakin ramai, orang mahu nota mereka menjadi konteks yang berguna untuk ejen AI yang mereka bekerjasama.</p>
<p>Alternatif Obsidian terbaik bergantung pada keperluan mana yang paling penting.</p>
<p>Panduan ini membandingkan enam pilihan: Notion, AgentGrid, Craft, Logseq, Bear dan Joplin. Ia diterbitkan oleh AgentGrid, yang kami sertakan khusus untuk perkongsian pengetahuan dan kerjasama ejen manusia.</p>
<h2>Obsidian alternatif sepintas lalu</h2>
<table class="rocket-comparison-table">
<tbody>
<tr>
<th>alat</th>
<th>Paling sesuai</th>
<th>Pertimbangan utama</th>
</tr>
<tr>
<td><strong>Notion</strong></td>
<td>Pengetahuan pasukan, dokumen dan aliran kerja projek</td>
<td>Mengatur kerja di dalam ruang kerja dan bukannya folder nota setempat</td>
</tr>
<tr>
<td><strong>AgentGrid</strong></td>
<td>Dokumen dan output yang dikongsi yang diteruskan oleh orang ramai dan ejen AI</td>
<td>Pastikan setiap ejen bekerja daripada pengetahuan semasa yang sama, dengan kawalan akses dan sejarah yang boleh anda pulihkan</td>
</tr>
<tr>
<td><strong>Craft</strong></td>
<td>Dokumen yang digilap dan pengetahuan berkaitan AI</td>
<td>Ruang kerja awan dengan akses penyemak imbas dan apl yang dipasang.</td>
</tr>
<tr>
<td><strong>Logseq</strong></td>
<td>Jurnal, garis besar dan idea yang berkaitan</td>
<td>Pendekatan berasaskan peluru sesuai dengan beberapa tabiat menulis lebih baik daripada yang lain</td>
</tr>
<tr>
<td><strong>Bear</strong></td>
<td>Penulisan tertumpu pada peranti Apple</td>
<td>Pilihan platform dan penyegerakan berbayar mungkin menentukan sama ada ia sesuai</td>
</tr>
<tr>
<td><strong>Joplin</strong></td>
<td>Pengambilan nota sumber terbuka dengan lampiran dan penyegerakan fleksibel</td>
<td>Nilai organisasi dan pengalaman penyuntingannya terhadap aliran kerja sedia ada anda</td>
</tr>
</tbody>
</table>
<p>Ini adalah pengesyoran mengikut kes penggunaan, bukannya kedudukan universal. Mulakan dengan masalah yang ingin anda selesaikan.</p>
<h2>Kajian singkat Obsidian: apa yang dilakukannya dengan baik</h2>
<p>Obsidian menyimpan nota pada peranti anda sebagai fail Markdown, teks biasa dengan pemformatan ringan. Ia berfungsi di luar talian dan menyokong pautan antara nota, graf sambungan tersebut dan kanvas untuk menyusun idea secara visual. Ekosistem pemalamnya membolehkan anda menyesuaikan cara anda menangkap dan menyusun maklumat. <a href="https://obsidian.md/">Terokai ciri Obsidian</a>.</p>
<p>Itu menjadikannya sangat menarik untuk penyelidikan, jurnal dan penulisan yang terkumpul dari semasa ke semasa. Nota berguna boleh kekal dibaca di luar aplikasi yang menciptanya.</p>
<p>Tukar ganti ialah bilangan pilihan yang ada. Anda memutuskan cara menyusun nota anda, pemalam yang hendak dipasang dan jumlah struktur yang perlu diselenggara. Kebebasan itu boleh menjadi berharga, tetapi ia juga boleh merumitkan tabiat yang sebaliknya mudah.</p>
<p>Apl teras Obsidian adalah percuma, termasuk untuk kegunaan komersial. Penyegerakan rasmi pilihan bermula pada $4 sebulan apabila dibilkan setiap tahun. Penyegerakan juga menyokong peti besi kongsi, jadi kerjasama boleh dilakukan.</p>
<p>Sebelum bertukar, kenal pasti geseran khusus: menulis, menyusun, berkongsi atau bekerja dengan AI. Masing-masing menunjuk ke arah alternatif yang berbeza.</p>
<h2>1. Notion: untuk berkongsi pengetahuan dan kerja projek</h2>
<p><a href="https://www.notion.com/product">Notion</a> patut dipertimbangkan apabila nota adalah sebahagian daripada aliran kerja pasukan yang lebih besar. Produknya menghimpunkan dokumen, pangkalan pengetahuan, projek dan keupayaan AI dalam ruang kerja yang dikongsi.</p>
<p>Sebagai contoh, pelancaran produk mungkin memerlukan ringkasan, senarai tugas, nota mesyuarat dan tempat untuk merekod keputusan. Syor kami adalah untuk menilai Notion apabila menyimpan bahan tersebut bersama-sama untuk satu pasukan lebih penting daripada mengurus fail teks individu.</p>
<p>Keputusan utama ialah sama ada anda lebih suka model ruang kerja atau model fail tempatan. Seseorang yang gemar membuka folder Markdown yang sama dalam aplikasi berbeza mungkin lebih suka pendekatan Obsidian.</p>
<p>Notion juga menyokong halaman luar talian dalam desktop dan apl mudah alihnya. Walau bagaimanapun, halaman mesti tersedia di luar talian dan pangkalan data yang dimuat turun mempunyai had yang didokumenkan. Perlu menyemak butiran tersebut jika anda kerap bekerja tanpa sambungan.</p>
<p><strong>Pilih Notion apabila:</strong> dokumentasi bersama dan projek penyelarasan adalah keutamaan utama anda.</p>
<h2>2. AgentGrid: untuk berkongsi pengetahuan yang boleh digunakan oleh ejen 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> menjadi relevan apabila soalan anda berubah daripada &#8220;Di manakah saya harus menulis ini?&#8221; kepada &#8220;Bagaimanakah orang atau ejen lain boleh terus bekerja daripadanya?&#8221;</p>
<p>Pendekatan memori kerja yang dikongsi membolehkan ejen yang berkaitan menggunakan pengetahuan dan output projek biasa. Anda boleh mengekalkan penyelidikan, arahan, keputusan dan hasil bersama-sama, kemudian minta ejen lain untuk meneruskan kerja semasa.</p>
<p>AgentGrid menyokong dokumen Markdown yang boleh diedit, apl web boleh jalan dan aset yang disimpan. Itu menjadikannya berguna apabila penyelidikan bertulis perlu menjadi ringkas, artifak web gaya pembentangan atau alat interaktif. </p>
<p>Sebagai contoh, anda mungkin mengumpulkan penyelidikan pelanggan dalam Obsidian, membawa nota terpilih ke dalam AgentGrid dan meminta ejen untuk menghasilkan ringkasan pelancaran. Rakan sepasukan atau ejen lain yang berkaitan kemudiannya boleh meneruskan taklimat tersebut. Perubahan yang disimpan mempunyai atribusi manusia atau ejen dalam sejarah artifak. <a href="https://agentgrid.io/docs/artifacts/version-history">Lihat cara sejarah versi berfungsi</a>.</p>
<p>AgentGrid harus dinilai untuk aliran kerja yang dikongsi itu. Jika keperluan utama anda ialah editor luar talian untuk peti besi tempatan, Obsidian kekal padan secara langsung.</p>
<p><strong>Pilih AgentGrid apabila:</strong> pengetahuan projek perlu bergerak antara orang, ejen AI, dan hasil kerja.</p>
<h2>3. Craft: untuk dokumen yang digilap dan pengetahuan berkaitan AI</h2>
<p><a href="https://support.craft.do/en/introduction">Craft</a> menggabungkan penulisan, perkongsian dan penerbitan dokumen dengan pengalaman penyuntingan visual. Ia berfungsi dalam penyemak imbas serta apl yang dipasang, dan menyokong pengimportan dan pengeksportan Markdown.</p>
<p>Kami akan menyenarai pendek Craft apabila pembentangan dokumen penting bersama kandungannya: cadangan pelanggan, ringkasan projek kongsi atau rujukan pasukan yang boleh dibaca.</p>
<p>Craft juga menyokong MCP, piawai yang menghubungkan alat AI luaran kepada kandungan terpilih. Itu menjadikannya relevan jika anda mahu pembantu bekerja dengan dokumen anda. Menghubungkan AI kepada pengetahuan adalah bidang yang bertindih dengan <a href="https://app.agentgrid.io/?utm_content=obsidian-alternatives&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content">AgentGrid</a>; menilai aliran kerja lengkap yang anda perlukan. </p>
<p>Untuk kerja berpusatkan dokumen, Craft patut dilihat dengan teliti. Untuk bahan sumber yang merangkumi kerja, dokumen kongsi, apl boleh jalan dan sumbangan ejen yang dikaitkan, nilai AgentGrid berbanding tugas yang lebih luas itu.</p>
<p><strong>Pilih Craft apabila:</strong> anda mahukan dokumen yang digilap dengan akses untuk alatan AI yang serasi.</p>
<h2>4. Logseq: untuk orang yang berfikir secara garis besar</h2>
<p><a href="https://blog.logseq.com/">Logseq</a>Ciri tersendiri ialah pendekatan berasaskan garis besarnya. Anda bekerja dengan peluru bersarang, atau blok, yang boleh menyambung ke bahagian lain pangkalan pengetahuan anda. Jurnal menyediakan titik permulaan semula jadi untuk penangkapan harian. </p>
<p>Ini boleh berfungsi dengan baik untuk nota mesyuarat. Perbincangan menjadi sekumpulan peluru; keputusan dan tindakan susulan terletak di bawah topik yang berkaitan. Anda boleh membina hubungan tanpa mengubah setiap pemikiran menjadi esei yang berasingan.</p>
<p>Struktur yang sama mungkin terasa terhad jika anda kebanyakannya menulis perenggan panjang. Beralih ke Logseq paling masuk akal apabila anda mahukan cara yang berbeza untuk berfikir dan mengatur, bukan sekadar antara muka yang berbeza.</p>
<p><strong>Pilih Logseq apabila:</strong> nota harian, idea bersarang dan perkaitan antara pemikiran individu sepadan dengan cara anda sudah bekerja.</p>
<h2>5. Bear: untuk penulisan terfokus pada peranti Apple</h2>
<p><a href="https://bear.app/">Bear</a> ialah apl mengambil nota Markdown untuk Mac, iPhone dan iPad. Ia menggabungkan penulisan, tag, imej dan lampiran dalam antara muka yang difokuskan. Langganan Pronya menambah penyegerakan iCloud, format eksport tambahan dan carian dalam imej dan PDF.</p>
<p>Kami akan menyenarai pendek Bear untuk seseorang yang membuka apl mengambil nota terutamanya untuk menulis: menangkap idea, mendraf artikel atau menyusun bahan rujukan peribadi.</p>
<p>Berbanding dengan persediaan Obsidian yang diperibadikan secara meluas, Bear menawarkan set pilihan yang lebih lengkap. Itu boleh menjadikannya lebih mudah untuk menyesuaikan diri dengan rutin menulis.</p>
<p>Sekatan platform adalah faktor penentu yang paling jelas. Jika anda memerlukan aplikasi yang sama pada Windows atau Android, lihat di tempat lain.</p>
<p><strong>Pilih Bear apabila:</strong> anda menggunakan peranti Apple dan mahukan tempat yang digilap untuk menulis dengan persediaan yang agak kecil.</p>
<h2>6. Joplin: untuk nota sumber terbuka dan penyegerakan fleksibel</h2>
<p><a href="https://joplinapp.org/">Joplin</a> menyokong Markdown dan penyuntingan teks kaya, lampiran multimedia, gunting web dan pemalam. Ia tersedia di seluruh platform desktop dan mudah alih utama serta menyokong penyegerakan melalui perkhidmatan termasuk Joplin Cloud, Dropbox dan OneDrive. </p>
<p>Ia layak mendapat tempat dalam senarai pendek anda jika pangkalan pengetahuan anda termasuk bahan rujukan praktikal: halaman web yang disimpan, PDF, imej, arahan dan nota harian.</p>
<p>Joplin Cloud juga menyediakan perkongsian dan kerjasama. Daya tarikannya melangkaui pengambilan nota solo, walaupun pilihan terbaik masih bergantung pada pengalaman yang anda inginkan tentang nota tersebut.</p>
<p>Syor kami adalah untuk mengujinya dengan koleksi kandungan yang mewakili. Import beberapa nota dengan lampiran, cuba carinya dan semak sama ada aliran kerja pengeditan dan penyegerakan terasa semula jadi.</p>
<p><strong>Pilih Joplin apabila:</strong> perisian sumber terbuka, nota format bercampur dan pilihan perkhidmatan penyegerakan penting kepada anda.</p>
<h2>Gunakan Obsidian dan AgentGrid bersama-sama dengan satu versi kanonik</h2>
<p>Anda boleh terus bekerja dalam Obsidian sambil membuat pengetahuan projek terpilih yang sama tersedia dalam AgentGrid. Ejen yang mempunyai akses baca dan tulis ke kedua-dua lokasi boleh diarahkan untuk mengemas kini kedua-duanya apabila ia menukar bahan tersebut.</p>
<p>Kuncinya ialah memilih a <strong>versi kanonik</strong>: salinan berwibawa yang menentukan kandungan yang dimaksudkan. Salinan kedua mencerminkannya. Untuk penyelidikan peribadi, anda mungkin menjadikan nota Obsidian berkanun. Untuk ringkasan projek yang dikongsi, anda boleh menjadikan artifak AgentGrid kanonik.</p>
<h3>Sediakan aliran kerja</h3>
<ol>
<li><strong>Pilih dokumen untuk diselenggara di kedua-dua tempat.</strong> Petakan setiap fail Obsidian ke artifak AgentGrid URLnya.</li>
<li><strong>Catat salinan mana yang berkanun.</strong> Jadikan pilihan itu jelas untuk setiap dokumen, jadi setiap ejen mengikut peraturan yang sama.</li>
<li><strong>Berikan ejen pengemaskinian anda akses kepada kedua-duanya.</strong> Menyambungkannya ke AgentGrid sahaja tidak memberikan akses kepada peti besi tempatan anda; yang memerlukan alat akses fail yang dibenarkan berasingan atau penyepaduan Obsidian.</li>
<li><strong>Arahkan ia untuk mengemas kini kedua-duanya selepas setiap perubahan.</strong> Simpan perubahan yang diluluskan pada dokumen kanonik, kemudian kemas kini salinan berpasangan.</li>
<li><strong>Sahkan kedua-dua simpanan.</strong> Minta ejen membaca semula kedua-dua dokumen dan melaporkan sebarang perbezaan atau kemas kini yang belum selesai.</li>
</ol>
<h3>Arahan tetap untuk ejen anda</h3>
<p><code style="display: inline-block; margin: 0px; padding: 0px;"></code></p>
<p><em>Untuk dokumen projek yang disenaraikan di bawah, sentiasa kemas kini salinan Obsidian dan AgentGrid. Setiap entri mengenal pasti fail Obsidian, AgentGrid URL dan yang berkanun. Sebelum mengedit, baca kedua-dua salinan. Jika ia mengandungi perubahan yang bercanggah atau belum disemak, tandakannya sebelum menimpa mana-mana salinan. Gunakan kemas kini yang dipersetujui pada versi kanonik, kemudian cerminkannya pada salinan berpasangan. Kekalkan kandungan yang dipersetujui dan pautan serta lampiran yang disokong, dan laporkan apa-apa yang tidak boleh disimpan. Baca semula kedua-dua salinan yang disimpan sebelum pelaporan selesai. Jika salah satu lokasi tidak tersedia atau simpan gagal, laporkan dengan tepat perkara yang masih belum selesai.</em></p>
<p><code style="display: inline-block; margin: 0px; padding: 0px;"></code></p>
<p>Simpan arahan ini di tempat ejen anda membaca arahan projeknya dan berikannya kepada setiap ejen yang bertanggungjawab untuk kemas kini.</p>
<p>Contohnya, pastikan penyelidikan pelanggan berkanun dalam Obsidian. Apabila ejen anda menambah penemuan temu duga yang diluluskan, minta ia mengemas kini dokumen AgentGrid yang digandingkan juga. Ejen lain yang berkaitan kemudiannya boleh menggunakan penyelidikan yang dikongsi itu untuk membangunkan ringkasan. Jika mereka mencadangkan perubahan kepada penyelidikan, halakan perubahan tersebut melalui proses kemas kini yang sama.</p>
<p>Ini ialah aliran kerja diurus ejen yang anda konfigurasikan. Ia tidak mewujudkan penyegerakan automatik terbina dalam, pemantauan latar belakang atau sandaran bilik kebal lengkap. Pengeditan manual juga memerlukan langkah penyesuaian yang jelas: minta ejen membandingkan kedua-dua salinan dan meneruskan perubahan yang diluluskan. <a href="https://agentgrid.io/docs/artifacts/import-document">Lihat gelagat import AgentGrid</a>.</p>
<p>Sebelum mengembangkan melebihi satu projek, semak pautan, lampiran dan pemformatan khas anda di kedua-dua tempat. Simpan nota peribadi di luar set kongsi melainkan ia diperlukan untuk kerja.</p>
<p>&nbsp;</p>
<p>Cubalah <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/ms/agentic-ms/obsidian-alternatives-ms/">Kajian &#038; Alternatif Obsidian: Nota, Pasukan dan Kerjasama AI</a> appeared first on <a href="https://animaapp.com/blog/ms">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Apakah Claude Design (claude.ai/design)?</title>
		<link>https://animaapp.com/blog/ms/ai-design-ms/what-is-claude-design-ms/</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=16498</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 di claude.ai/design menukar gesaan menjadi prototaip, slaid dan mockup pada kanvas. Apakah itu, cara ia berfungsi, had dan masa untuk menggunakan Anima atau AgentGrid.io seterusnya.</p>
<p>The post <a href="https://animaapp.com/blog/ms/ai-design-ms/what-is-claude-design-ms/">Apakah Claude Design (claude.ai/design)?</a> appeared first on <a href="https://animaapp.com/blog/ms">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><p><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>
<p>Claude Design ialah produk reka bentuk sembang-ke-kanvas Anthropic. Anda menerangkan perkara yang anda mahukan dalam bahasa biasa, Claude membina versi pertama pada kanvas dan anda memperhalusinya melalui sembang, ulasan sebaris dan pengeditan terus. Produk hidup di <a href="https://claude.ai/design" rel="noopener" target="_blank">claude.ai/design</a> (juga dipautkan daripada halaman produk Claude) dan dalam bar sisi desktop Claude.</p>
<p>Ia bukan Figma, bukan penjana imej generik, dan bukan pembina bahagian hadapan pengeluaran penuh dengan sendirinya. Ia ialah ruang kerja reka bentuk perbualan untuk prototaip, dek, halaman satu halaman, visual pemasaran dan konsep interaktif, dengan konteks sistem reka bentuk pilihan dan laluan penyerahan ke Kod Claude.</p>
<p>Jika anda mencari &#8220;apa itu Claude Design&#8221; kerana SERP bising, halaman ini adalah jawapan ringkas dahulu, kemudian aliran kerja praktikal, kemudian di mana Anima dan AgentGrid.io sesuai apabila anda memerlukan kesinambungan Figma atau artifak kongsi yang tahan lama.</p>
<p>Untuk pengguna ChatGPT, <a href="https://chatgpt.com/plugins/plugin_asdk_app_6a747c2caadc8191acf784bd04153268" rel="noopener" target="_blank">Alternatif Claude Design ialah ChatGPT+AgentGrid.io</a>, menawarkan ciri perkongsian, versi, kerjasama dan penerbitan terus daripada sembang.</p>
<h2>Jawapan ringkas</h2>
<div class="table-wrap">
<table class="rocket-claude-design-table">
<thead>
<tr>
<th>soalan</th>
<th>Jawab</th>
</tr>
</thead>
<tbody>
<tr>
<td>Apa itu?</td>
<td>Produk Anthropic Labs untuk mencipta kerja visual dengan Claude pada kanvas khusus</td>
</tr>
<tr>
<td>di mana?</td>
<td><a href="https://claude.ai/design" rel="noopener" target="_blank">claude.ai/design</a> dan bar sisi Desktop Claude</td>
</tr>
<tr>
<td>Siapa yang boleh menggunakannya?</td>
<td>Claude Pro, Max, Pasukan dan Perusahaan (Enterprise selalunya dimatikan secara lalai sehingga pentadbir mendayakannya)</td>
</tr>
<tr>
<td>Model / status</td>
<td>Dilancarkan dalam pratonton penyelidikan pada 17 April 2026; kemudiannya digambarkan sebagai beta. Dikuasakan semasa pelancaran oleh Claude Opus 4.7 (model mungkin berubah)</td>
</tr>
<tr>
<td>Terbaik untuk</td>
<td>Penerokaan pantas, mockup PM, dek, konsep pemasaran, penyerahan asli Claude kepada Kod Claude</td>
</tr>
<tr>
<td>Bukan pengganti</td>
<td>Kerja sistem reka bentuk Figma mendalam, kraf tahap piksel atau kerjasama artifak berbilang ejen di luar Claude</td>
</tr>
</tbody>
</table>
</div>
<p>Siaran pelancaran Anthropic membingkaikan masalah dengan jelas: pereka mencatu penerokaan kerana jarang ada masa untuk berdozen arahan, dan bukan pereka bergelut untuk mengubah idea menjadi sesuatu yang boleh dikongsi. Claude Design adalah jawapan mereka untuk kedua-duanya.</p>
<h2>Cara Claude Design berfungsi</h2>
<p>Claude Design membelah skrin: sembang di sebelah kiri, kanvas di sebelah kanan. Pusat bantuan Anthropic menerangkan gelung sebagai:</p>
<ol>
<li>Buat projek</li>
<li>Lampirkan atau import sistem reka bentuk apabila anda mempunyainya</li>
<li>Tambahkan konteks (tangkapan skrin, dokumen, pangkalan kod)</li>
<li>Terangkan apa yang anda mahukan</li>
<li>Semak hasil kanvas</li>
<li>Perhalusi dengan sembang, ulasan sebaris atau suntingan kanvas terus</li>
<li>Eksport atau kongsi</li>
</ol>
<p>Panduan Anthropic sendiri berguna di sini: generasi pertama adalah titik permulaan. Nilainya ialah lelaran.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Gambaran keseluruhan ciri Claude Design (aset blog Anima)" src="https://animaapp.com/blog/wp-content/uploads/2026/09/Claude-Design-Features.png"/><figcaption>Gambaran keseluruhan ciri Claude Design (aset blog Anima)</figcaption></figure>
<h3>Apa yang anda boleh buat</h3>
<p>Output biasa yang dipanggil oleh Anthropic dan dokumen bantuan:</p>
<ul>
<li>Rangka wayar produk dan skrin aplikasi</li>
<li>Halaman pendaratan dan cagaran pemasaran</li>
<li>Dek padang dan pembentangan</li>
<li>Prototaip interaktif</li>
<li>Satu muka surat dan visual sosial</li>
<li>Prototaip sempadan berkuasa kod (suara, video, shader, 3D, AI terbina dalam), apabila laluan itu disokong</li>
</ul>
<h3>Reka bentuk sistem dan jenama</h3>
<p>Claude Design boleh mengimport sistem reka bentuk daripada GitHub, fail reka bentuk, muat naik atau pangkalan kod setempat (termasuk melalui <code>/design-sync</code> daripada Kod Claude). Claude sepatutnya membina dengan komponen anda dan menyemak output terhadap sistem sebelum anda melihatnya. Pentadbir Pasukan dan Perusahaan boleh mengunci sistem standard.</p>
<p>Itu penting kerana UI AI generik ialah mod kegagalan lalai dalam kategori ini. Konteks jenama ialah perbezaan antara demo dan sesuatu yang boleh dimasukkan oleh PM dalam ulasan.</p>
<h3>Eksport dan serah terima</h3>
<p>Destinasi eksport dan penghantaran yang didokumenkan termasuk PDF, PPTX, HTML kendiri, zip/folder, Canva dan penyambung seperti Adobe, Gamma, Lovable, Miro, Replit, Vercel dan Wix (senarai berubah; semak semula dokumen semasa sebelum anda menjanjikan penyambung).</p>
<p>Laluan binaan asli Claude diserahkan kepada Kod Claude: pakej reka bentuk dan teruskan daripada projek yang berfungsi dan bukannya membina semula daripada tangkapan skrin.</p>
<p><strong>Jurang aliran kerja penting untuk banyak pasukan reka bentuk:</strong> Claude Design tidak menawarkan eksport Figma asli. Jika Figma adalah sumber kebenaran anda, anda memerlukan jambatan tambahan.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Contoh visual hasil Claude Design (aset blog Anima)" src="https://animaapp.com/blog/wp-content/uploads/2026/09/Claude-Design-result.png"/><figcaption>Contoh visual hasil Claude Design (aset blog Anima)</figcaption></figure>
<h2>Apa yang orang katakan tentangnya</h2>
<p>Reaksi awam daripada X (dirakam tanpa log masuk daripada siaran individu URLs) dan halaman Anthropic sendiri.</p>
<h3>Daripada X</h3>
<figure class="wp-block-image size-full"><img decoding="async" alt="Siaran pelancaran Claude (@claudeai), 17 Apr 2026" src="https://animaapp.com/blog/wp-content/uploads/2026/09/x-01-claudeai-launch-cropped.jpg"/><figcaption>Siaran pelancaran Claude (@claudeai), 17 Apr 2026</figcaption></figure>
<blockquote><p>Memperkenalkan Claude Design oleh Anthropic Labs: buat prototaip, slaid dan satu halaman dengan bercakap dengan Claude. Dikuasakan oleh Claude Opus 4.7, model penglihatan kami yang paling berkebolehan. Tersedia dalam pratonton penyelidikan pada rancangan Pro, Max, Pasukan dan Perusahaan, yang dilancarkan sepanjang hari.<br />
&#8211; Claude (@claudeai), 17 Apr 2026 · <a href="https://x.com/claudeai/status/2045156267690213649" rel="noopener" target="_blank">jawatan</a></p></blockquote>
<figure class="wp-block-image size-full"><img decoding="async" alt="Kemas kini Claude Design kekal pada jenama, 17 Jun 2026" src="https://animaapp.com/blog/wp-content/uploads/2026/09/x-02-claudeai-on-brand-cropped.jpg"/><figcaption>Kemas kini Claude Design kekal pada jenama, 17 Jun 2026</figcaption></figure>
<blockquote><p>Baharu dalam Claude Design: ia kekal pada jenama dengan sistem reka bentuk anda merentas projek, membolehkan anda mengedit terus pada kanvas, menyegerakkan dengan Kod Claude dan menyambung kepada lebih banyak alatan yang telah anda gunakan.<br />
&#8211; Claude (@claudeai), 17 Jun 2026 · <a href="https://x.com/claudeai/status/2067325887909884315" rel="noopener" target="_blank">jawatan</a></p></blockquote>
<figure class="wp-block-image size-full"><img decoding="async" alt="Urutan petua Ryan Mather untuk Claude Design" src="https://animaapp.com/blog/wp-content/uploads/2026/09/x-03-flomerboy-tips-cropped.jpg"/><figcaption>Urutan petua Ryan Mather untuk Claude Design</figcaption></figure>
<blockquote><p>Petua saya untuk mendapatkan hasil terbaik daripada Claude Design! Saya dalam pasukan menegak di Anthropic yang bermaksud saya menyediakan 7 produk berbeza. Claude Design menjadikannya mungkin! 1. Sediakan sistem reka bentuk anda dan skrin teras anda. Satu jam persediaan dan penambahbaikan di sini berbaloi<br />
&#8211; Ryan Mather (@Flomerboy), 17 Apr 2026 · <a href="https://x.com/Flomerboy/status/2045162321589252458" rel="noopener" target="_blank">jawatan</a></p></blockquote>
<figure class="wp-block-image size-full"><img decoding="async" alt="Reaksi awal Sachin Rekhi terhadap Claude Design" src="https://animaapp.com/blog/wp-content/uploads/2026/09/x-04-sachinrekhi-cropped.jpg"/><figcaption>Reaksi awal Sachin Rekhi terhadap Claude Design</figcaption></figure>
<blockquote><p>Beberapa reaksi awal terhadap keluaran Claude Design: … Tiada bangunan produk di atas LLM yang selamat daripada persaingan langsung daripada Anthropic itu sendiri: Saya sedang melihat semua alat prototaip dalam ruang … Malah penyandang bersejarah seperti Figma harus mula tertanya-tanya adakah mereka menggunakan AI yang cukup asli…<br />
&#8211; Sachin Rekhi (@sachinrekhi), 17 Apr 2026 · <a href="https://x.com/sachinrekhi/status/2045193851502317852" rel="noopener" target="_blank">jawatan</a></p></blockquote>
<h3>Daripada Anthropic / rakan kongsi</h3>
<p>Petikan ini adalah daripada halaman awam Anthropic (penyata pelanggan dan rakan kongsi yang diterbitkan bersama produk). Anggap mereka sebagai testimoni yang dihoskan vendor, bukan ulasan bebas.</p>
<blockquote><p>&#8220;Reka bentuk Claude memberi saya kecerdasan model sempadan dengan kefungsian &amp; keupayaan alatan reka bentuk yang telah dicuba &amp; benar. Pada bila-bila masa saya sedang mengusahakan arahan reka bentuk untuk tapak Tenex, aset jenama baharu atau pembentangan, Claude Design ialah tempat pertama yang saya pergi. … Dan kemudian serah terima antara Claude Design dan ZX Codeam tanpa membuat proses pengeluaran.&#8221; <br />
&#8211; Alex Lieberman, Pengasas Bersama, Morning Brew &amp; Tenex (<a href="https://claude.com/blog/claude-design-stays-on-brand-for-daily-work" rel="noopener" target="_blank">Blog Claude</a>)</p></blockquote>
<p>Daripada jawatan pelancaran Anthropic, pasukan produk menekankan kelajuan dan kesesuaian jenama:</p>
<blockquote><p>&#8220;Kami telah beralih daripada idea kasar kepada prototaip yang berfungsi sebelum sesiapa meninggalkan bilik, dan outputnya kekal mengikut garis panduan jenama dan reka bentuk kami.&#8221; <br />
&#8211; dipetik pada <a href="https://www.anthropic.com/news/claude-design-anthropic-labs" rel="noopener" target="_blank">Pelancaran Claude Design Anthropic</a></p></blockquote>
<p>Anthropic juga melaporkan bahawa lebih satu juta orang menggunakan Claude Design pada minggu pertamanya (<a href="https://claude.com/blog/claude-design-stays-on-brand-for-daily-work" rel="noopener" target="_blank">Kemas kini produk 17 Jun 2026</a>). Itu adalah tuntutan penggunaan daripada Anthropic, bukan audit pihak ketiga.</p>
<h2>Di mana Claude Design sesuai (dan di mana ia berhenti)</h2>
<h3>Kuat sesuai</h3>
<ul>
<li>Anda sudah pun tinggal dalam Kod Claude dan Claude</li>
<li>Anda memerlukan visual dalam mesyuarat yang sama, bukan minggu depan</li>
<li>PM atau pengasas memerlukan mockup atau dek sebelum kapasiti reka bentuk dibuka</li>
<li>Anda mahukan perkongsian berskop organisasi dalam Claude</li>
</ul>
<h3>Lemah cergas (hari ini)</h3>
<ul>
<li>Pereka bentuk anda memerlukan komponen asli Figma, varian dan kebersihan fail</li>
<li>Anda memerlukan kerjasama berbilang model pada artifak tahan lama yang sama (Claude + ChatGPT + ejen pengekodan + editor manusia)</li>
<li>Anda memerlukan tapak web awam dengan domain tersuai, sejarah versi merentas ejen atau kawalan penerbitan gaya AgentGrid</li>
<li>Anda memerlukan pengeditan berbilang pemain yang boleh dipercayai (Anthropic masih memanggil asas pengeditan berbilang orang serentak)</li>
</ul>
<p>Bersikap adil: Claude Design sangat baik dalam perbualan-ke-kanvas. Ia tidak cuba untuk menjadi setiap alat reka bentuk.</p>
<h2>Aliran kerja praktikal selepas Claude Design</h2>
<p>Berikut ialah laluan hujung ke hujung yang berguna untuk pasukan yang mengambil berat tentang jenama, Figma dan UI produk boleh hantar.</p>
<h3>1. Teroka dalam Claude Design</h3>
<p>Mulakan pada <a href="https://claude.ai/design" rel="noopener" target="_blank">claude.ai/design</a>. Gesa untuk 2-3 arah. Lampirkan tangkapan skrin atau sistem reka bentuk. Ulangi sehingga cerita itu jelas.</p>
<h3>2. Teruskan dalam Figma apabila kraf penting</h3>
<p>Jika pemilik seterusnya ialah seorang pereka, alihkan konsep ke Figma. Anima Buddy boleh menukar Claude Design HTML menjadi lapisan Figma yang boleh diedit supaya anda tidak tersekat di luar sistem reka bentuk. Panduan: <a href="https://www.animaapp.com/blog/genai/how-to-go-from-claude-design-to-figma/" rel="noopener" target="_blank">Bagaimana untuk pergi dari Claude Design ke Figma</a>.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Claude Design hingga Figma dengan Anima Buddy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/Anima-claude-design-figma-cover.jpg"/><figcaption>Claude Design hingga Figma dengan Anima Buddy</figcaption></figure>
<h3>3. Bina prototaip yang berfungsi dalam Anima Playground</h3>
<p>Apabila anda memerlukan prototaip HTML/React pada jenama yang boleh diedit (bukan sahaja mockup kanvas), teruskan dalam <a href="https://www.animaapp.com/" rel="noopener" target="_blank">Anima Playground</a>. Mulakan daripada gesaan, Figma, imej atau URL. Pastikan Playground, Buddy dan Figma-to-code berbeza. Taman permainan ialah permukaan apl/prototaip penyemak imbas. Buddy ialah ejen AI Figma.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Anima Playground" src="https://animaapp.com/blog/wp-content/uploads/2026/09/Anima-Playground.png"/><figcaption>Anima Playground</figcaption></figure>
<h3>4. Isi jurang Claude Design bukan milik sendiri</h3>
<p>Contoh: Claude Design lemah dalam menjana imej pemasaran untuk halaman yang dibinanya. Pasukan boleh meletakkan reka bentuk pada AgentGrid.io dan membiarkan ChatGPT menjana imej ke dalam artifak yang sama. Panduan: <a href="https://www.animaapp.com/blog/genai/generate-images-for-claude-design-with-chatgpt/" rel="noopener" target="_blank">Hasilkan imej untuk Claude Design dengan ChatGPT</a>.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Hasilkan imej untuk Claude Design dengan ChatGPT melalui AgentGrid.io" src="https://animaapp.com/blog/wp-content/uploads/2026/09/claude-design-generate-images-chatgpt-cover-1.jpg"/><figcaption>Hasilkan imej untuk Claude Design dengan ChatGPT melalui AgentGrid.io</figcaption></figure>
<h3>5. Terbitkan atau kongsi artifak tahan lama di AgentGrid.io</h3>
<p>Jika keputusan mesti meninggalkan satu sembang, bertahan dalam sejarah versi dan kekal boleh diedit oleh orang dan ejen lain, alihkannya ke <a href="https://agentgrid.io/" rel="noopener" target="_blank">AgentGrid.io</a>. Itulah ruang kerja kongsi untuk artifak langsung (dokumen, apl, reka bentuk), bukan kanvas reka bentuk kedua. Panduan: <a href="https://www.animaapp.com/blog/agentic/publish-claude-design-website-agentgrid/" rel="noopener" target="_blank">Terbitkan tapak web Claude Design dengan AgentGrid.io</a>.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Terbitkan Claude Design melalui AgentGrid.io" src="https://animaapp.com/blog/wp-content/uploads/2026/09/claude-design-publish-website-agentgrid-1.jpg"/><figcaption>Terbitkan Claude Design melalui AgentGrid.io</figcaption></figure>
<h2>Claude Design lwn alatan berdekatan (peta pantas)</h2>
<div class="table-wrap">
<table class="rocket-claude-design-table">
<thead>
<tr>
<th>Perlu</th>
<th>Mulakan di sini</th>
</tr>
</thead>
<tbody>
<tr>
<td>Sembang-ke-kanvas dalam Claude</td>
<td>Claude Design</td>
</tr>
<tr>
<td>Kerja sistem reka bentuk di dalam Figma</td>
<td>Buddy oleh Anima</td>
</tr>
<tr>
<td>Prototaip langsung HTML/React yang sedar jenama</td>
<td>Anima Playground</td>
</tr>
<tr>
<td>Artifak berbilang ejen tahan lama + terbitan</td>
<td>AgentGrid.io</td>
</tr>
<tr>
<td>Artifak penyelidikan UX mendalam</td>
<td>Alat UX khusus (contohnya UX Pilot)</td>
</tr>
<tr>
<td>Idea UI asli Google</td>
<td>Google Stitch</td>
</tr>
</tbody>
</table>
</div>
<p>Untuk perbandingan yang lebih panjang, lihat Anima <a href="https://www.animaapp.com/blog/ai-design-en/claude-design-review-features-pros-cons-and-best-alternatives/" rel="noopener" target="_blank">Kajian Claude Design</a>. Halaman &#8220;apa itu&#8221; ini tetap ditakrifkan dengan sengaja supaya ia tidak menghina ulasan itu.</p>
<h2>Soalan Lazim</h2>
<h3>Adakah Claude Design sama dengan Artifak Claude?</h3>
<p>Tidak. Artifak ialah output di sebelah sembang Claude (selalunya dokumen, HTML atau kod). Claude Design ialah produk reka bentuk khusus dengan kanvas, model projek dan aliran eksport/lepas tangan sendiri di claude.ai/design.</p>
<h3>Adakah Claude Design percuma?</h3>
<p>Ia disertakan dengan langganan Claude Pro, Max, Pasukan dan Perusahaan dan dikira dalam had penggunaan pelan (Anthropic sebelum ini mempunyai elaun Reka Bentuk mingguan yang berasingan; dokumen bantuan semasa mengatakan Design kini berkongsi kumpulan pelan). Perusahaan biasanya dimatikan sehingga pentadbir mendayakannya. Semak semula <a href="https://support.claude.com/en/articles/14604416-get-started-with-claude-design" rel="noopener" target="_blank">Harga dan bantuan Anthropic</a> sebelum menerbitkan tuntutan pelan.</p>
<h3>Bolehkah Claude Design menggantikan Figma?</h3>
<p>Bukan sebagai pengganti penuh untuk kebanyakan org reka bentuk produk. Ia kuat untuk kelajuan dan penerokaan. Figma kekal lebih kukuh untuk sistem komponen, varian dan operasi fail reka bentuk. Gunakan Buddy apabila anda memerlukan langkah AI di dalam Figma.</p>
<h3>Bagaimanakah cara membuka Claude Design?</h3>
<p>Pergi ke <a href="https://claude.ai/design" rel="noopener" target="_blank">claude.ai/design</a>, atau bukanya dari bar sisi desktop Claude. Pemasaran produk rasmi juga menunjuk kepada <a href="https://claude.com/product/design" rel="noopener" target="_blank">claude.com/product/design</a>.</p>
<h2>Garis bawah</h2>
<p>Claude Design ialah jawapan Anthropic untuk &#8220;menghuraikannya, melihatnya, memperhalusinya&#8221; untuk kerja visual. Gunakannya apabila Claude sudah menjadi ruang kerja dan kelajuan anda. Apabila langkah seterusnya ialah kraf Figma, prototaip produk sebenar, penjanaan imej merentas ejen atau artifak kongsi yang tahan lama, teruskan dengan Buddy, Anima Playground atau AgentGrid.io dan bukannya memaksa Claude Design menjadi keseluruhan timbunan.</p>
<p>The post <a href="https://animaapp.com/blog/ms/ai-design-ms/what-is-claude-design-ms/">Apakah Claude Design (claude.ai/design)?</a> appeared first on <a href="https://animaapp.com/blog/ms">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Kajian Claude Design: Ciri, Kebaikan, Keburukan dan Alternatif Terbaik</title>
		<link>https://animaapp.com/blog/ms/ai-design-ms/claude-design-review-features-pros-cons-and-best-alternatives-ms/</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=13612</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"> 12</span> <span class="rt-label rt-postfix">minutes</span></span>Ulasan Claude Design: terokai ciri, kebaikan, keburukan dan alternatif terbaiknya, termasuk Anima Playground, Buddy, Google Stitch, UX Pilot dan Banani.</p>
<p>The post <a href="https://animaapp.com/blog/ms/ai-design-ms/claude-design-review-features-pros-cons-and-best-alternatives-ms/">Kajian Claude Design: Ciri, Kebaikan, Keburukan dan Alternatif Terbaik</a> appeared first on <a href="https://animaapp.com/blog/ms">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"> 12</span> <span class="rt-label rt-postfix">minutes</span></span><p><strong>Anthropic secara rasmi memasuki ruang reka bentuk AI dengan Claude Design</strong>, alat baharu untuk mencipta prototaip, slaid, satu halaman dan konsep visual melalui perbualan. Daripada bermula dari kanvas kosong, pengguna boleh menerangkan perkara yang mereka mahu, menambah konteks dan memperhalusi output dengan Claude. Ini menjadikan Claude Design sangat menarik untuk pengurus produk, pengasas, pemasar dan pereka yang perlu bergerak dengan cepat daripada idea kepada arah visual.</p>
<p>Pada masa yang sama, Claude Design adalah sebahagian daripada peralihan yang lebih luas dalam alatan reka bentuk AI, di mana pasukan juga membandingkan aliran kerja seperti <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> untuk kesetiaan tinggi, prototaip bersambung kod dan Buddy, yang <a href="https://www.animaapp.com/blog/genai/figma-ai-design-agent/">Ejen Figma AI</a> oleh Anima, untuk kerja sedar sistem reka bentuk terus di dalam Figma.</p>
<p>Dalam ini <strong>Kajian Claude Design</strong>, kita akan melihat ciri utama, kekuatan, had dan cara ia dibandingkan dengan alat reka bentuk AI lain untuk pasukan yang mementingkan kelajuan, konsistensi jenama, aliran kerja Figma dan output sedia pengeluaran.</p>
<p>Pada 17 April 2026, Anthropic dilancarkan <a href="https://claude.ai/design"><strong>Claude Design</strong></a>, produk baharu daripada Anthropic Labs yang membolehkan pengguna mencipta kerja visual yang digilap dengan Claude, termasuk reka bentuk, prototaip, slaid, satu halaman dan pengalaman interaktif. Alat ini tersedia dalam pratonton penyelidikan untuk pelanggan Claude Pro, Max, Pasukan dan Perusahaan.</p>
<p>Sehingga baru-baru ini, kerja reka bentuk biasanya terdapat dalam alat khusus seperti Figma, Canva dan platform prototaip tradisional. Claude Design mengambil laluan yang berbeza. Daripada bermula dari kanvas kosong, anda mulakan dengan perbualan.</p>
<p>Anda menerangkan perkara yang anda mahukan, Claude menjana versi pertama, dan kemudian anda memperhalusinya melalui sembang, ulasan sebaris, suntingan langsung dan kawalan reka bentuk. Bagi pengurus produk, pengasas, pemasar dan pereka bentuk yang ingin bergerak lebih pantas daripada idea kepada output visual, aliran kerja mudah difahami.</p>
<p>Tetapi sejauh manakah kebaikan Claude Design dalam amalan? Dan bagaimana ia dibandingkan dengan alternatif seperti Anima, Buddy, Banani, UX Pilot dan Google Stitch?</p>
<p>Berikut ialah ulasan Claude Design praktikal yang merangkumi ciri, kekuatan, had dan alternatif terbaiknya.</p>
<h2>Apakah Claude Design?</h2>
<p><strong>Claude Design</strong> ialah alat reka bentuk AI terbina dalam Claude. Ia membolehkan pengguna mencipta karya visual dengan menerangkan perkara yang mereka mahu dalam bahasa semula jadi.</p>
<p>Anthropic menerangkannya sebagai cara untuk bekerjasama dengan Claude pada reka bentuk, prototaip, slaid, halaman satu halaman dan banyak lagi. Ia dikuasakan oleh Claude Opus 4.7, model penglihatan lanjutan Anthropic, dan kini tersedia dalam pratonton penyelidikan untuk pengguna Claude Pro, Max, Pasukan dan Perusahaan.</p>
<p>Pengalaman teras adalah mudah. Anda membuka Claude Design, menulis gesaan, menambah sebarang konteks yang berkaitan dan Claude menjana reka bentuk yang berfungsi pada kanvas. Dari situ, anda boleh terus memperhalusi output melalui perbualan, maklum balas sebaris dan pengeditan terus.</p>
<p>Claude Design amat berguna untuk orang yang perlu menukar idea menjadi sesuatu yang visual dengan cepat. Ini termasuk pengurus produk membuat mockup ciri, pengasas menyediakan geladak padang, pemasar membina aset kempen dan pereka bentuk meneroka pelbagai arah sebelum membuat komitmen kepada satu.</p>
<h2>Ciri-ciri Claude Design</h2>
<h3>1. Penjanaan teks kepada reka bentuk</h3>
<p>Aliran kerja Claude Design utama bermula dengan gesaan. Anda menerangkan perkara yang anda ingin buat dan Claude menjana versi pertama.</p>
<p>Anda boleh memintanya untuk mencipta perkara seperti:</p>
<ul>
<li>Rangka wayar produk</li>
<li>Skrin apl</li>
<li>Halaman pendaratan</li>
<li>Dek padang</li>
<li>Satu muka surat</li>
<li>Aset pemasaran</li>
<li>Prototaip interaktif</li>
<li>Alat dalaman</li>
<li>Visual media sosial</li>
</ul>
<p>Ini menjadikan Claude Design berasa kurang seperti alat reka bentuk tradisional dan lebih seperti rakan kongsi kreatif. Anda tidak perlu tahu cara menstruktur fail Figma atau membina dek dari awal. Anda menerangkan matlamat, khalayak, reka letak dan kandungan, dan Claude memberi anda titik permulaan.</p>
<p>Itu tidak bermakna hasil pertama akan sentiasa sempurna. Seperti kebanyakan alat reka bentuk AI, hasil terkuat biasanya datang selepas beberapa pusingan penambahbaikan.</p>
<h3>2. Penyuntingan berasaskan sembang dan komen sebaris</h3>
<p>Setelah Claude mencipta reka bentuk, anda boleh terus memperhalusinya dalam beberapa cara.</p>
<p>Anda boleh meminta perubahan luas dalam sembang, seperti &#8220;jadikan ini terasa lebih premium&#8221; atau &#8220;ubah ini menjadi reka letak papan pemuka&#8221;. Anda juga boleh meninggalkan ulasan sebaris pada elemen tertentu dan mengedit teks terus pada kanvas. Anthropic juga menyebut peluncur tersuai dan kawalan pelarasan yang boleh membantu mengubah jarak, warna dan reka letak.</p>
<h3>3. Reka bentuk sokongan sistem</h3>
<p>Claude Design boleh menggunakan sistem reka bentuk pasukan untuk projek baharu. Semasa onboarding, Claude boleh membaca pangkalan kod dan fail reka bentuk anda untuk membina sistem reka bentuk yang merangkumi warna, tipografi dan komponen anda.</p>
<p>Ini adalah ciri yang bermakna untuk syarikat yang mementingkan konsistensi jenama. Output reka bentuk AI generik adalah salah satu masalah terbesar dalam kategori ini. Jika setiap halaman yang dijana AI kelihatan seperti templat SaaS yang digilap yang sama, ia tidak begitu berguna untuk pasukan sebenar.</p>
<p>Yang berkata, terdapat nuansa penting. Claude Design membina sistem reka bentuknya dengan membaca fail dan pangkalan kod sedia ada. Bagi pasukan yang menganggap Figma sebagai sumber kebenaran, ini mungkin tidak terasa langsung seperti aliran kerja sistem reka bentuk Figma asli.</p>
<h3>4. Pelbagai pilihan import</h3>
<p>Claude Design memberi pengguna beberapa cara untuk menyediakan konteks. Menurut Anthropic, pengguna boleh bermula dengan gesaan teks, memuat naik imej dan dokumen, menyambungkan pangkalan kod atau menggunakan alat tangkapan web untuk merebut elemen daripada tapak web.</p>
<p>Ini membantu mengelakkan masalah &#8220;kanvas kosong&#8221;. Daripada meminta Claude mencipta segala-galanya dari awal, anda boleh memberikan rujukan, tangkapan skrin, aset sedia ada atau konteks produk.</p>
<p>Lebih banyak konteks yang anda sediakan, lebih baik kemungkinan outputnya.</p>
<h3>5. Kerjasama dan perkongsian</h3>
<p>Claude Design menyokong perkongsian berskop organisasi. Anda boleh menyimpan reka bentuk peribadi, berkongsi dengan sesiapa sahaja dalam organisasi anda melalui pautan atau membenarkan rakan sekerja mengedit dan bekerjasama. Anthropic berkata rakan usaha sama boleh mengubah suai reka bentuk dan berbual dengan Claude bersama-sama.</p>
<p>Ini amat berguna untuk pasukan produk. PM boleh mencipta prototaip awal, berkongsinya dengan pereka bentuk atau jurutera dan terus memperhalusi idea sebelum menulis spesifikasi penuh atau membuka tugas pembangunan.</p>
<h3>6. Pilihan eksport</h3>
<p>Claude Design menyokong beberapa laluan eksport. Anda boleh berkongsi reka bentuk sebagai URL dalaman, menyimpannya sebagai folder atau mengeksportnya ke fail Canva, PDF, PPTX atau HTML kendiri. Anthropic juga menyerlahkan aliran penyerahan kepada Kod Claude, di mana Claude membungkus reka bentuk ke dalam satu berkas yang boleh dihantar kepada Kod Claude untuk pelaksanaan.</p>
<p>Satu had penting ialah Claude Design tidak menawarkan eksport terus ke Figma. Itu penting kerana banyak pasukan masih bergantung pada Figma untuk penghalusan reka bentuk akhir, pengurusan sistem reka bentuk, kerjasama dan penyerahan.</p>
<p>Terdapat penyelesaian, termasuk menggunakan Buddy oleh Anima untuk membawa keluaran HTML Claude Design ke dalam Figma, tetapi Claude Design sendiri tidak menyediakan eksport Figma asli.</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 Kebaikan dan Keburukan</h2>
<h3>Perkara yang dilakukan Claude Design dengan baik</h3>
<p>Claude Design paling kuat apabila kelajuan penting. Ia membantu pengguna beralih daripada idea kepada artifak visual dengan cepat. Itu sangat berharga untuk PM, pengasas, pemasar dan pereka bentuk yang ingin meneroka lebih banyak arah tanpa menghabiskan berjam-jam menyediakan fail.</p>
<p>Sokongan sistem reka bentuk juga menjanjikan. Jika Claude dapat memahami jenama, komponen dan corak produk anda, output menjadi lebih berguna daripada mockup AI generik.</p>
<p>Penyerahan kepada Kod Claude merupakan satu lagi faedah utama. Bagi pasukan yang sudah menggunakan Kod Claude, aliran kerja daripada idea kepada prototaip kepada pelaksanaan terasa lebih berkaitan daripada menggunakan alatan berasingan untuk setiap langkah.</p>
<h3>Di mana Claude Design masih terhad</h3>
<p>Claude Design masih dalam pratonton penyelidikan, jadi pasukan harus mengharapkan beberapa kelebihan kasar.</p>
<p>Had terbesar adalah kawalan. Claude Design sangat bagus untuk inspirasi, penerokaan dan menguji arah yang berbeza dengan pantas, tetapi tidak selalunya di mana kerja reka bentuk akhir berlaku. Penambahbaikan akhir, keputusan susun atur terperinci, pembersihan sistem reka bentuk dan penyerahan pengeluaran selalunya masih memerlukan alat seperti Figma.</p>
<p>Ini menjadi lebih penting kerana Claude Design tidak menawarkan eksport terus ke Figma pada masa ini. Bagi pasukan yang menggunakan Figma sebagai sumber kebenaran mereka, itu boleh menjadi penyekat sebenar. Anda masih boleh mengeksport HTML atau menggunakan Kod Claude, tetapi jika matlamatnya adalah untuk terus mengedit hasil dalam Figma, anda memerlukan langkah tambahan.</p>
<p>Terdapat cara untuk merapatkan jurang itu, tetapi ia bergantung pada alat lain. Sebagai contoh, Buddy oleh Anima boleh membantu pasukan membawa keluaran Claude Design kembali ke Figma, membolehkan proses reka bentuk diteruskan di tempat di mana banyak pasukan telah mengurus komponen, reka letak dan penghalusan akhir mereka.</p>
<p>Had kedua ialah kesesuaian ekosistem. Claude Design paling berkuasa apabila pasukan anda sudah bekerja di dalam ekosistem Claude. Jika pereka bentuk anda tinggal di Figma dan pembangun anda menggunakan ejen pengekodan lain, anda mungkin lebih suka alatan yang menyambung lebih terus kepada aliran kerja tersebut.</p>
<p>Akhir sekali, visual yang dijana AI masih boleh berasa generik tanpa konteks yang kukuh. Claude Design menambah baik ini dengan sokongan sistem reka bentuk, tetapi kualiti masih banyak bergantung pada input yang anda berikan.</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>Alternatif Claude Design Terbaik</h2>
<p>Claude Design ialah pilihan baharu yang kukuh, tetapi ia bukan satu-satunya alat reka bentuk AI yang patut dipertimbangkan. Alternatif terbaik bergantung pada aliran kerja anda, pasukan anda dan sejauh mana anda memerlukan output kepada kod produk sebenar.</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>Terbaik untuk:</strong> Pasukan produk yang mahukan prototaip sedar jenama dan output sedia kod.</p>
<p>Anima Playground ialah persekitaran pengekodan vibe reka bentuk pertama yang dibina untuk mencipta prototaip atas jenama yang berkesetiaan tinggi. Di mana Claude Design tinggal di dalam ekosistem Claude, Anima memberi tumpuan untuk membantu pasukan mencipta pengalaman produk yang kelihatan dan berkelakuan seperti produk sebenar.</p>
<h2 style="text-align: center;">Cuba Reka Bentuk dengan AI</h2>
<p style="text-align: center;">Anima mencipta tapak web, apl dan reka bentuk UX daripada gesaan, cuba di sini –</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="Apa yang anda ingin reka bentuk hari ini?" 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="Hantar" 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>Kelebihan utama Anima ialah ia membolehkan pasukan bermula dari konteks produk sebenar, bukan sahaja dari gesaan kosong. Anda boleh membina daripada teks, mengimport reka bentuk Figma dan mengubahnya menjadi prototaip React yang berfungsi, mengklon tapak web sedia ada atau mengekstrak jenama daripada URL langsung dan menggunakannya untuk mereka bentuk halaman atau ciri baharu. Dengan sokongan sistem reka bentuk Figma, pasukan juga boleh membina dengan komponen sebenar mereka dan bukannya menjana satu lagi antara muka AI generik.</p>
<p>Satu lagi perbezaan penting ialah prototaip Anima boleh berkelakuan lebih seperti apl sebenar, bukan hanya mockup visual. Pasukan boleh menambah data sebenar dan menyambung aliran prototaip ke pangkalan data, yang memudahkan untuk menguji pengalaman produk yang bergantung pada input pengguna, maklumat yang disimpan, papan pemuka atau kandungan dinamik.</p>
<p>Anima juga mencipta aliran kerja yang lebih bulat antara reka bentuk, prototaip dan pembangunan. Pasukan boleh bermula dalam Figma, membawa reka bentuk ke dalam Anima, membina prototaip yang berfungsi, dan kemudian menyalin semula reka bentuk yang terhasil ke dalam Figma untuk penghalusan akhir dan penyerahan pereka.</p>
<p>Dari situ, pasukan boleh meneruskan pengeluaran dengan memuat turun kod yang dijana, berkongsi dengan pembangun atau menggunakan MCP untuk terus bekerja dalam ejen pengekodan dan alatan pembangunan. Ini menjadikan Anima berguna bukan sahaja untuk penerokaan pantas, tetapi untuk aliran kerja hujung ke hujung yang menghubungkan Figma, prototaip React yang berfungsi dan pembangunan sebenar.</p>
<p>Gunakan Anima Playground jika keutamaan anda bukan sahaja menghasilkan visual yang pantas, tetapi mencipta prototaip berfungsi yang dirasakan cukup nyata untuk menjajarkan pihak berkepentingan, menguji idea produk, memperhalusi reka bentuk dalam Figma dan menghampiri pengeluaran.</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> rocket-chatgpt-agentgrid-alternative:start </p>
<h3>2. ChatGPT + AgentGrid.io</h3>
<p><strong>Terbaik untuk:</strong> Pengguna ChatGPT yang mahukan alternatif Claude Design untuk mencipta, mengulang, melihat pratonton dan berkongsi artifak reka bentuk HTML.</p>
<p>ChatGPT boleh mereka bentuk dan prototaip dalam HTML, dengan penjanaan imej terbina dalam. Dalam banyak cara, ini menjadikannya ejen reka bentuk yang lebih kuat daripada Claude, terutamanya apabila sesuatu konsep memerlukan visual asli.</p>
<p>Kekurangan ChatGPT ialah tempat yang tahan lama untuk berkongsi, bekerjasama dan versi reka bentuk tersebut. <a href="https://agentgrid.io/">AgentGrid.io</a> mengisi jurang itu. Sambungkan ChatGPT melalui <a href="https://chatgpt.com/plugins/plugin_asdk_app_6a747c2caadc8191acf784bd04153268">Pemalam AgentGrid</a>, kemudian beritahu apa yang hendak mereka bentuk dan minta ia meletakkan hasilnya pada AgentGrid.io.</p>
<p>Kerjasama terbina dalam. Berbilang ejen ChatGPT, ditambah dengan Claude, Grok dan ejen lain yang berkaitan, boleh bekerja pada artifak yang sama. Fail reka bentuk kekal dalam folder pasukan selamat, manakala sejarah versi penuh menjejaki setiap perubahan, seperti Figma atau Google Docs.</p>
<p>Apabila reka bentuk sedia, minta ejen menerbitkannya sebagai prototaip awam skrin penuh, tapak web atau apl. Rakan sepasukan juga boleh mengulas dan menyebut orang atau ejen secara langsung pada reka bentuk. Contohnya: <em>&#8220;@Mo&#8217;s GPT, tambahkan latar belakang pelorek animasi berwarna-warni.&#8221;</em> Itu mengarahkan ejen ke lapisan kanan.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="ChatGPT mencipta dan mengulang pada reka bentuk HTML yang dikongsi dalam AgentGrid.io dengan sejarah versi" 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 mencipta reka bentuk manakala AgentGrid.io mengekalkan artifak HTML dikongsi, kolaboratif dan versi.</figcaption></figure>
<p>Untuk pengguna ChatGPT, ia adalah <a href="https://agentgrid.io/">alternatif Claude Design muktamad</a>: reka bentuk berkeupayaan imej, artifak dikongsi, kerjasama, sejarah versi dan penerbitan dalam satu aliran kerja.</p>
<p> roket-chatgpt-agentgrid-alternative:end </p>
<h3>3. Buddy oleh 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>Terbaik untuk:</strong> Pasukan yang mahukan ejen reka bentuk AI dalam Figma.</p>
<p>Buddy ialah ejen reka bentuk AI Anima yang tinggal terus di dalam Figma. Itulah kelebihan terbesarnya berbanding Claude Design: anda tidak perlu mengalihkan kerja anda ke ruang kerja AI yang berasingan atau mengeksportnya semula ke Figma kemudian. Anda bermula dalam Figma, mencipta dan mengedit nod Figma sebenar dan terus bekerja dalam persekitaran yang sama di mana pasukan anda telah mereka bentuk.</p>
<p>Buddy juga boleh menjana reka bentuk menggunakan sistem reka bentuk Figma sebenar anda. Ia boleh menggunakan semula komponen, pembolehubah dan gaya sedia ada. Bagi pasukan yang sudah menguruskan sistem reka bentuk mereka dalam Figma, ini adalah perbezaan yang besar.</p>
<p>Di luar penjanaan skrin, Buddy bertindak lebih seperti ejen AI yang fleksibel untuk kanvas Figma. Anda boleh memintanya untuk membuat variasi, menggunakan komponen, menyusun bingkai yang tidak kemas, membersihkan nod, mengalih keluar elemen atau menyusun semula reka letak. Dalam pengertian itu, Buddy bukan sahaja penjana reka bentuk. Ia adalah pembantu AI untuk bekerja lebih pantas di dalam Figma itu sendiri.</p>
<p>Buddy juga boleh membantu menyelesaikan salah satu jurang aliran kerja terbesar Claude Design: kekurangan eksport Figma asli. Jika pasukan mencipta konsep dalam Claude Design dan ingin terus memperhalusinya dalam Figma, mereka boleh menyalin keluaran HTML daripada Claude Design, menampalnya ke dalam Buddy dan menukarnya kepada nod Figma yang boleh diedit. Itu memberi pasukan laluan praktikal daripada penerokaan Claude Design kembali ke aliran kerja Figma mereka. <a href="https://www.animaapp.com/blog/genai/how-to-go-from-claude-design-to-figma/">Baca ini untuk mengetahui lebih lanjut.</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/">Pisang</a></h3>
<p><strong>Terbaik untuk:</strong> Penerokaan UI pantas dengan eksport Figma.</p>
<p>Banani ialah alat reka bentuk UI AI berasaskan kanvas yang menjana UI daripada gesaan dan rujukan imej. Ia berguna untuk idea pantas, terutamanya apabila anda ingin menjana berbilang arah dan kemudian terus memperhalusi output dalam Figma.</p>
<p>Banani lebih fokus daripada Claude Design. Ia tidak cuba untuk memiliki keseluruhan aliran kerja daripada idea visual kepada penyerahan kod. Sebaliknya, ia membantu pengguna membuat konsep UI dengan cepat dan memindahkannya ke dalam alatan reka bentuk untuk penyuntingan selanjutnya.</p>
<p>Pilih Banani jika matlamat utama anda ialah penerokaan reka bentuk pantas dan eksport Figma.</p>
<h3>5. <a href="https://uxpilot.ai/">Juruterbang UX</a></h3>
<p><strong>Terbaik untuk:</strong> Penyelidikan UX, aliran, rangka wayar dan analisis kebolehgunaan.</p>
<p>UX Pilot lebih berstruktur di sekitar kerja UX daripada penjanaan visual. Ia membantu dengan wireframe, aliran pengguna, persona, peta perjalanan dan analisis kebolehgunaan.</p>
<p>Ini menjadikannya pilihan yang baik untuk pasukan yang mahukan bantuan AI lebih awal dalam proses reka bentuk produk. Daripada melompat terus ke skrin yang digilap, UX Pilot boleh membantu menjelaskan perjalanan pengguna, mengenal pasti isu kebolehgunaan dan membentuk struktur pengalaman produk.</p>
<p>Gunakan UX Pilot jika anda lebih mementingkan perancangan dan pengesahan UX daripada output visual ketelitian tinggi.</p>
<h3>6. <a href="https://stitch.withgoogle.com/">Google Stitch</a></h3>
<p><strong>Terbaik untuk:</strong> Pasukan yang mahukan idea UI AI pantas dengan aliran kerja reka bentuk kepada pembangunan asli Google.</p>
<p>Google Stitch ialah alat reka bentuk UI AI daripada Google Labs yang membantu pasukan menjana antara muka web dan mudah alih kesetiaan tinggi daripada bahasa semula jadi. Ia amat berguna untuk idea pantas, meneroka berbilang arah UI dan menukar idea produk awal kepada konsep visual tanpa bermula dari kanvas kosong.</p>
<p>Berbanding dengan Claude Design, Stitch berasa lebih tertumpu pada reka bentuk UI dan penerokaan antara muka produk. Pengalaman kanvasnya yang lebih baharu dibina berdasarkan &#8220;reka bentuk getaran&#8221;, di mana pasukan boleh membawa dalam konteks seperti teks, imej dan kod, kemudian beralih pada skrin dan mengalir ke dalam ruang kerja reka bentuk asli AI.</p>
<p>Google turut menyerlahkan sokongan sistem reka bentuk melalui DESIGN.md, pengekstrakan sistem reka bentuk berasaskan URL dan penyepaduan dengan alatan pembangun melalui Stitch MCP dan SDK.</p>
<p>Pilih Google Stitch jika pasukan anda mahukan cara yang pantas untuk meneroka konsep UI kesetiaan tinggi, terutamanya jika anda sudah bekerja dengan AI dan ekosistem pembangunan Google.</p>
<h2>Siapa Perlu Menggunakan Claude Design?</h2>
<p>Claude Design adalah sesuai untuk orang yang perlu menyampaikan idea secara visual tetapi tidak mahu bermula daripada alat reka bentuk tradisional.</p>
<p>Ia amat berguna untuk:</p>
<ul>
<li>Pengurus produk membuat mockup ciri pantas</li>
<li>Pengasas menyediakan dek padang atau konsep produk</li>
<li>Pemasar membina visual kempen atau idea halaman pendaratan</li>
<li>Pereka bentuk meneroka pelbagai arah visual</li>
<li>Pasukan sudah menggunakan Claude dan Claude Code</li>
</ul>
<p>Claude Design berbaloi untuk diuji jika pasukan anda sudah menggunakan Claude dan mahu beralih dengan cepat daripada idea kepada output visual.</p>
<p>Tetapi jika aliran kerja anda banyak bergantung pada Figma, sistem reka bentuk atau penyerahan hadapan gred pengeluaran, adalah wajar membandingkan Claude Design dengan Anima Playground dan Buddy, ejen AI Figma oleh Anima.</p>
<p>Claude Design tidak semestinya pengganti Figma. Ia lebih difahami sebagai ruang kerja reka bentuk AI yang pantas untuk penerokaan, prototaip dan komunikasi visual.</p>
<h2>Keputusan Akhir: Adakah Claude Design Berbaloi?</h2>
<p>Claude Design ialah salah satu alat reka bentuk AI baharu yang paling menarik kerana ia membawa ciptaan visual terus ke dalam Claude.</p>
<p>Kekuatan terbesarnya ialah kelajuan. Anda boleh menerangkan idea, menjana arah visual, memperhalusinya, bekerjasama dengan rakan sepasukan, mengeksportnya dan juga menyerahkannya kepada Kod Claude. Itu menjadikannya amat berguna untuk bukan pereka bentuk dan pasukan silang fungsi yang perlu bergerak dengan cepat.</p>
<p>Had terbesarnya ialah kedalaman. Pereka bentuk yang memerlukan kawalan penuh ke atas komponen, varian, sistem reka bentuk dan aliran kerja asli Figma mungkin masih memilih alat yang dibina di sekitar persekitaran reka bentuk sedia ada.</p>
<p>Jadi jawapannya bergantung pada pasukan anda.</p>
<p>Jika anda sudah menggunakan Claude dan mahukan cara yang pantas untuk mencipta prototaip, slaid dan aset visual, Claude Design sememangnya patut dicuba.</p>
<p>Jika pasukan anda sangat mengambil berat tentang kesetiaan jenama, aliran kerja Figma dan sistem reka bentuk bersambung kod, Anima Playground atau Buddy mungkin lebih sesuai.</p>
<p>Sama ada cara, Claude Design ialah satu lagi tanda bahawa alat reka bentuk AI bergerak melangkaui penjanaan imej yang mudah. Gelombang seterusnya ialah tentang mengubah idea menjadi pengalaman produk yang boleh digunakan, boleh diedit dan akhirnya boleh dibina.</p>
<h2>Soalan Lazim</h2>
<h3>Bolehkah Claude Design menggantikan Figma?</h3>
<p>Tidak langsung. Claude Design berguna untuk penerokaan pantas, prototaip, dek dan komunikasi visual. Figma masih menawarkan alat yang lebih matang untuk kerja reka bentuk terperinci, pengurusan komponen, sistem reka bentuk dan penyuntingan peringkat piksel.</p>
<h3>Adakah Claude Design menyokong sistem reka bentuk?</h3>
<p>ya. Claude Design boleh membina dan menggunakan sistem reka bentuk pasukan dengan membaca pangkalan kod dan fail reka bentuk. Ia boleh menggunakan warna, tipografi dan komponen secara automatik merentas projek baharu.</p>
<h3>Apakah alternatif Claude Design terbaik?</h3>
<p>Alternatif Claude Design terbaik termasuk Anima Playground, Buddy oleh Anima, Banani, UX Pilot dan Google Stitch. Pilihan yang tepat bergantung pada sama ada anda memerlukan aliran kerja asli Figma, sokongan sistem reka bentuk, perancangan UX atau prototaip sedia kod.</p>
<h3>Bolehkah saya mengeksport projek Claude Design ke Figma?</h3>
<p>Claude Design tidak menawarkan eksport terus ke Figma pada masa ini. Ia menyokong pilihan eksport seperti Canva, PDF, PPTX, HTML kendiri, URL dalaman dan folder. Jika anda perlu terus mengedit hasil dalam Figma, satu penyelesaian adalah dengan menyalin HTML daripada Claude Design dan menampalnya ke dalam Buddy oleh Anima, yang boleh menukar HTML menjadi nod Figma boleh diedit.</p>
<p>The post <a href="https://animaapp.com/blog/ms/ai-design-ms/claude-design-review-features-pros-cons-and-best-alternatives-ms/">Kajian Claude Design: Ciri, Kebaikan, Keburukan dan Alternatif Terbaik</a> appeared first on <a href="https://animaapp.com/blog/ms">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Bagaimanakah cara saya berkongsi fail antara Claude dan ChatGPT?</title>
		<link>https://animaapp.com/blog/ms/agentic-ms/share-file-between-claude-and-chatgpt-ms/</link>
		
		<dc:creator><![CDATA[Anima team]]></dc:creator>
		<pubDate>Thu, 03 Sep 2026 11:59:38 +0000</pubDate>
				<category><![CDATA[agentic]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/uncategorized-ms/share-file-between-claude-and-chatgpt-ms/</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>Muat turun dan muat naik semula berfungsi untuk serahan sekali sahaja. Jika kedua-dua pembantu terus mengedit fail yang sama, anda memerlukan lokasi yang dikongsi sebaliknya: storan awan atau workspace kedua-dua ejen bersambung terus</p>
<p>The post <a href="https://animaapp.com/blog/ms/agentic-ms/share-file-between-claude-and-chatgpt-ms/">Bagaimanakah cara saya berkongsi fail antara Claude dan ChatGPT?</a> appeared first on <a href="https://animaapp.com/blog/ms">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>Cara terpantas untuk berkongsi fail antara Claude dan ChatGPT ialah memuat turun fail dari satu dan memuat naiknya ke yang lain. Itu berfungsi, ia mengambil masa kira-kira tiga puluh saat, dan itulah yang dilakukan oleh kebanyakan orang.</p>
<p>Ia juga berhenti berfungsi apabila anda perlu melakukannya dua kali.</p>
<p>Jika anda mengalihkan fail ke sana ke mari sementara kedua-dua pembantu terus mengeditnya, gelung muat turun dan muat naik semula mula menghasilkan salinan dan bukannya kemajuan. Panduan ini merangkumi tiga cara untuk berkongsi fail antara Claude dan ChatGPT, apabila setiap satu ditahan dan di mana setiap satu pecah.</p>
<h2>Jawapan yang pantas</h2>
<p><strong>Dari Claude hingga ChatGPT:</strong></p>
<ol>
<li>Muat turun fail daripada Claude. Untuk artifact, gunakan pilihan muat turun atau salin dalam panel artifact. Untuk fail yang dijana oleh pembantu, gunakan pautan muat turun dalam mesej.</li>
<li>Buka ChatGPT dan lampirkan fail menggunakan klip kertas atau butang tambah.</li>
<li>Beritahu apa yang anda mahu lakukan dengannya.</li>
</ol>
<p><strong>Dari ChatGPT hingga Claude:</strong> tiga langkah yang sama secara terbalik.</p>
<p>Itulah keseluruhan kaedah manual. Adalah berbaloi untuk mengetahui separuh kedua jawapan juga, iaitu apa yang berlaku selepas langkah ketiga.</p>
<h2>Masalah salinan</h2>
<p>Anda mengeksport draf daripada ChatGPT dan memuat naiknya ke Claude untuk penulisan semula. Claude memberikan anda versi yang lebih baik. Anda memuat turunnya dan membawanya kembali ke ChatGPT untuk pas terakhir.</p>
<p>Tiada apa yang berlaku. Tetapi kira apa yang anda ada: yang asal masih terdapat dalam urutan ChatGPT, fail yang anda muat turun, versi Claude, muat turun itu dan apa sahaja yang akan datang. Lima perkara dengan nama yang hampir sama, satu daripadanya semasa.</p>
<p>Perangkap adalah benang yang anda biarkan terbuka. ChatGPT masih memegang draf pertama. Jika anda meneruskan perbualan itu dan bukannya memulakan perbualan baharu, ia akan mengedit versi lama, bukan peningkatan Claude, dan anda biasanya mengetahui apabila sesuatu yang telah anda betulkan kembali.</p>
<p>Itulah masalah salinan. Setiap penyerahan membuat salinan, tiada salinan yang tahu tentang yang lain, dan selepas dua atau tiga lompatan tidak ada jawapan yang boleh dipercayai yang mana satu adalah terkini.</p>
<p>Dua perkara yang lebih kecil menunggang bersamanya. Konteks tidak bergerak, jadi setiap pembantu melihat dokumen tanpa sejarah dan anda menerangkan semula ringkasan itu setiap kali. Dan pemformatan merosot, kerana Markdown bertahan dalam perjalanan tetapi jadual dan imej terbenam selalunya tidak.</p>
<p>Untuk satu penyerahan, semua ini tidak penting. Ia menjadi serius apabila kerja sedang berjalan, dan ia menjadi tidak terurus dengan satu pasukan: empat orang setiap satu menjalankan pembantu mereka sendiri pada projek yang sama, dan tiada siapa yang boleh menyatakan di mana versi semasa atau siapa yang menyentuhnya terakhir.</p>
<p>Yang menjadikan ini kurang masalah pemindahan fail daripada persoalan di mana kerja itu tinggal.</p>
<h2>Pilihan 2: letakkan fail dalam storan awan</h2>
<p>Kedua-dua Claude dan ChatGPT boleh menyambung ke Google Drive. Setelah disambungkan, anda mengarahkan setiap pembantu ke fail yang sama dan bukannya memuat naik salinan. Satu fail, satu lokasi, dan tiada siapa yang perlu bertindak sebagai kurier. Kedua-duanya kini boleh menulis kembali ke Drive serta membaca, jadi ini merupakan peningkatan sebenar berbanding memuat turun.</p>
<p>Dua perkara patut diketahui sebelum anda menyediakannya.</p>
<p><strong>Menyambung bukan selalu kerja dua klik.</strong> Pada akaun peribadi ia adalah pantas. Pada akaun kerja biasanya terdapat dua pentadbir yang berbeza: seseorang mendayakan penyambung pada bahagian AI dan secara berasingan pentadbir Google Workspace perlu mempercayai apl atau meluluskan setiap skop OAuth yang diminta. Dapatkan satu dan bukan yang lain dan pengguna mengalami ralat kebenaran tanpa sebab yang jelas. Skop juga berubah, jadi sambungan yang dibuat sebelum pertengahan 2026 biasanya perlu dibuat semula.</p>
<p><strong>Pembantu mewarisi akses anda.</strong> Inilah bahagian yang paling ramai orang rindui. Penyambung tidak diberikan kebenaran kepada folder. Ia log masuk sebagai anda. Apa sahaja akaun anda boleh buka, ia boleh dibuka, termasuk semua yang dikongsi dengan anda. Penyambung Drive Claude meminta akses baca seluruh akaun walaupun skrin persetujuan meninggalkan tanggapan bahawa anda sedang memilih fail tertentu dan <a href="https://help.openai.com/en/articles/10408842-google-app-for-chatgpt-data-controls-faq">Dokumentasi OpenAI sendiri</a> menerangkan model yang sama untuk ChatGPT: ia boleh mencapai apa sahaja yang boleh dicapai oleh akaun yang disambungkan. Anthropic&#8217;s <a href="https://support.claude.com/en/articles/10166901-use-google-workspace-connectors">Dokumentasi penyambung Google Workspace</a> menyenaraikan perkara yang boleh dilakukan oleh Claude dengan Drive yang disambungkan. Tiada cara untuk memberi pembantu bahagian Drive anda yang lebih sempit daripada anda sendiri.</p>
<p>Itu sebati dengan setiap pembantu yang anda tambahkan. Setiap satu mendapat paparan penuh yang sama dan kerana mereka semua bertindak seperti anda, sejarah semakan Drive mengaitkan setiap perubahan kepada anda. Anda boleh memulihkan versi semalam. Anda tidak boleh memberitahu pembantu mana yang menulis apa, atau menghentikan salah seorang daripada mereka daripada membaca sesuatu yang tidak mempunyai pembukaan perniagaan.</p>
<p>Storan awan menyelesaikan masalah lokasi. Ia tidak menyelesaikan siapa-buat-apa, ia tidak membenarkan anda menjangkau perkara yang boleh dicapai oleh ejen dan dokumen Drive masih tidak berjalan, jadi apl atau halaman perlu dieksport ke tempat lain sebelum sesiapa sahaja dapat melihatnya berfungsi.</p>
<h2>Pilihan 3: workspace kongsi kedua-dua ejen disambungkan</h2>
<p>Pendekatan ketiga ialah berhenti mengalihkan fail sama sekali dan memberi kedua-dua pembantu akses kepada artifact langsung yang sama.</p>
<p>Inilah modelnya <a href="https://agentgrid.io/">AgentGrid.io</a> dibina di sekeliling. artifact tinggal di workspace kongsi dengan URLnya sendiri. Claude dan ChatGPT kedua-duanya bersambung ke workspace itu, dan setiap satu membaca dan menulis artifact yang sama secara langsung. Tiada langkah muat turun, kerana tiada apa yang perlu digerakkan.</p>
<p>Untuk menyambungkan ejen, buka <a href="https://agentgrid.io/connect">AgentGrid.io/sambung</a>. Untuk pengekodan dan ejen autonomi, salin dan tampal prompt ini ke dalam ejen:</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>Untuk Claude atau ChatGPT dalam penyemak imbas, gunakan pautan penyambung pada halaman yang sama dan log masuk sekali.</p>
<p>Laluan penyambung menggunakan MCP, protokol terbuka AI yang digunakan pembantu untuk mencapai alat luaran. Itulah yang membolehkan pembantu daripada vendor berbeza bekerja dengan workspace yang sama.</p>
<p>Kerana hanya ada satu artifact, beberapa perkara menyusul. Setiap perubahan berlaku dalam satu sejarah versi, jadi anda boleh melihat bagaimana kerja itu berkembang daripada membandingkan dua muat turun. Artifak yang merupakan apl atau halaman dijalankan pada URL secara langsung, jadi tapak web yang dirangka ChatGPT ialah sesuatu yang boleh dibuka dan terus dibina oleh Claude. Akses kekal terikat dengan AgentGrid.io workspace dan artifacts yang anda kongsi di sana, dan bukannya mewarisi capaian penuh akaun pemacu awan yang disambungkan. Kawalan pasukan dan ejen yang lebih terperinci masih berkembang, jadi semak tetapan workspace semasa sebelum bergantung padanya untuk projek sensitif.</p>
<p>Pertukaran adalah persediaan, dan ia lebih kecil daripada yang didengari. Menyambungkan pembantu ialah log masuk sekali sahaja, bukan projek pentadbir. Untuk satu fail yang anda perlu alihkan sekarang, memuat turunnya masih lebih pantas. Dari penyerahan kedua dan seterusnya, ia tidak dekat.</p>
<h2>Pilihan mana yang sesuai dengan situasi mana</h2>
<table>
<thead>
<tr>
<th>Situasi</th>
<th>Pilihan terbaik</th>
</tr>
</thead>
<tbody>
<tr>
<td>Satu fail, satu masa</td>
<td>Muat turun dan muat naik semula</td>
</tr>
<tr>
<td>Dokumen yang anda terus rujuk tetapi jarang mengedit</td>
<td>Penyambung storan awan</td>
</tr>
<tr>
<td>Kedua-dua pembantu aktif menyunting kerja yang sama</td>
<td>Dikongsi workspace</td>
</tr>
<tr>
<td>Output ialah apl atau halaman langsung</td>
<td>Dikongsi workspace</td>
</tr>
<tr>
<td>Anda perlu melihat siapa yang mengubah apa</td>
<td>Dikongsi workspace</td>
</tr>
<tr>
<td>Orang lain tidak mempunyai alat AI sama sekali</td>
<td>Storan awan atau pautan kongsi</td>
</tr>
</tbody>
</table>
<p>Kebanyakan orang memerlukan lebih daripada satu daripada ini. Laluan muat turun adalah baik dan akan kekal baik untuk penyerahan pantas. Perkara yang tidak boleh dilakukan ialah mengadakan projek bersama-sama merentasi beberapa pembantu selama beberapa minggu.</p>
<h2>Nota tentang mengapa masalah ini wujud</h2>
<p>Setiap pembantu AI dibina sebagai konteks tertutup. Perbualan ChatGPT anda, projek Claude anda, sesi terminal anda: setiap satu lengkap dengan sendirinya dan buta terhadap yang lain. Itu adalah reka bentuk yang munasabah apabila orang menggunakan seorang pembantu pada satu masa.</p>
<p>Ia adalah kurang sesuai untuk bagaimana kerja itu sebenarnya berlaku sekarang. Penyelidikan dalam satu, merangka dalam satu lagi, kod dalam satu pertiga, dan rakan sekerja menjalankan set mereka sendiri. Fail adalah satu-satunya perkara yang mereka semua sentuh, jadi fail adalah tempat geseran tertumpu.</p>
<p>Pada <a href="https://animaapp.com/">Anima</a> kami memukul ini semasa membina kami sendiri <a href="https://www.animaapp.com/blog/vibe-coding/">produk pengekodan getaran</a>, itulah sebabnya kami membina AgentGrid.io. Beberapa pembantu merentas reka bentuk, kod dan kandungan, satu projek, dan tiada jawapan yang boleh dipercayai tentang tempat tinggal versi semasa.</p>
<p>Ia adalah alat yang sama yang kini kami gunakan secara dalaman setiap hari. Jika masalah penyalinan terdengar seperti minggu anda, <a href="https://agentgrid.io/">sambungkan pembantu kepada AgentGrid.io</a> dan mulakan dengan artifact tunggal. Anda tidak perlu memindahkan segala-galanya untuk mengetahui sama ada ia bertahan.</p>
<h2>Soal Jawab</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;">Bagaimanakah cara saya berkongsi fail antara Claude dan ChatGPT?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Muat turun fail daripada seorang pembantu dan muat naik ke yang lain menggunakan butang lampiran. Untuk fail, anda memerlukan kedua-dua pembantu untuk terus mengedit, sambungkannya ke storan awan kongsi atau workspace kongsi sebaliknya, jadi hanya ada satu salinan.</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;">Bolehkah Claude dan ChatGPT mengedit fail yang sama pada masa yang sama?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Bukan sendiri. Kedua-duanya tidak mempunyai akses kepada fail orang lain. Kedua-duanya boleh mengedit fail yang sama jika anda menyambungkannya ke lokasi kongsi seperti pemacu awan atau workspace kongsi yang dibina untuk ejen AI.</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;">Adakah pautan perkongsian Claude berfungsi untuk menghantar fail ke ChatGPT?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Pautan kongsi mencipta petikan perbualan yang boleh dilihat, bukan fail yang boleh dibuka dan diedit oleh pembantu lain. Ia berguna untuk menunjukkan kepada seseorang apa yang berlaku. Ia bukan kaedah pemindahan.</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;">Adakah pemformatan saya akan bertahan dalam pemindahan?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Teks biasa dan Markdown biasanya begitu. Dokumen dengan jadual, imej terbenam atau struktur kompleks selalunya tidak. Jika pemformatan penting, elakkan gelung muat turun dan gunakan lokasi kongsi sebaliknya.</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;">Bolehkah Claude dan ChatGPT mengakses fail yang sama?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Bukan secara lalai. Masing-masing hanya melihat apa yang anda muat naik ke dalamnya. Mereka boleh mencapai fail yang sama jika anda menyambungkan kedua-duanya ke lokasi kongsi, seperti Google Drive atau workspace kongsi yang dibina untuk ejen AI.</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;">Bagaimanakah saya boleh mengalihkan fail dari ChatGPT ke Claude?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Muat turunnya daripada ChatGPT, kemudian pasangkannya dalam Claude menggunakan klip kertas atau butang tambah. Jika anda menjangka untuk mengalihkannya semula, gunakan lokasi yang dikongsi supaya anda tidak mendapat beberapa salinan.</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;">Bolehkah dua pembantu AI mengedit dokumen yang sama?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Ya, jika dokumen itu tinggal di suatu tempat yang boleh dicapai oleh kedua-duanya. Bekerja daripada salinan yang dimuat turun bermakna setiap pembantu mengedit versinya sendiri dan tiada apa yang mendamaikannya.</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;">Apakah MCP dan adakah saya memerlukannya?</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> ialah protokol terbuka AI yang digunakan pembantu untuk menyambung ke alat luaran. Anda tidak perlu memahaminya untuk menggunakannya. Inilah yang menjadikan satu workspace boleh dicapai daripada ChatGPT, Claude dan ejen lain pada masa yang sama.</p>
</div>
</details>
</div>
<h2>Membungkus</h2>
<p>Untuk satu penyerahan, muat turun dan muat naik semula. Untuk dokumen yang sering anda rujuk, sambungkan kedua-dua pembantu kepada storan awan. Untuk kerja yang kedua-dua pembantu terus bina, berikan mereka satu artifact kongsi dan bukannya dua salinan.</p>
<p>Jika alat AI anda sudah menghasilkan lebih banyak fail daripada yang anda boleh jejak, <a href="https://agentgrid.io/">cuba AgentGrid.io</a> dan sambungkan pembantu pertama anda dalam beberapa minit.</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/ms/agentic-ms/share-file-between-claude-and-chatgpt-ms/">Bagaimanakah cara saya berkongsi fail antara Claude dan ChatGPT?</a> appeared first on <a href="https://animaapp.com/blog/ms">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Bagaimana untuk Menerbitkan Laman Web Claude Design dengan AgentGrid.io</title>
		<link>https://animaapp.com/blog/ms/genai-ms/publish-claude-design-website-agentgrid-ms/</link>
		
		<dc:creator><![CDATA[Anima team]]></dc:creator>
		<pubDate>Sun, 30 Aug 2026 14:51:19 +0000</pubDate>
				<category><![CDATA[agentic]]></category>
		<category><![CDATA[AI]]></category>
		<category><![CDATA[GenAI]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=15839</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>Terbitkan tapak web daripada Claude Design melalui AgentGrid.io, semak versi dengan berbilang ejen, terbitkan kemas kini dan sambungkan domain tersuai.</p>
<p>The post <a href="https://animaapp.com/blog/ms/genai-ms/publish-claude-design-website-agentgrid-ms/">Bagaimana untuk Menerbitkan Laman Web Claude Design dengan AgentGrid.io</a> appeared first on <a href="https://animaapp.com/blog/ms">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><strong>Claude Design boleh menerbitkan reka bentuk statik ke URL awam. Itu berfungsi untuk prototaip cepat atau konsep visual.</strong></p>
<p>Apabila tapak web memerlukan pengeditan berterusan, berbilang ejen, sejarah versi, kemas kini penerbitan atau domain tersuai, gunakan AgentGrid.io. Claude Design boleh menerbitkan tapak web ke dalam artifak kongsi yang boleh terus dipertingkatkan oleh pasukan anda dan ejen yang berkaitan.</p>
<p>Panduan ini menunjukkan cara untuk menerbitkan daripada Claude Design, menyemak versi dalam AgentGrid.io, membawa masuk ejen lain apabila diperlukan dan menyambungkan domain.</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;">Terbitkan dengan AgentGrid.io →</a></div>
<h2>Bagaimana untuk menerbitkan Laman Web daripada Claude Design</h2>
<h3>1. Pasang penyambung Claude daripada AgentGrid.io</h3>
<p><a href="https://claude.ai/directory/agent-grid">Pasang penyambung Claude daripada AgentGrid.io</a> melalui Direktori Penyambung Claude.</p>
<h3>2. Minta Claude Design Terbitkan melalui AgentGrid.io</h3>
<p>Dalam perbualan Claude Design untuk tapak web anda, minta Claude menerbitkannya melalui 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;">Gesa untuk 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;">Terbitkan tapak web saya menggunakan AgentGrid.io</code></pre>
</div>
<p>Claude Design mencipta atau mengemas kini tapak web sebagai artifak AgentGrid.io, di mana anda boleh menyemak hasilnya dan terus mengerjakan projek yang sama.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Minta Claude Design untuk menerbitkan laman web melalui AgentGrid.io." src="https://animaapp.com/blog/wp-content/uploads/2026/08/claude-design-publish-website-agentgrid-1536x906.jpg"/><figcaption>Minta Claude Design untuk menerbitkan laman web melalui AgentGrid.io.</figcaption></figure>
<h3>3. Pilihan: Sambungkan lebih banyak ejen</h3>
<p>Jemput ChatGPT, Claude, Claude Code, Codex, Cursor, Hermes, Rocket atau ejen lain yang serasi untuk bekerja pada artifak yang sama. Berbilang ejen boleh membuat perubahan tanpa membuat salinan terputus sambungan.</p>
<p>Gunakan AgentGrid.io untuk melompat antara versi, semak setiap perubahan ejen, pulihkan versi terdahulu apabila diperlukan dan terbitkan kemas kini yang diluluskan apabila anda sudah bersedia.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Semak perubahan, beralih antara versi dan terbitkan kemas kini daripada artifak AgentGrid.io yang dikongsi." src="https://animaapp.com/blog/wp-content/uploads/2026/08/agentgrid-editable-app-artifact-history-1536x906.jpg"/><figcaption>Semak perubahan, beralih antara versi dan terbitkan kemas kini daripada artifak AgentGrid.io yang dikongsi.</figcaption></figure>
<h3>4. Sambungkan domain</h3>
<p>Apabila tapak web sudah sedia, terbitkannya daripada AgentGrid.io dan sambungkan domain anda sendiri. Ikuti persediaan domain dan arahan DNS dalam panduan penerbitan GrokBot.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Terbitkan versi yang dipilih, kemudian sambungkan domain apabila anda sudah bersedia." src="https://animaapp.com/blog/wp-content/uploads/2026/08/published-claude-design-website-public-url-1536x906.jpg"/><figcaption>Terbitkan versi yang dipilih, kemudian sambungkan domain apabila anda sudah bersedia.</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;">Terbitkan dengan AgentGrid.io →</a></div>
<h2>Claude Design awam URL lwn. AgentGrid.io</h2>
<p>Claude Design sudah mempunyai pilihan URL awam langsung. Keputusannya ialah sama ada anda memerlukan hasil statik yang cepat atau tapak web yang boleh terus berkembang.</p>
<table>
<thead>
<tr>
<th>Keupayaan</th>
<th>Terbitkan terus dari Claude Design</th>
<th>Terbitkan melalui AgentGrid.io</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Pelayar awam URL</strong></td>
<td>ya</td>
<td>ya</td>
</tr>
<tr>
<td><strong>Terbaik untuk</strong></td>
<td>UI statik, prototaip atau konsep visual yang pantas</td>
<td>Laman web atau aplikasi yang sedang berkembang</td>
</tr>
<tr>
<td><strong>Laluan domain tersuai</strong></td>
<td>Tiada pilihan domain tersuai asli</td>
<td>Ejen yang disambungkan boleh menyediakan artifak semasa untuk domain dan persekitaran pengeluaran anda</td>
</tr>
<tr>
<td><strong>Pangkalan data dan bahagian belakang</strong></td>
<td>UI statik sahaja</td>
<td>Sambungkan ejen untuk menambah atau menyepadukan pangkalan data, bahagian belakang, pengesahan, pembayaran dan perkhidmatan bahagian pelayan</td>
</tr>
<tr>
<td><strong>API dan analitik</strong></td>
<td>Pengalaman statik terhad</td>
<td>Sambungkan APIs, Google Analytics, penjejakan acara dan perkhidmatan luaran yang lain</td>
</tr>
<tr>
<td><strong>Teruskan dengan ejen lain</strong></td>
<td>Reka bentuk kekal dalam aliran kerja Claude</td>
<td>Mana-mana ejen yang dijemput boleh meneruskan artifak yang sama dengan keupayaan yang betul</td>
</tr>
<tr>
<td><strong>Sejarah pembangunan bersama</strong></td>
<td>Claude Design semakan projek</td>
<td>Sejarah artifak yang disokong Git, dikaitkan, boleh dipulihkan</td>
</tr>
</tbody>
</table>
<p><strong>Gunakan URL awam langsung Claude Design apabila UI statik ialah hasil selesai.</strong> Gunakan AgentGrid.io apabila tapak web awam adalah permulaan projek dan bukannya penamat.</p>
<h2>Mengapa menerbitkan Claude Design melalui AgentGrid.io?</h2>
<p>Claude Design awam langsung URL menyelesaikan keterlihatan. Artifak AgentGrid.io menyelesaikan kesinambungan. Ia memberikan tapak web yang diterbitkan tempat di mana orang ramai dan ejen AI boleh terus membangunkan kerja yang sama.</p>
<ul>
<li><strong>Satu artifak stabil:</strong> Manusia dan ejen bekerja dari versi semasa yang sama dan bukannya menghantar fail antara sembang.</li>
<li><strong>Sejarah Sebenar:</strong> Setiap perubahan yang disimpan menjadi versi yang boleh dipulihkan dengan atribusi.</li>
<li><strong>Kesinambungan rentas ejen:</strong> Claude, Claude Code, Cursor, Codex, OpenClaw, Hermes dan ejen lain yang serasi boleh meneruskan kerja yang sama apabila disambungkan.</li>
<li><strong>Perkongsian dan penerbitan berasingan:</strong> Akses pasukan kekal berbeza daripada tapak web awam.</li>
<li><strong>Keizinan skop:</strong> Ejen menerima identiti yang dinamakan, boleh dibatalkan dan hanya keupayaan yang anda luluskan.</li>
<li><strong>Laluan di luar prototaip pertama:</strong> Laman web boleh kekal sebagai artifak awam yang ringan atau menjadi titik permulaan untuk pembangunan produk yang lebih mendalam.</li>
</ul>
<p>Manfaat yang penting bukanlah AgentGrid.io menjadikan Claude Design menjana reka bentuk yang lebih baik. Ia tidak mengubah kualiti penjanaan Claude. AgentGrid.io menjadikan hasilnya tahan lama, kolaboratif, versi dan tersedia kepada orang atau ejen seterusnya. Tapak web awam boleh terus berkembang tanpa memulakan semula dalam sembang baharu atau membina semula konteks daripada tangkapan skrin.</p>
<h2>Cara AgentGrid.io membuka laluan ke domain tersuai</h2>
<p>Domain tersuai menukar pautan prototaip menjadi destinasi berjenama. Ia lebih mudah diingati, kelihatan lebih boleh dipercayai dalam pemasaran dan jualan, serta memberikan alamat kepada pasukan anda yang boleh bertahan dengan perubahan pada susunan asas.</p>
<p>Untuk pasukan yang membandingkan pilihan pengehosan Claude Design, pisahkan artifak yang dikongsi daripada hos pengeluaran akhir. AgentGrid.io menyimpan sumber, ejen dan Sejarah tapak web bersama-sama. Hos berkemampuan domain anda menyediakan pengeluaran URL.</p>
<p>Contohnya termasuk portfolio di <code>yourname.com</code>, kempen di <code>launch.yourcompany.com</code>, atau pengalaman produk di <code>app.yourcompany.com</code>.</p>
<p>Claude Design awam langsung URL tidak menawarkan laluan domain tersuai. Dengan AgentGrid.io, tapak web ialah artifak boleh diedit yang boleh disediakan oleh pengekodan atau ejen penempatan yang berkaitan untuk domain dan persekitaran pengeluaran pilihan anda.</p>
<p>Ejen boleh bekerja daripada artifak sebenar dan bukannya membina semula tapak web dalam alat baharu. Ia boleh memeriksa fail semasa, mengekalkan interaksi yang dimaksudkan, menambah konfigurasi penggunaan dan mengemas kini artifak yang sama dengan versi sedia pengeluaran.</p>
<p>Ini juga memastikan keputusan domain tersuai fleksibel. Domain tersebut adalah milik perniagaan anda, manakala AgentGrid.io mengekalkan sumber, konteks dan Sejarah pembangunan tapak web.</p>
<h2>Tambahkan pangkalan data, APIs dan Google Analytics dengan mana-mana ejen</h2>
<p>Banyak tapak web Claude Design bermula sebagai bahagian hadapan. Portfolio, halaman pendaratan, penerangan interaktif atau prototaip mungkin tidak memerlukan bahagian belakang pada hari pertama.</p>
<p>Kemudian, anda mungkin mahu menambah:</p>
<ul>
<li>Borang hubungan yang menyimpan penyerahan</li>
<li>Akaun pengguna dan pengesahan</li>
<li>Sebuah pangkalan data</li>
<li>Pembayaran atau langganan</li>
<li>Sistem pengurusan kandungan</li>
<li>Analitis atau penjejakan peristiwa</li>
<li>Penyepaduan API</li>
<li>Alat pentadbir dan akses berasaskan peranan</li>
</ul>
<p>Di sinilah AgentGrid.io membuka aliran kerja. Jemput ejen pengekodan yang anda suka, berikan ia keupayaan yang betul, dan minta ia meneruskan artifak sedia ada. Ejen boleh mencipta atau menyambung pangkalan data luaran, menambah laluan API, menyepadukan Google Analytics, melaksanakan pengesahan atau menyambung perkhidmatan yang diperlukan oleh aplikasi.</p>
<p>AgentGrid.io kekal sebagai sumber kongsi dan Sejarah untuk apl. Rahsia pengeluaran, bukti kelayakan pangkalan data dan perkhidmatan bahagian pelayan harus wujud dalam infrastruktur yang direka untuk pekerjaan tersebut, bukan dalam fail sumber awam.</p>
<p>Aliran kerja Claude Design ke Claude Code yang biasa adalah untuk menyambungkan Claude Code kepada artifak AgentGrid.io yang sama, minta ia mengekalkan UI semasa, dan kemudian tambahkan penyepaduan bahagian belakang dalam konteks.</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;">Gesa untuk ejen pengekodan anda<button aria-label="Gesaan 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>Anda boleh menggunakan corak yang sama untuk analitis dan data:</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;">Gesa untuk ejen pengekodan anda<button aria-label="Gesaan 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>Ejen yang disambungkan mempunyai fail semasa dan boleh melihat Sejarah. Jika kemas kini memecahkan reka bentuk, anda boleh memeriksa perubahan dan memulihkan versi terdahulu dan bukannya mencari melalui sembang dan muat turun lama.</p>
<h2>Sambungkan ejen lain tanpa kehilangan projek</h2>
<p>Ejen terbaik untuk reka bentuk pertama mungkin bukan ejen terbaik untuk setiap tugas kemudian.</p>
<p>Anda mungkin menggunakan Claude Design untuk antara muka, Claude Code untuk pelaksanaan, ejen pengekodan lain untuk ujian dan ejen pakar untuk analitis, kebolehcapaian, SEO atau kerja hujung belakang. AgentGrid.io membenarkan ejen tersebut bekerja pada satu artifak yang dikongsi dan bukannya membuat salinan berasingan dalam ekosistem yang berasingan.</p>
<p>Aliran kerja adalah mudah:</p>
<ol>
<li>Buka artifak tapak web sedia ada.</li>
<li>Jemput ejen baharu daripada dialog Kongsi.</li>
<li>Berikan hanya keupayaan yang diperlukan.</li>
<li>Beri ejen pautan artifak dan tugas yang jelas.</li>
<li>Semak perubahan yang dikaitkan dalam Sejarah.</li>
<li>Pulihkan versi terdahulu jika perlu.</li>
</ol>
<p>Inilah yang menjadikan laman web lebih mudah untuk dibangunkan dari semasa ke semasa. Artifak kekal stabil walaupun ejen bertukar.</p>
<h2>Senarai semak penerbitan</h2>
<ul>
<li>Sahkan bahawa artifak berada dalam pasukan AgentGrid.io yang betul.</li>
<li>Alih keluar data peribadi, rahsia, bukti kelayakan ujian dan salinan dalaman sahaja.</li>
<li>Uji reka letak desktop dan mudah alih.</li>
<li>Sahkan imej, fon, pautan, borang dan interaksi.</li>
<li>Berikan keupayaan penerbitan hanya kepada ejen yang memerlukannya.</li>
<li>Minta ejen mengemas kini artifak sedia ada, bukan membuat pendua.</li>
<li>Buka URL awam semasa log keluar.</li>
<li>Gunakan infrastruktur pengeluaran yang betul sebelum mengumpul data sensitif.</li>
<li>Simpan DNS domain tersuai, rahsia bahagian belakang dan bukti kelayakan pangkalan data di luar fail sumber awam.</li>
</ul>
<h2>Soalan lazim</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;">Bolehkah anda menerbitkan Claude Design sebagai tapak web awam?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">ya. Claude Design boleh menerbitkan UI statik terus kepada URL awam. Gunakan pilihan itu apabila pengalaman statik adalah hasil selesai. Gunakan penyambung AgentGrid.io apabila anda mahu tapak web terus berkembang dengan domain tersuai, pangkalan data, API, analitik, perkhidmatan hujung belakang atau ejen AI yang lain.</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;">Adakah Claude Design sama dengan Artifak Claude?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Tidak. Claude Design ialah produk reka bentuk khusus Anthropic. Artifak Claude ialah ciri Claude yang berasingan dengan tingkah laku penerbitannya sendiri. Pencari sering mencampurkan istilah, tetapi aliran kerja berbeza.</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;">Bolehkah saya mengemas kini tapak web selepas diterbitkan?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">ya. Teruskan bekerja pada artifak AgentGrid.io yang sama supaya fail dan Sejarahnya kekal bersama. Minta ejen yang berkaitan untuk mengemas kini artifak sedia ada dan bukannya membuat salinan baharu.</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;">Bolehkah saya menggunakan domain saya sendiri?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Claude Design awam langsung URL tidak termasuk pilihan domain tersuai. Dengan AgentGrid.io, pengekodan atau ejen penempatan yang disambungkan boleh menyediakan artifak tapak web semasa untuk domain dan persekitaran pengeluaran anda manakala AgentGrid.io menyimpan sumber dan Sejarah yang dikongsi.</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;">Bolehkah saya menambah hujung belakang pada tapak web Claude Design?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">ya. Sambungkan ejen pengekodan pilihan anda kepada artifak AgentGrid.io dan minta ia membuat atau menyambungkan pangkalan data, API, pengesahan, pembayaran, Google Analytics atau perkhidmatan lain. Simpan sumber apl dan Sejarah pembangunan dalam AgentGrid.io dan simpan rahsia pengeluaran dalam infrastruktur yang dibina untuk perkhidmatan tersebut.</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;">Bolehkah ejen AI lain meneruskan laman web?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">ya. Jemput ejen ke artifak AgentGrid.io yang sama dengan keupayaan yang diperlukan. Ia boleh memeriksa fail semasa, mengemas kini artifak dan meninggalkan perubahan yang dikaitkan dalam Sejarah.</p>
</div>
</details>
</div>
<h2>Dari Claude Design kepada laman web yang boleh terus berkembang</h2>
<p>Jika reka bentuk awam statik adalah hasil siap, gunakan <strong>Eksport → Terbitkan</strong> terus dalam Claude Design. Jika projek itu perlu menjadi tapak web atau apl yang berfungsi, sambungkan Claude Design ke AgentGrid.io, tolak reka bentuk sebagai artifak boleh diedit, bangunkannya dengan ejen yang anda pilih dan terbitkan hanya selepas kefungsian aplikasi sedia.</p>
<p>Manfaat yang lebih besar muncul selepas pelancaran. Tapak web tidak lagi terhad kepada UI awam statik dalam satu aliran kerja reka bentuk. Ia mempunyai satu alamat, satu versi semasa dan Sejarah yang boleh diteruskan oleh orang dan ejen bersama-sama.</p>
<p>Mulakan dengan prototaip awam. Tambahkan domain berjenama apabila tapak web memerlukan identiti kekal. Sambungkan ejen pengekodan apabila ia memerlukan pangkalan data, APIs, Google Analytics, pengesahan, pembayaran atau infrastruktur pengeluaran. Kekalkan kerja pada artifak AgentGrid.io yang sama semasa ia berkembang.</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;">Terbitkan tapak web Claude Design dengan AgentGrid.io →</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/ms/genai-ms/publish-claude-design-website-agentgrid-ms/">Bagaimana untuk Menerbitkan Laman Web Claude Design dengan AgentGrid.io</a> appeared first on <a href="https://animaapp.com/blog/ms">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Cara Menjana Imej untuk Claude Design dengan ChatGPT</title>
		<link>https://animaapp.com/blog/ms/genai-ms/generate-images-for-claude-design-with-chatgpt-ms/</link>
		
		<dc:creator><![CDATA[Anima team]]></dc:creator>
		<pubDate>Sun, 30 Aug 2026 10:22:55 +0000</pubDate>
				<category><![CDATA[agentic]]></category>
		<category><![CDATA[AI]]></category>
		<category><![CDATA[GenAI]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=15987</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"> 9</span> <span class="rt-label rt-postfix">minutes</span></span>Claude Design tidak boleh menjana imej untuk halaman yang dibinanya. Panduan ini menunjukkan cara menggunakan ChatGPT dan AgentGrid.io untuk memasukkannya: sambungkan kedua-dua Claude Design dan ChatGPT ke AgentGrid.io, dan reka bentuk menjadi fail kongsi yang kedua-duanya boleh berfungsi — ChatGPT menjana imej ke dalamnya dan ia muncul dalam halaman Claude Design anda.</p>
<p>The post <a href="https://animaapp.com/blog/ms/genai-ms/generate-images-for-claude-design-with-chatgpt-ms/">Cara Menjana Imej untuk Claude Design dengan ChatGPT</a> appeared first on <a href="https://animaapp.com/blog/ms">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"> 9</span> <span class="rt-label rt-postfix">minutes</span></span><article>
<p><strong>Claude Design tidak boleh menghasilkan foto dan ilustrasi yang sering diperlukan oleh reka bentuknya.</strong> Ia boleh mencipta reka letak, antara muka, persembahan atau prototaip, tetapi penjanaan imej raster asli tiada. Itulah masalah utama.</p>
<p>Masalah kedua muncul apabila anda cuba membetulkan yang pertama. ChatGPT dan model AI lain boleh menjana imej, tetapi ia tinggal di luar ekosistem Claude. Mereka tidak melihat projek Claude Design secara automatik, memahami konteks visualnya atau mengetahui versi yang terkini.</p>
<p><a data-agentgrid-homepage-anchor="brand" href="https://agentgrid.io/">AgentGrid.io</a> menyelesaikan jurang ekosistem itu. Import projek Claude Design ke dalam AgentGrid.io sebagai satu artifak yang dikongsi, sambungkan ChatGPT dan biarkan ChatGPT menjana imej sambil membaca reka bentuk sebenar. Sebaik sahaja kedua-dua ejen boleh bekerja pada artifak yang sama, masalah penjanaan imej asal juga boleh diselesaikan.</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;">Sambungkan 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;">Sambungkan ChatGPT →</a></div>
<p style="text-align: center; margin: 0 0 24px; font-size: 15px;"><a href="https://agentgrid.io/connect">Sambungkan ejen lain</a></p>
<h2>Masalah 1: Claude Design tidak boleh menjana imej</h2>
<p>Claude Design mencipta reka bentuk, prototaip interaktif, persembahan dan kerja visual lain melalui antara muka sembang-dan-kanvas. Ia boleh berfungsi dengan imej yang dimuat naik, tangkapan skrin, aset jenama, visual HTML dan SVG.</p>
<p>Perkara yang tidak boleh dilakukan secara asli ialah menjana foto, ilustrasi, persekitaran, tekstur dan visual kempen yang digilap yang boleh dihasilkan oleh model imej khusus. Reka letak mungkin sudah mengandungi kawasan yang menempatkan imej tersebut, tetapi Claude Design tidak boleh mencipta aset raster akhir itu sendiri.</p>
<p>Anda tidak perlu meminta Claude Design untuk membuat ruang letak berlabel khas. Ia sudah mewakili kawasan imej yang diperlukan oleh gubahan. Persoalan praktikal ialah bagaimana untuk mengisi kawasan tersebut tanpa kehilangan konteks reka bentuk.</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>Masalah 2: ejen penjana imej tinggal di luar Claude</h2>
<p>ChatGPT boleh menjana imej yang hilang. Begitu juga model dan ejen lain. Tetapi mereka biasanya berfungsi dalam sembang, akaun, alat atau ekosistem penyedia yang berbeza.</p>
<p>Tanpa a <a data-agentgrid-homepage-anchor="shared-workspace" href="https://agentgrid.io/">ruang kerja kongsi untuk ejen AI</a>, handoff menjadi manual:</p>
<ul>
<li>huraikan projek Claude Design sekali lagi dalam ChatGPT;</li>
<li>hantar tangkapan skrin atau gesaan separa;</li>
<li>muat turun fail yang dijana;</li>
<li>muat naik semula ke dalam reka bentuk;</li>
<li>ulangi proses selepas setiap perubahan reka bentuk;</li>
<li>teka fail mana dan versi reka bentuk mana yang terkini.</li>
</ul>
<p>Penjana imej boleh menghasilkan gambar yang tampan dan masih terlepas kerja sebenar. Ia mungkin menggunakan pemangkasan, palet, titik fokus, kawasan selamat teks, dimensi atau tahap realisme yang salah kerana ia tidak dapat melihat reka bentuk yang sepatutnya disokong.</p>
<h2>Penyelesaian: sambungkan kedua-dua ekosistem dengan AgentGrid.io</h2>
<p>AgentGrid.io memberikan projek Claude Design rumah tahan lama yang tidak terikat dengan satu pembekal AI. Reka bentuk menjadi <a data-agentgrid-homepage-anchor="shared-artifact" href="https://agentgrid.io/">satu artifak dikongsi merentas Claude dan ChatGPT</a> bahawa ejen dan rakan sepasukan lain yang berkaitan boleh meneruskan bersama.</p>
<p>Artifak yang dikongsi itu menyediakan:</p>
<ul>
<li><strong>Satu alamat stabil:</strong> setiap ejen yang berkaitan boleh merujuk kepada kerja yang sama.</li>
<li><strong>Satu versi semasa:</strong> reka bentuk dan aset imej yang dihasilkan kekal bersama.</li>
<li><strong>Satu Sejarah:</strong> perubahan oleh orang dan ejen adalah dikaitkan dan boleh dipulihkan.</li>
<li><strong>Akses ejen skop:</strong> setiap ejen mempunyai identiti sendiri dan hanya keupayaan yang diberikan oleh manusia.</li>
<li><strong>Kerjasama neutral pembekal:</strong> kerja boleh diteruskan merentasi Claude, ChatGPT dan ejen lain tanpa menjadi salinan berasingan.</li>
</ul>
<p>AgentGrid.io tidak menjana imej untuk ChatGPT atau menambah penjanaan imej asli kepada Claude Design. Ia menghubungkan alat. ChatGPT boleh memeriksa reka bentuk yang diimport, menjana imej yang diperlukan dalam konteks dan menambahkannya pada artifak yang sama. Menyelesaikan masalah ekosistem memberi anda penyelesaian praktikal kepada masalah imej.</p>
<h2>Cara aliran kerja Claude Design, AgentGrid.io dan ChatGPT berfungsi</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;">Lapisan</th>
<th style="text-align: left; border-bottom: 2px solid #202020; padding: 12px;">Peranan</th>
<th style="text-align: left; border-bottom: 2px solid #202020; padding: 12px;">Apa yang tinggal di sana</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;">Mencipta struktur visual dan pengalaman</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Susun atur, salinan, komponen, hierarki, interaksi dan arah reka bentuk</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;">Mencipta sumber kebenaran yang dikongsi</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Artifak langsung, fail sumber, aset imej, akses ejen dan Sejarah versi</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;">Menjana dan mengedit imej raster</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Imej wira, ilustrasi, pemandangan, tekstur, konsep produk dan variasi imej</td>
</tr>
</tbody>
</table>
</div>
<p>Claude Design memulakan kerja. AgentGrid.io memegang kerja itu. ChatGPT memanjangkan kerja dengan imej sambil membaca konteks yang sama.</p>
<h2>Bagaimana untuk menjana imej ChatGPT untuk Claude Design dengan AgentGrid.io</h2>
<h3>1. Buat reka bentuk dalam Claude Design</h3>
<p>Mulakan seperti biasa dalam Claude Design. Terangkan produk, khalayak, arah visual, kandungan dan keperluan jenama. Biarkan Claude mencipta reka bentuk dan lelaran sehingga struktur keseluruhannya betul.</p>
<p>Anda tidak perlu meminta Claude berhenti dan membuat ruang letak imej berlabel. Claude Design sudah mewakili kawasan imej yang diperlukan oleh reka bentuk. Fokus untuk mendapatkan komposisi, hierarki dan pengalaman yang betul.</p>
<p>Pada peringkat ini, imej mungkin tiada, generik, prosedur atau diwakili oleh kawasan visual sementara. Itu cukup untuk diteruskan.</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. Sambungkan Claude Design ke AgentGrid.io dan tolak reka bentuk</h3>
<p>Sambungkan Claude ke AgentGrid.io sebelum menyerahkan kerja kepada model lain. <a href="https://claude.ai/directory/agent-grid">Pasang penyambung AgentGrid.io rasmi untuk Claude</a>, atau buka <a href="https://agentgrid.io/docs/connect-your-agent/connect-claude-app/">panduan AgentGrid.io langkah demi langkah untuk menyambungkan Claude</a>.</p>
<ol>
<li>Dalam Claude, buka <strong>Tetapan → Penyambung</strong>.</li>
<li>Tambah rasmi <strong>AgentGrid.io</strong> penyambung daripada direktori penyambung Claude.</li>
<li>Log masuk ke AgentGrid.io, pilih pasukan yang sepatutnya memiliki kerja itu dan luluskan sambungan.</li>
<li>Kembali ke perbualan Claude yang mengandungi reka bentuk.</li>
<li>Tanya Claude: <strong>&#8220;Tolak reka bentuk ini ke AgentGrid.io dan berikan saya pautan artifak.&#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 mencipta artifak terus dalam pasukan AgentGrid.io yang diluluskan dan mengembalikan alamatnya. Penyambung disematkan pada pasukan yang dipilih semasa kelulusan, jadi pastikan Claude dan ChatGPT disambungkan kepada pasukan yang sama.</p>
<p>Jika anda lebih suka bermula dari AgentGrid.io sendiri, tukar kepada pasukan yang betul dan gunakan <strong>Baharu → Import daripada Claude Design</strong>. Kedua-dua laluan mencipta artifak kongsi yang akan digunakan oleh ejen penjana imej.</p>
<p>Mengimport atau menolak reka bentuk mencipta titik sambungan yang dikongsi. Jangan anggap penyegerakan dua hala automatik dengan perbualan Claude Design asal. Teruskan aliran kerja berbilang ejen di sekitar artifak AgentGrid.io supaya setiap ejen menggunakan versi semasa yang sama.</p>
<h3>3. Sambungkan ChatGPT kepada pasukan AgentGrid.io yang sama</h3>
<p>Seterusnya, <a href="https://chatgpt.com/plugins/plugin_asdk_app_6a747c2caadc8191acf784bd04153268">pasang pemalam AgentGrid.io rasmi untuk ChatGPT</a>, atau ikuti <a href="https://agentgrid.io/docs/connect-your-agent/connect-chatgpt/">panduan AgentGrid.io langkah demi langkah untuk menyambungkan ChatGPT</a>.</p>
<ol>
<li>Dalam ChatGPT, buka <strong>Tetapan → Pemalam</strong> atau <strong>Apl &amp; Pemalam</strong>.</li>
<li>Tambah rasmi <strong>AgentGrid.io</strong> pemalam.</li>
<li>Log masuk ke AgentGrid.io dan pilih pasukan yang sama yang digunakan untuk penyambung Claude.</li>
<li>Luluskan sambungan dengan keupayaan yang diperlukan untuk aliran kerja. Baca dan Tulis ialah lalai konservatif untuk memeriksa reka bentuk dan menambah imej yang dijana.</li>
</ol>
<p>ChatGPT kini boleh membuka artifak dalam pasukan yang diluluskan itu. Anda tidak perlu menerangkan keseluruhan projek Claude Design sekali lagi atau menghantar serahan tangkapan skrin sahaja. Tampalkan artifak URL ke dalam ChatGPT dan minta ia berfungsi daripada reka bentuk yang dikongsi.</p>
<p>Penyambung Claude dan pemalam ChatGPT ialah jambatan antara kedua-dua ekosistem: Claude menolak reka bentuk ke AgentGrid.io, dan ChatGPT membuka artifak yang sama untuk menjana dan menambah imej yang hilang.</p>
<h3>4. Berikan ChatGPT artifak AgentGrid.io URL</h3>
<p>Tampalkan alamat artifak ke dalam perbualan ChatGPT yang disambungkan dan minta ia memeriksa reka bentuk sebelum menjana apa-apa.</p>
<p> roket-prompt-box:mulakan </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;">Gesa untuk ChatGPT<button aria-label="Gesaan 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> roket-prompt-box:end </p>
<p>Di sinilah AgentGrid.io mengubah proses. ChatGPT tidak berfungsi daripada penerangan lisan yang berasingan. Ia boleh memeriksa artifak yang dikongsi dan memperoleh keperluan imej daripada reka bentuk yang telah wujud.</p>
<h3>5. Hasilkan imej pertama dalam konteks</h3>
<p>Pilih visual yang paling penting dahulu, biasanya imej wira atau visual persembahan utama. Minta ChatGPT menjananya daripada konteks artifak dan menambahnya pada projek yang sama.</p>
<p> roket-prompt-box:mulakan </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;">Gesa untuk ChatGPT<button aria-label="Gesaan 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> roket-prompt-box:end </p>
<p>Semak imej di dalam artifak, bukan sebagai fail terpencil. Imej yang berjaya mesti berfungsi dengan tajuk, pangkas, CTA, reka letak responsif dan seluruh sistem visual.</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. Perhalusi imej sambil mengekalkan reka bentuk</h3>
<p>Tanya ChatGPT untuk perubahan yang disasarkan sambil memastikan struktur yang diluluskan tetap.</p>
<ul>
<li>&#8220;Kekalkan pemangkasan dan titik fokus. Kurangkan ketepuan dan padankan latar belakang neutral antara muka.&#8221;</li>
<li>&#8220;Kekalkan peletakan subjek. Cipta lebih banyak ruang negatif di belakang kawasan tajuk.&#8221;</li>
<li>&#8220;Kekalkan pemandangan dan pencahayaan yang sama. Gantikan objek latar depan sahaja.&#8221;</li>
<li>&#8220;Padankan tekstur bahan dan rawatan warna yang digunakan dalam imej wira yang diluluskan.&#8221;</li>
</ul>
<p>Setiap perubahan yang disimpan memasuki Sejarah AgentGrid.io di bawah identiti ejen. Jika semakan menjadikan reka bentuk lebih teruk, pulihkan versi terdahulu dan bukannya membina semula projek dari awal.</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. Hasilkan imej yang tinggal sebagai satu sistem visual</h3>
<p>Setelah imej pertama diluluskan, beritahu ChatGPT untuk menggunakannya sebagai sauh untuk baki aset.</p>
<p> roket-prompt-box:mulakan </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;">Gesa untuk ChatGPT<button aria-label="Gesaan 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> roket-prompt-box:end </p>
<p>Ini menghalang hasil biasa di mana setiap imej kelihatan digilap sendiri tetapi halaman akhir atau dek kelihatan seperti beberapa jenama yang tidak berkaitan.</p>
<h3>8. Biarkan Claude dan ejen lain meneruskan dari artifak yang sama</h3>
<p>Artifak itu tidak lagi terikat pada satu model. Sambungkan Claude, ChatGPT, Claude Code, Codex, Hermes atau ejen lain yang disokong kepada pasukan yang sama dan teruskan dari versi semasa yang sama.</p>
<p>Contohnya:</p>
<ul>
<li>ChatGPT menjana dan mengedit aset visual.</li>
<li>Claude menyemak hierarki, salinan dan kualiti interaksi.</li>
<li>Ejen pengekodan menjadikan antara muka responsif atau sedia pengeluaran.</li>
<li>Rakan sepasukan menyemak keputusan semasa dan memulihkan versi terdahulu jika perlu.</li>
</ul>
<p>Setiap ejen mempunyai identiti yang berasingan dalam AgentGrid.io, jadi Sejarah menunjukkan siapa yang mengubah apa. Karya itu kekal sebagai satu artifak dan bukannya berpecah kepada salinan khusus pembekal.</p>
<h2>Mengapa AgentGrid.io lebih baik daripada manual Claude-to-ChatGPT handoff</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;">Handoff manual</th>
<th style="text-align: left; border-bottom: 2px solid #202020; padding: 12px;">Aliran kerja AgentGrid.io</th>
</tr>
</thead>
<tbody>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Terangkan reka bentuk sekali lagi dalam ChatGPT</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">ChatGPT membaca artifak kongsi sebenar</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Muat turun dan muat naik semula setiap imej</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Ejen yang disambungkan menambah imej pada artifak yang sama</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Hilang jejak fail mana yang terkini</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Satu artifak mempunyai satu versi semasa</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Perubahan ejen sukar untuk diaudit</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Sejarah mengaitkan setiap perubahan yang disimpan</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Perubahan buruk memerlukan pembinaan semula manual</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Pulihkan versi terdahulu di tempatnya</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Aliran kerja dikunci untuk memisahkan sembang</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Berbilang pembekal boleh meneruskan artifak yang sama</td>
</tr>
</tbody>
</table>
</div>
<p>Salin-tampal manual masih boleh berfungsi untuk satu imej. Ia menjadi rapuh apabila reka bentuk mempunyai banyak aset, beberapa kolaborator, semakan berulang atau berbilang ejen AI.</p>
<h2>Apakah imej yang perlu ChatGPT jana?</h2>
<p>Gunakan ChatGPT untuk aset visual yang mendapat manfaat daripada penjanaan imej raster:</p>
<ul>
<li>fotografi wira</li>
<li>ilustrasi editorial</li>
<li>adegan dan persekitaran produk</li>
<li>karya seni kempen</li>
<li>tekstur dan latar belakang</li>
<li>gambaran konsep</li>
<li>variasi visual yang koheren</li>
</ul>
<p>Simpan salinan UI sebenar, butang, label dan logo sebagai elemen antara muka yang boleh diedit. Imej yang dijana mungkin kelihatan meyakinkan semasa mengandungi teks pecah, geometri salah atau butiran yang gagal apabila dipangkas.</p>
<p>Claude kekal berguna untuk HTML, SVG, rajah, carta, reka letak dan visual interaktif. ChatGPT membekalkan imejan berasaskan piksel. AgentGrid.io menyimpan kedua-dua jenis kerja dalam artifak tahan lama yang sama.</p>
<h2>Kesilapan biasa dalam aliran kerja imej berbilang ejen</h2>
<h3>Mengimport ke dalam pasukan yang salah</h3>
<p>AgentGrid.io mencipta artifak baharu dalam pasukan yang sedang aktif. Tukar kepada pasukan yang betul sebelum menggunakan <strong>Import daripada Claude Design</strong>.</p>
<h3>Menampal artifak peribadi URL ke dalam sembang ChatGPT yang tidak disambungkan</h3>
<p>URL sahaja tidak memberikan akses. Tambahkan pemalam AgentGrid.io atau jemput ChatGPT sebagai ejen dengan keupayaan yang diperlukan.</p>
<h3>Memberi lebih banyak keupayaan daripada yang diperlukan</h3>
<p>Kemas kini penjanaan imej dan reka bentuk biasanya memerlukan Baca dan Tulis. Kongsi dan Terbitkan hanya boleh diberikan apabila aliran kerja memerlukannya.</p>
<h3>Mencipta artifak baharu untuk setiap semakan</h3>
<p>Kemas kini artifak sedia ada di tempatnya. Menduakannya untuk setiap versi memecahkan kesinambungan dan mencipta sumber kebenaran yang bersaing.</p>
<h3>Menjana setiap imej sebelum meluluskan arah visual</h3>
<p>Luluskan imej sauh pertama dalam reka bentuk sebenar. Kemudian jana selebihnya sebagai keluarga yang koheren.</p>
<h3>Menerbitkan apabila anda hanya ingin berkongsi</h3>
<p>Perkongsian pasukan dan penerbitan awam adalah tindakan yang berasingan. Penerbitan mencipta URL yang boleh diakses internet dan harus sentiasa disengajakan.</p>
<h2>Soalan lazim</h2>
<p> roket-faq-akordion:mula </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;">Bolehkah Claude Design menjana foto atau ilustrasi?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Tidak. Claude Design boleh membina reka letak visual, prototaip, persembahan, HTML, SVG dan kandungan interaktif, tetapi ia tidak menggantikan penjana imej raster khusus secara asli.</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;">Bolehkah ChatGPT melihat projek Claude Design?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Tidak secara automatik. Import kerja Claude Design ke dalam AgentGrid.io, sambungkan ChatGPT melalui pemalam AgentGrid.io rasmi dan berikan ChatGPT artifak kongsi URL. ChatGPT kemudiannya boleh berfungsi dari konteks artifak yang dibenarkan.</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;">Adakah AgentGrid.io menjana imej?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Tidak. ChatGPT menjana imej. AgentGrid.io menyediakan artifak kongsi, fail, akses, versi semasa dan Sejarah yang membolehkan ChatGPT dan Claude bekerjasama dalam kerja yang sama.</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;">Adakah mengimport daripada Claude Design memastikan projek asal disegerakkan secara automatik?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Jangan anggap penyegerakan dua hala automatik. Mengimport mencipta artifak AgentGrid.io tahan lama yang menjadi titik kesinambungan dikongsi untuk ejen yang berkaitan.</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;">Bolehkah beberapa ejen AI mengedit artifak yang sama?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">ya. Berbilang ejen yang berkaitan boleh bekerja pada artifak yang sama dengan identiti yang berasingan. Perubahan disimpan mereka muncul dalam Sejarah yang sama dengan atribusi.</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;">Bolehkah saya membuat asal imej atau perubahan reka letak yang dibuat oleh ejen?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">ya. Buka Sejarah, pilih versi terdahulu, dan pulihkannya. Operasi pemulihan mengekalkan alamat artifak dan kekal sebagai sebahagian daripada Sejarah.</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;">Adakah artifak AgentGrid.io awam?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Bukan secara lalai. Artifak pasukan tersedia untuk ahli pasukan itu. Penerbitan awam ialah tindakan eksplisit yang berasingan.</p>
</div>
</details>
</div>
<p> roket-faq-akordion:akhir </p>
<h2>Satu reka bentuk, berbilang ejen, satu versi semasa</h2>
<p>Claude Design dan ChatGPT menyelesaikan bahagian aliran kerja kreatif yang berbeza. Masalahnya bermula apabila output mereka terperangkap dalam ekosistem yang berasingan.</p>
<p>AgentGrid.io memberikan reka bentuk rumah yang stabil. Import projek Claude Design, sambungkan ChatGPT, jana imej daripada konteks reka bentuk sebenar dan simpan setiap aset dan semakan dalam artifak yang sama. Claude, ChatGPT, ejen lain dan rakan sepasukan kemudiannya boleh meneruskan kerja tanpa mencipta semula konteks dalam setiap sembang baharu.</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;">Sambungkan 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;">Sambungkan ChatGPT →</a></div>
<p style="text-align: center; margin: 0 0 24px; font-size: 15px;"><a href="https://agentgrid.io/connect">Sambungkan ejen lain</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/ms/genai-ms/generate-images-for-claude-design-with-chatgpt-ms/">Cara Menjana Imej untuk Claude Design dengan ChatGPT</a> appeared first on <a href="https://animaapp.com/blog/ms">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>GrokBot: Bagaimana untuk menerbitkan laman web dengan GrokBot</title>
		<link>https://animaapp.com/blog/ms/agentic-ms/grokbot-how-to-publish-a-website-ms/</link>
		
		<dc:creator><![CDATA[Avishay Cohen]]></dc:creator>
		<pubDate>Fri, 28 Aug 2026 06:52:11 +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=15914</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>Ketahui cara membina tapak web dengan Grok Bot, bekerjasama dalam AgentGrid.io, terbitkan secara langsung, sambungkan domain tersuai dan gulung semula kemas kini.</p>
<p>The post <a href="https://animaapp.com/blog/ms/agentic-ms/grokbot-how-to-publish-a-website-ms/">GrokBot: Bagaimana untuk menerbitkan laman web dengan GrokBot</a> appeared first on <a href="https://animaapp.com/blog/ms">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>Grok Bot ialah pasukan ejen AI sentiasa aktif SpaceXAI. Setiap Bot boleh menggunakan komputer awan, bekerja merentasi tapak web dan apl, dan teruskan semasa anda melangkah pergi, menjadikannya berguna untuk penyelidikan, reka bentuk, pengekodan, ujian dan operasi tapak web.</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> ialah ruang kerja kongsi tempat manusia dan ejen AI boleh membina, menyemak, versi dan menerbitkan tapak web yang sama. Anda boleh bermula dengan mana-mana ejen dan bekerjasama sepanjang jalan untuk melancarkan. Kami membina dan mengekalkan <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> dengan cara ini, menggunakan Claude, GPT, Claude Design, Hermes dan 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;">Jemput GrokBot ke AgentGrid.io →</a></div>
<h2>Bagaimana untuk menerbitkan laman web dengan GrokBot</h2>
<h3>1. Daftar untuk AgentGrid.io dan jemput Grok Bot</h3>
<p>Daftar ke <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>klik <strong>Jemput Ejen</strong>, dan buat pautan jemputan.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Klik Jemput ejen dalam AgentGrid.io untuk membuat pautan jemputan" 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>Salin gesaan ke dalam perbualan Bot Grok anda. itu sahaja.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Salin gesaan jemputan AgentGrid.io ke dalam perbualan Bot Grok" 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. Minta Grok Bot untuk mendraf tapak web anda dan kongsikannya di AgentGrid.io</h3>
<p>Minta tapak web yang anda mahukan dan beritahu Grok Bot untuk berkongsi draf di AgentGrid.io sebelum diterbitkan.</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;">Gesa untuk Claude<button aria-label="Gesaan 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="Gesaan tapak web satu ayat dikongsi dengan 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 berkongsi draf tapak web yang tidak diterbitkan di AgentGrid.io untuk semakan dan maklum balas.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Draf tapak web Grok Bot yang tidak diterbitkan dibuka dalam AgentGrid.io untuk semakan dan maklum balas" 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. Semak laman web dan berikan maklum balas</h3>
<p>Buka artifak AgentGrid.io dan semak tapak sebenar. Semak ia seperti pelawat, bukan seperti orang yang menulis gesaan.</p>
<p>Lihatlah:</p>
<ul>
<li>Mesej skrin pertama dan seruan tindak utama</li>
<li>Hierarki visual, jarak, tipografi dan kualiti imej</li>
<li>Navigasi dan pautan</li>
<li>Reka letak mudah alih dan desktop</li>
<li>Borang, butang dan keadaan interaktif</li>
<li>Asas kebolehcapaian, termasuk label kontras dan deskriptif</li>
<li>Tuntutan fakta, nama, harga dan teks undang-undang</li>
<li>Tajuk halaman, penerangan, tajuk dan keperluan SEO yang lain</li>
</ul>
<p>Kemudian berikan Grok Bot terus, maklum balas yang diutamakan.</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;">Gesa untuk Claude<button aria-label="Gesaan 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>Oleh kerana tapak web kekal dalam satu artifak, semakan seterusnya bermula daripada versi terkini dan bukannya salinan terpisah yang lain.</p>
<h3>4. Terbitkan daripada AgentGrid.io</h3>
<p>Apabila tapak sudah sedia, buka artifak AgentGrid.io dan klik <strong>Kongsi</strong>. Dalam panel perkongsian, pilih <strong>Terbitkan</strong>, yang dilabelkan <strong>&#8220;Tukar artifak ini menjadi tapak web langsung.&#8221;</strong></p>
<p>AgentGrid.io menerbitkan versi yang dipilih sebagai tapak langsung. Jika anda belum bersedia untuk menggunakan domain anda sendiri, mulakan dengan Anima URL yang dijana. Anda boleh menyambungkan domain kemudian.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Pilih Terbitkan dalam AgentGrid.io untuk menukar artifak tapak web yang diluluskan menjadi tapak web langsung" 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;">Jemput GrokBot ke AgentGrid.io →</a></div>
<h2>Apakah Grok Bot?</h2>
<p>Grok Bot ialah produk ejen SpaceXAI untuk menyerahkan tugas yang lengkap, bukan sahaja bertanya soalan sekali sahaja. Setiap Bot boleh menggunakan komputer awan yang berterusan dengan penyemak imbas, sistem fail dan terminal. Bot boleh berfungsi merentas berbilang alatan, berkongsi konteks, menyerahkan tugas antara satu sama lain dan memastikan anda sentiasa dikemas kini dalam perbualan.</p>
<p>Perbezaan yang berguna adalah ketekunan. Anda boleh mencipta rakan sepasukan yang fokus untuk kerja yang berbeza, memberi mereka akses kepada alatan dan fail yang mereka perlukan, menyemak kerja mereka dan mengajar mereka pilihan dari semasa ke semasa. SpaceXAI mengesyorkan Bot tertumpu dan bukannya satu ejen menangkap semua, jadi setiap rakan sepasukan boleh membina konteks yang berguna di sekitar peranan yang berbeza. Contoh sendiri termasuk penyelidikan jualan dan susulan, kemas kini CRM, pemprosesan invois, pengambilan pekerja, operasi produk dan kerja kejuruteraan.</p>
<p>Untuk projek tapak web, ini bermakna Grok Bot berpotensi:</p>
<ul>
<li>Selidik syarikat, khalayak, pesaing dan niat carian</li>
<li>Kedudukan draf, struktur halaman, tajuk berita dan seruan bertindak</li>
<li>Buat atau ubah suai kod tapak web</li>
<li>Cari dan sediakan rujukan visual</li>
<li>Uji halaman dalam penyemak imbas dan kenal pasti isu yang jelas</li>
<li>Kongsi tapak web yang berfungsi untuk maklum balas manusia</li>
<li>Selaraskan dengan Bot khusus lain atau ejen AI luaran</li>
<li>Sediakan versi yang diluluskan untuk diterbitkan</li>
</ul>
<p>Hasil yang tepat bergantung pada tugas, alatan yang anda sediakan dan kelulusan yang anda berikan. Peraturan yang baik ialah bermula dengan penghantaran yang jelas dan teruskan penerbitan di bawah kawalan manusia.</p>
<h2>Mengapa menggunakan AgentGrid.io dengan Grok Bot?</h2>
<p>Grok Bot boleh melakukan kerja, tetapi tapak web juga memerlukan tempat di mana manusia dan ejen berbeza boleh menyemak dan menambah baik hasil yang sama.</p>
<p>AgentGrid.io menjadikan artifak sebagai tempat pertemuan. Daripada menyalin kod antara sembang atau meminta setiap ejen baharu membina semula konteks, anda menyimpan satu tapak web kongsi dengan sejarah yang boleh dilihat. Janji teras AgentGrid.io adalah mudah: semua orang bekerja pada artifak langsung yang sama, sama ada dokumen, laporan, dek slaid, apl, reka bentuk atau tapak web.</p>
<p>Itu mencipta aliran kerja yang lebih baik:</p>
<ul>
<li><strong>Grok Bot mencipta draf pertama.</strong></li>
<li><strong>Anda menyemak tapak web sebenar, bukan penerangan mengenainya.</strong></li>
<li><strong>Orang dan ejen lain menyumbang kepada artifak yang sama.</strong></li>
<li><strong>Setiap kemas kini kekal dikaitkan dan boleh dipulihkan.</strong></li>
<li><strong>Anda memutuskan bila versi sedia untuk diterbitkan.</strong></li>
</ul>
<p>Ini penting kerana kerja tapak web jarang mengikut garis lurus. Salinan itu mungkin memerlukan pas pemasaran. Reka letak responsif mungkin memerlukan maklum balas reka bentuk. Kod mungkin memerlukan penyahpepijatan. AgentGrid.io membolehkan anda membawa kecerdasan yang betul ke dalam fail yang sama pada masa yang tepat.</p>
<h2>Teruskan lelaran selepas tapak web Grok Bot anda disiarkan secara langsung</h2>
<p>Penerbitan adalah pusat pemeriksaan, bukan penamat projek.</p>
<p>Anda boleh meminta Grok Bot mengemas kini tapak web AgentGrid.io yang sama, menjemput GPT atau Claude untuk menambah baik bahagian tertentu, menyemak keputusan dan menerbitkan versi seterusnya pada bila-bila masa yang anda pilih. Tapak web langsung dan artifak yang berfungsi kekal terhubung dengan aliran kerja terkawal.</p>
<p>Gelung pelepasan praktikal kelihatan seperti ini:</p>
<ol>
<li>Buat atau minta perubahan.</li>
<li>Semak versi AgentGrid.io baharu.</li>
<li>Minta pembetulan jika perlu.</li>
<li>Terbitkan versi yang diluluskan.</li>
<li>Tonton keputusan langsung.</li>
<li>Pulihkan versi terdahulu jika kemas kini menyebabkan masalah.</li>
</ol>
<p>Ini lebih selamat daripada memberi ejen arahan terbuka untuk &#8220;terus meningkatkan pengeluaran.&#8221; Ejen boleh bekerja secara autonomi pada draf sementara seorang manusia mengawal keputusan penerbitan.</p>
<h2>Bekerjasama dengan lebih ramai ejen: Claude, GPT, Claude Design dan Hermes</h2>
<p>Ejen yang berbeza berguna untuk bahagian yang berlainan dalam projek tapak web. Anda tidak perlu memaksa seorang ejen untuk menyelidik, menulis, mereka bentuk, kod, menguji dan mengekalkan segala-galanya.</p>
<p>Contohnya:</p>
<ul>
<li><strong>Grok Bot</strong> boleh menyelidik, menyelaraskan kerja berbilang langkah, menggunakan alatan dan membina versi pertama.</li>
<li><strong>Claude</strong> boleh mencabar struktur, memperhalusi salinan bentuk panjang, atau menyemak keperluan kompleks.</li>
<li><strong>GPT</strong> boleh membuat alternatif, menganalisis laluan penukaran atau menyelesaikan masalah kod.</li>
<li><strong>Claude Design</strong> boleh meneroka arah visual dan komposisi halaman.</li>
<li><strong>Hermes</strong> boleh menjalankan aliran kerja berulang, mengesahkan perubahan teknikal dan menyelaraskan penyelenggaraan yang berterusan.</li>
<li><strong>Manusia</strong> tetapkan matlamat, lindungi jenama, selesaikan pertukaran dan luluskan perkara yang disiarkan secara langsung.</li>
</ul>
<p>Maksudnya bukan untuk mengumpul sebanyak mungkin ejen. Ia adalah untuk membawa pakar yang betul tanpa kehilangan konteks yang dikongsi. Pada AgentGrid.io, setiap kolaborator boleh membaca artifak semasa, menyumbang perubahan yang boleh dilihat dan membina perkara yang berlaku sebelum ini.</p>
<h2>Sejarah versi infinite membantu anda kekal dalam kawalan</h2>
<p>Ejen AI membuat lelaran lebih cepat, yang juga bermakna mereka boleh menghasilkan lebih banyak perubahan daripada yang boleh dijejaki manusia dengan selesa. Sejarah versi mengubah kelajuan itu menjadi sesuatu yang boleh diurus.</p>
<p>AgentGrid.io memastikan evolusi tapak web kelihatan. Anda boleh memeriksa perkara yang berubah, melihat siapa atau ejen mana yang mengubahnya, membandingkan versi dan memulihkan keadaan sebelumnya. Itu memberi ruang kepada pasukan untuk bereksperimen tanpa menganggap setiap suntingan sebagai kekal.</p>
<p>Sejarah versi berguna apabila:</p>
<ul>
<li>Reka bentuk semula kelihatan lebih baik dalam gesaan berbanding dalam penyemak imbas</li>
<li>Kemas kini salinan mengalih keluar titik bukti penting</li>
<li>Ciri baharu memecahkan interaksi sedia ada</li>
<li>Dua ejen membawa tapak tersebut ke arah yang berbeza</li>
<li>Kemas kini yang diterbitkan perlu ditarik balik dengan cepat</li>
</ul>
<p>Anda kekal dalam kawalan kerana artifak yang diluluskan, bukan respons sembang terkini, kekal sebagai sumber kebenaran.</p>
<h2>Sambungkan domain ke tapak web Grok Bot anda</h2>
<p>URL yang dijana berguna untuk maklum balas dan perkongsian awal. Apabila anda bersedia untuk melancarkan di bawah jenama anda, sambungkan domain tersuai.</p>
<p>Dalam aliran penerbitan, pilih pilihan domain tersuai dan masukkan domain atau subdomain yang ingin anda gunakan. Anda kemudiannya akan menambah rekod DNS yang diminta dengan pembekal domain anda. Perubahan DNS boleh mengambil masa untuk disebarkan, jadi pastikan URL yang dijana tersedia semasa domain tersuai sedang disahkan.</p>
<p>Ikuti arus Anima <a href="https://docs.animaapp.com/docs/playground-custom-domain">dokumentasi domain tersuai</a> untuk langkah persediaan yang tepat dan rekod DNS yang disokong.</p>
<p>Sebelum mengumumkan pelancaran, sahkan:</p>
<ul>
<li>Domain dimuatkan melalui HTTPS</li>
<li>Reka letak mudah alih dan desktop berfungsi</li>
<li>Domain pilihan diubah hala dengan betul</li>
<li>Borang dan analitis masih berfungsi</li>
<li>Tajuk halaman, pratonton sosial dan favicon hadir</li>
<li>Tiada pautan jemputan AgentGrid.io peribadi atau kandungan draf sahaja muncul di tapak awam</li>
</ul>
<h2>Gunakan Grok Bot untuk pemasaran, bukan sahaja kod laman web</h2>
<p>Pelancaran tapak web ialah aliran kerja pemasaran, bukan hanya tugas pengekodan. Grok Bot amat menarik di sini kerana ejen boleh bergerak antara penyelidikan, kandungan, kerja penyemak imbas dan alat operasi dan bukannya berhenti selepas draf pertama.</p>
<p>SpaceXAI menerangkan kegunaan dalaman seperti menyelidik akaun semalaman, menjaringkan kenalan, merangka jangkauan diperibadikan, mengekalkan data CRM semasa dan menyediakan susulan untuk kelulusan. Model yang sama boleh menyokong pelancaran tapak web dengan set tugasan yang disambungkan:</p>
<ul>
<li>Selidik khalayak, pesaing dan soalan carian</li>
<li>Tukar penemuan kepada kedudukan dan rangka halaman</li>
<li>Draf salinan halaman pendaratan dan metadata SEO</li>
<li>Bina tapak web responsif</li>
<li>Buat variasi kempen untuk khalayak yang berbeza</li>
<li>Sediakan siaran sosial, pelancaran e-mel dan daya jualan</li>
<li>Semak pautan, borang dan analitis sebelum pelancaran</li>
<li>Pantau maklum balas dan draf lelaran seterusnya</li>
</ul>
<p>Kekalkan kelulusan mengenai tindakan berbangkit, terutamanya penerbitan, kempen berbayar, komunikasi pelanggan dan perubahan pada data langsung. Kerja autonomi adalah paling berguna apabila ejen boleh bergerak dengan pantas di dalam sempadan yang jelas.</p>
<h2>Model pengendalian yang lebih baik untuk tapak web yang dibina AI</h2>
<p>Aliran kerja tapak web AI lama telah berpecah-belah: segera dalam satu alat, salin kod ke yang lain, hantar tangkapan skrin dalam sembang, hilang jejak semakan dan berharap muat naik akhir sepadan dengan draf yang diluluskan.</p>
<p>Aliran kerja Bot Grok dan AgentGrid.io adalah berbeza:</p>
<ul>
<li><strong>Ejen boleh melakukan kerja berbilang langkah yang sebenar.</strong></li>
<li><strong>Laman web dikongsi sebagai artifak langsung.</strong></li>
<li><strong>Manusia dan agen bekerjasama pada sumber kebenaran yang sama.</strong></li>
<li><strong>Setiap versi bermakna kekal tersedia.</strong></li>
<li><strong>Penerbitan kekal sebagai keputusan yang jelas.</strong></li>
</ul>
<p>Gabungan itu menyokong lebih banyak autonomi tanpa melepaskan pengawasan. Grok Bot boleh terus berfungsi, pakar boleh menyertai apabila diperlukan, dan pasukan manusia masih boleh melihat, meluluskan, menerbitkan dan memulihkan tapak web.</p>
<h2>Soalan lazim</h2>
<h3>Bolehkah Grok Bot membina tapak web?</h3>
<p>ya. Grok Bot boleh menggunakan komputer awan, penyemak imbas, sistem fail, terminal dan apl yang disambungkan untuk menyelesaikan kerja berbilang langkah. Dengan ringkasan yang jelas dan akses yang betul, kerja itu boleh merangkumi penyelidikan, penggubalan, pengekodan, ujian dan perkongsian tapak web. Keputusan masih memerlukan semakan manusia sebelum diterbitkan.</p>
<h3>Adakah Grok Bot pembina laman web?</h3>
<p>Grok Bot lebih luas daripada pembina laman web konvensional. Ia adalah sistem ejen yang boleh berfungsi melalui alat dan laman web. AgentGrid.io menyediakan artifak kongsi, kerjasama, versi dan aliran kerja penerbitan untuk menukar output ejen menjadi projek tapak web terkawal.</p>
<h3>Adakah saya perlu tahu cara membuat kod?</h3>
<p>Tidak semestinya untuk laman web yang mudah. Anda boleh menerangkan hasil dalam bahasa biasa dan menyemak hasil yang diberikan. Pengetahuan teknikal masih berguna untuk penyepaduan tersuai, kerja prestasi, semakan keselamatan atau gelagat kompleks nyahpepijat.</p>
<h3>Bolehkah Claude dan GPT mengedit tapak web Grok Bot yang sama?</h3>
<p>ya. Jemput ejen lain yang disokong ke ruang kerja AgentGrid.io dan minta mereka mengerjakan artifak yang sama. Ini mengelakkan penyalinan tapak web ke dalam sembang berasingan dan memberikan konteks terkini kepada semua orang.</p>
<h3>Bolehkah saya mengemas kini tapak web selepas diterbitkan?</h3>
<p>ya. Teruskan lelaran pada artifak AgentGrid.io, semak versi baharu dan terbitkan kemas kini yang diluluskan pada bila-bila masa yang anda pilih.</p>
<h3>Bolehkah saya mengembalikan kemas kini yang buruk?</h3>
<p>ya. Sejarah versi AgentGrid.io membolehkan anda kembali ke versi terdahulu, yang berguna jika perubahan memperkenalkan regresi atau membawa reka bentuk ke arah yang salah.</p>
<h3>Bolehkah saya menyambungkan domain saya sendiri?</h3>
<p>ya. Terbitkan tapak web, pilih pilihan domain tersuai dan ikut arahan persediaan DNS dalam panduan domain tersuai Anima.</p>
<h2>Bina dan terbitkan tapak web anda dengan Grok Bot</h2>
<p>Bersedia untuk menukar draf yang dijana AI menjadi tapak web yang boleh dipertingkatkan oleh seluruh pasukan manusia dan ejen anda? <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">Daftar untuk AgentGrid.io</a> untuk menjemput Grok Bot, membina bersama-sama dan menerbitkan tapak pertama anda.</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;">Jemput GrokBot ke 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/ms/agentic-ms/grokbot-how-to-publish-a-website-ms/">GrokBot: Bagaimana untuk menerbitkan laman web dengan GrokBot</a> appeared first on <a href="https://animaapp.com/blog/ms">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Sebab kami membina AgentGrid.io: pemacu dikongsi untuk ejen AI dan manusia</title>
		<link>https://animaapp.com/blog/ms/agentic-ms/shared-drive-for-ai-agents-and-humans-ms/</link>
		
		<dc:creator><![CDATA[Anima team]]></dc:creator>
		<pubDate>Mon, 17 Aug 2026 16:08:35 +0000</pubDate>
				<category><![CDATA[agentic]]></category>
		<category><![CDATA[AI]]></category>
		<category><![CDATA[GenAI]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=15164</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>Ejen AI menjadi ahli pasukan, namun, sistem masih mengutamakan manusia.</p>
<p>The post <a href="https://animaapp.com/blog/ms/agentic-ms/shared-drive-for-ai-agents-and-humans-ms/">Sebab kami membina AgentGrid.io: pemacu dikongsi untuk ejen AI dan manusia</a> appeared first on <a href="https://animaapp.com/blog/ms">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 class="rocket-agentgrid-shared-drive">
<p><em>Ejen AI menjadi ahli pasukan, tetapi sistem kami masih mengutamakan manusia.</em></p>
<p>Ini bukan ramalan &#8211; Kami kini bekerjasama dengan tujuh ejen merentas pemasaran, risikan perniagaan, QA, kejayaan pelanggan, kejuruteraan dan operasi pejabat belakang. Mereka duduk dalam saluran Slack kami, menjalankan misi berulang, menyiasat isu produk, menganalisis data, menerbitkan kandungan dan menyediakan permintaan tarik untuk semakan manusia.</p>
<p>Berkongsi fail telah menjadi halangan &#8211; Terdapat banyak kesusahan dalam metodologi kerja baharu ini, dan satu perkara yang kami putuskan untuk ditangani sendiri ialah &#8220;pacuan bersama&#8221; untuk manusia dan ejen. Apabila bekerja pada dokumen, ChatGPT saya, Claude orang lain, ejen Pemasaran Hermes kami semuanya menyumbang. Tetapi sehingga kini, berkongsi kerja itu &#8211; fail &#8211; antara rakan sepasukan manusia kami dan ejen lain adalah sangat sukar.</p>
<p>Dokumen akan tinggal di dalam berbilang sembang sebagai lampiran. Laporan HTML akan diletakkan pada mesin ejen. Apl React perlu dizip, dimuat naik dan dijalankan secara setempat kemudian. Penggunaan untuk alat kecil adalah berlebihan, dan pengekodan vibe memakan masa berbanding dengan ejen membinanya pada mesinnya. Setiap penyerahan mencipta salinan lain dan peluang lain untuk kehilangan konteks.</p>
<p>Itulah sebabnya kami membina <a href="https://agentgrid.io/">AgentGrid.io</a>.</p>
<p><strong>AgentGrid.io ialah ruang kerja kongsi tempat manusia dan ejen AI mencipta, mengemas kini, menyemak dan berkongsi artifak langsung yang sama &#8211; fail &#8211; daripada Markdown hingga HTML dan React.</strong> Dokumen, laporan, slaid, apl React, reka bentuk dan fail yang dimuat naik mendapat satu alamat yang stabil, akses terkawal dan sejarah versi.</p>
<p>Kami melancarkannya sekarang, dan ia percuma untuk digunakan.</p>
<figure class="wp-block-image size-full"><img decoding="async" width="1394" height="876" alt="Artikel AgentGrid.io dibuka dalam editor artifak kongsi dengan sejarah versi dan rakan usaha sama" 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>Saya menulis artikel ini dengan bantuan ChatGPT saya, ejen pemasaran kami, dengan suntingan manual.</em><br />
<em>Kemudian ejen pemasaran membawanya ke blog &#8211; kerja berpasukan ejen manusia yang klasik <a href="https://AgentGrid.io/">AgentGrid.io</a>.</em></p>
<h2>Bekerja bersama ejen, infra yang mengutamakan manusia telah menghalang kami</h2>
<p>Apabila kami mula bekerja dengan ejen di Anima, OpenClaw, dan kemudian Hermes, di atas kod Codex dan Claude, saya menganggap cabaran utama adalah keupayaan. Bolehkah ejen memahami produk kami? Bolehkah ia menganalisis corong? Bolehkah ia mengesan pepijat? Bolehkah ia mengikuti suara jenama kami?</p>
<p>Ia mengambil masa, persediaan dan konteks, tetapi mereka belajar lebih cepat daripada yang saya jangkakan.</p>
<p>Ejen kami menjadi berguna melalui onboarding, maklum balas, akses kepada sistem yang betul dan kerja berulang. Satu bermula dengan memeriksa kesan produk yang panjang, kemudian mendapat akses baca kepada Mixpanel dan pangkalan kod kami, dan akhirnya menjadi sebahagian daripada aliran kerja atas panggilan kami. Ia kini mendapat maklum balas pengguna atau isu lonjakan, menyiasat masalah dan boleh menyelaraskan perubahan kod untuk semakan pembangun.</p>
<p>Rocket, ejen pemasaran kami, mempelajari persediaan blog kami, SEO, pemesejan produk, operasi surat berita dan analitik. Ejen lain menyokong kejayaan pelanggan dan kerja belakang pejabat. Mereka bukan manusia, dan mereka tidak sepatutnya diuruskan seolah-olah mereka. Tetapi mereka membiarkan permulaan dilaksanakan dengan capaian pasukan yang lebih besar. <a href="https://www.linkedin.com/pulse/working-alongside-agents-ai-teammates-avishay-cohen-lqqxf/">Saya bercakap tentang bekerja bersama di sini</a>.</p>
<p>Masalah yang lebih besar ialah satu sumber kebenaran untuk artifak &#8211; fail yang mereka hasilkan &#8211; dan kami berulang bersama.</p>
<p>Ejen boleh buat. Mereka tidak dapat bekerjasama dengan mudah dalam output yang sama dengan manusia atau ejen lain.</p>
<figure class="wp-block-image size-full"><img decoding="async" width="1512" height="885" alt="Artifak tapak pemasaran AgentGrid.io di sebelah utas Slack dengan Rocket, ejen pemasaran Anima" 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>Bersebelahan, pratonton di AgentGrid.io dan sembang dengan Rocket, ejen pemasaran melalui Slack.</em><br />
<em>Halaman utama hanyalah satu lagi artifak yang kami usahakan, bersama dengan ejen pemasaran.</em></p>
<h2>AI mencipta fail, tetapi mereka memerlukan tempat yang berversi, selamat dan dikongsi</h2>
<p>Sembang ialah tempat yang baik untuk mengarahkan ejen. Ia adalah sistem rekod yang buruk untuk kerja berpasukan.</p>
<p>Kerja sebenar memerlukan lebih daripada jawapan yang baik. Ia memerlukan pemilik, versi semasa, sejarah dan tempat di mana kolaborator seterusnya boleh meneruskan tanpa membina semula perbualan asal.</p>
<p>Tanpa lapisan kongsi itu, kerja ejen rosak dalam cara yang boleh diramal:</p>
<ul>
<li><strong>Kerja tetap terperangkap dalam perbualan peribadi.</strong> Tiada orang lain boleh meneruskan dari konteks yang sama.</li>
<li><strong>Setiap penyerahan mencipta salinan lain.</strong> Eksport, muat naik, namakan semula dan tiba-tiba pasukan sedang menyemak <code>final_v12_really-final.md</code>.</li>
<li><strong>Setiap ejen menjadi silo sendiri.</strong> Kerja daripada Claude mungkin tidak tersedia kepada ChatGPT, Codex, Hermes atau orang yang bertanggungjawab untuk hasilnya.</li>
<li><strong>Pemilikan menjadi tidak jelas.</strong> Pasukan perlu mengetahui orang atau ejen mana yang menukar kerja dan siapa yang mempunyai kuasa untuk meneruskan.</li>
<li><strong>Kajian semula manusia berlaku terlalu lewat.</strong> Pengawasan menjadi pusat pemeriksaan manual selepas kerja dan bukannya sebahagian daripada ruang kerja itu sendiri.</li>
</ul>
<p>Artifak, bukan perbualan, harus menjadi sumber kebenaran.</p>
<h2>AgentGrid.io memberikan kerja ejen rumah sebenar</h2>
<p>Model boleh berubah. Ejen boleh tukar. Antara muka boleh berubah. Kerja tetap.</p>
<p>Dalam AgentGrid.io, dokumen, laporan, apl, pembentangan atau reka bentuk menjadi artifak langsung yang boleh diusahakan oleh manusia dan ejen bersama.</p>
<p>Setiap artifak boleh mempunyai:</p>
<ul>
<li>satu alamat langsung</li>
<li>sejarah versi penuh</li>
<li>manusia dan ejen kolaborator</li>
<li>akses terkawal</li>
<li>kemas kini yang dikaitkan</li>
<li>paparan dan penyuntingan berasaskan pelayar</li>
<li>Kemas kini berasaskan Git untuk kod dan aliran kerja teknikal</li>
<li>pautan awam apabila pasukan memilih untuk menerbitkan &#8211; dokumen biasa, slaid interaktif atau laporan atau tapak web penuh</li>
</ul>
<p>Ini mengubah model kerjasama daripada &#8220;hantar saya apa yang dibuat ejen&#8221; kepada &#8220;menyertai kerja di mana ia tinggal.&#8221;</p>
<p>Ejen Claude boleh merangka taklimat pasaran. Seseorang boleh memperhalusinya dalam penyemak imbas. ChatGPT boleh menambah bahagian baharu. Codex boleh menukar ringkasan yang diluluskan menjadi apl. Roket boleh berkongsi keputusan dengan pasukan. Semua orang bekerja dari artifak yang sama dan bukannya menghantar salinan terputus antara alatan.</p>
<h2>Bawa ejen anda. Pastikan manusia mengawal.</h2>
<p>AgentGrid.io adalah neutral-ejen. Claude, ChatGPT, Kod Claude, Codex, Kursor, Hermes, OpenClaw, Grok Bot dan ejen lain dialu-alukan.</p>
<p>Berkecuali itu penting. Model bertambah baik dengan cepat, dan pasukan akan menggunakan ejen yang berbeza untuk pekerjaan yang berbeza. Kerja kongsi anda tidak seharusnya dimiliki oleh satu vendor model atau hilang apabila tindanan anda berubah.</p>
<p>Kawalan juga penting.</p>
<p>Dalam perjalanan kami sendiri, kegagalan yang paling penting bukan disebabkan oleh ejen tidak dapat menggunakan perisian. Mereka datang dari kekaburan, kuasa, dan penyelarasan. Seorang ejen menghantar mesej yang menghadap pelanggan apabila ia sepatutnya meninggalkan ulasan dalaman. Aliran kerja lain menghantar surat berita daripada subdomain yang salah kerana kami tidak menentukan ralat yang boleh membawa maut.</p>
<p>Ini adalah peringatan bahawa autonomi tanpa akauntabiliti tidak mencukupi.</p>
<p>Setiap ejen memerlukan identiti, sempadan dan pemilik manusia yang jelas. Pasukan harus dapat menjawab:</p>
<ul>
<li>Orang atau ejen manakah yang membuat perubahan ini?</li>
<li>Bagi pihak siapa ia bertindak?</li>
<li>Apa yang berubah daripada versi sebelumnya?</li>
<li>Siapa yang boleh membaca, mengedit, berkongsi atau menerbitkan artifak?</li>
<li>Bolehkah akses dibatalkan?</li>
<li>Bolehkah kami memulihkan versi terdahulu jika berlaku masalah?</li>
</ul>
<p>AgentGrid.io meletakkan soalan itu di sebelah kerja itu sendiri. Manusia tetap bertanggungjawab tanpa menjadi penghalang untuk setiap langkah.</p>
<h2>Bagaimana untuk mencuba AgentGrid.io</h2>
<p>Cara paling mudah untuk memahami AgentGrid.io ialah menggunakannya dengan ejen yang anda sudah ada.</p>
<h3>1. Mulakan di mana anda sudah bekerja</h3>
<p>Gunakan Claude, ChatGPT, Codex, Hermes, OpenClaw atau mana-mana ejen lain seperti yang anda lakukan hari ini.</p>
<ul>
<li>Claude / Claude Design &#8211; AgentGrid.io mempunyai a <a href="https://claude.ai/directory/agent-grid">penyambung untuk Claude</a> dan aliran kerja berasaskan MCP, bergantung pada ejen.</li>
<li>Codex, Claude Code, Claude Cowork, Hermes, OpenClaw, Grok bot, NanoClaw dan mana-mana ejen autonomi lain &#8211; hanya tanya <em>&#8220;Kongsi fail ini dengan saya di agentgrid.io.&#8221; &#8211; Mereka akan memikirkannya.</em></li>
<li><em>Apl ChatGPT akan datang lewat minggu ini.</em></li>
</ul>
<h3>2. Minta ejen anda berkongsi artifak tersebut</h3>
<p>Cuba ini:</p>
<blockquote>
<p><strong>&#8220;Kongsi dokumen ini dengan saya di AgentGrid.io.&#8221;</strong></p>
</blockquote>
<p>Ejen boleh membuat artifak dan mengembalikan pautan. Anda akan diminta untuk menuntutnya dan mendaftar buat kali pertama. Anda kemudian boleh membukanya dalam penyemak imbas, dan ejen lain boleh meneruskan dari sumber yang sama.</p>
<h3>3. Jemput rakan kongsi seterusnya</h3>
<p>Kongsi artifak semasa dengan rakan sepasukan atau ejen lain. Semak, edit, teruskan atau terbitkan apabila sudah sedia.</p>
<p>Tiada eksport mati. Tiada salinan misteri. Tiada membina semula konteks dari awal.</p>
<h2>Mengapa Anima membina AgentGrid.io</h2>
<p>Selama sembilan tahun, Anima telah mengusahakan ruang antara reka bentuk dan kod. Kami membina infrastruktur untuk mencipta, memaparkan, membuat versi, berkongsi dan menerbitkan artifak digital. Semasa kami menerima pakai ejen secara dalaman, kami menyedari bahawa infrastruktur ini menyelesaikan masalah baharu yang semakin mendesak.</p>
<p>Mengguna pakai ejen menjadi lebih mudah. Memberi mereka tempat yang selamat, dikongsi dan tahan lama untuk bekerja dengan orang ramai tidak.</p>
<p>AgentGrid.io ialah jawapan kami: ruang kerja kongsi untuk pasukan ejen manusia, dibina di sekitar artifak dan bukannya sembang.</p>
<p>Kami bermula dengan dokumen, laporan, slaid, apl, reka bentuk dan fail yang dimuat naik. Kami sedang membina ke arah sesuatu yang lebih besar: sistem rekod untuk kerja yang dihasilkan oleh manusia dan ejen AI bersama-sama.</p>
<p>Matlamatnya mudah:</p>
<p><strong>Kerja ejen harus menjadi kerja berpasukan.</strong></p>
<h2>Selamat datang ke AgentGrid.io</h2>
<p>Ejen AI beralih daripada alatan yang kami gunakan kepada rakan sepasukan yang kami bekerjasama. Peralihan itu akan mengubah cara syarikat mengatur, cara pengetahuan bergerak dan cara kerja disemak.</p>
<p>Kesesakan seterusnya bukan sahaja yang boleh dilakukan oleh ejen. Itulah cara kerja mereka menjadi kelihatan, tahan lama, boleh dikongsi dan bertanggungjawab.</p>
<p>​<a href="https://agentgrid.io/">Mulakan dengan AgentGrid.io</a> dan berikan ejen anda tempat yang sebenar untuk bekerja.</p>
</article>
<p>The post <a href="https://animaapp.com/blog/ms/agentic-ms/shared-drive-for-ai-agents-and-humans-ms/">Sebab kami membina AgentGrid.io: pemacu dikongsi untuk ejen AI dan manusia</a> appeared first on <a href="https://animaapp.com/blog/ms">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
