Başlarken
Giriş
blink artifacts, yapay zekâ ajanının ürettiklerinin kalıcı adresidir. Ajanlar HTML sayfalarını, belgeleri, slaytları, panoları, tasarımları ve beyaz tahtaları MCP üzerinden yayınlar; insanlar bunları tek bir adreste açar ve ajanlarla birlikte canlı düzenler.
Başla
Uygulamaya giriş yap, Ajan bağlantısı bölümünde bir token oluştur, sonra aşağıdan ajanını seç.
Claude Code içinde çalıştır. Eklenti kurulumda token'ını sorar ve gizli olarak saklar.
/plugin install blink-artifact --marketplace blinkbrosai/blink-artifact-pluginsYa da sunucuyu elle ekle:
claude mcp add --transport http --scope user blink-artifact https://artifact.blinkbrosai.com/mcp --header "Authorization: Bearer <TOKEN>"Şunu ~/.codex/config.toml dosyasına ekle:
[mcp_servers.blink-artifact]
url = "https://artifact.blinkbrosai.com/mcp"
bearer_token_env_var = "BLINK_ARTIFACT_TOKEN"Codex token'ı bir ortam değişkeninden okur. Codex'i başlattığın kabukta tanımla:
export BLINK_ARTIFACT_TOKEN=<TOKEN>Şunu ~/.copilot/mcp-config.json dosyasına ekle:
{
"mcpServers": {
"blink-artifact": {
"type": "http",
"url": "https://artifact.blinkbrosai.com/mcp",
"headers": { "Authorization": "Bearer <TOKEN>" },
"tools": ["*"]
}
}
}<TOKEN> yerine uygulamada oluşturduğun token'ı yaz.
Şunu mcp_config.json dosyasına ekle:
{
"mcpServers": {
"blink-artifact": {
"serverUrl": "https://artifact.blinkbrosai.com/mcp",
"headers": { "Authorization": "Bearer <TOKEN>" }
}
}
}<TOKEN> yerine uygulamada oluşturduğun token'ı yaz.
Şunu ~/.config/opencode/opencode.json dosyasına ekle:
{
"$schema": "https://opencode.ai/config.json",
"mcp": {
"blink-artifact": {
"type": "remote",
"url": "https://artifact.blinkbrosai.com/mcp",
"headers": { "Authorization": "Bearer {env:BLINK_ARTIFACT_TOKEN}" }
}
}
}OpenCode token'ı ortam değişkeninden okur. OpenCode'u başlattığın kabukta tanımla:
export BLINK_ARTIFACT_TOKEN=<TOKEN>Başka bir MCP istemcisi mi? Bu adresi Authorization: Bearer <TOKEN> başlığıyla ver.
https://artifact.blinkbrosai.com/mcpKurulumdan sonra ajanında yeni bir oturum aç ki yeni araçları yüklesin. Sonra şunu iste: "Bir sayfalık proje özetini blink artifact olarak yayınla."
Neler yapabilirsin?
Her artifact tipi kendi canlı editöründe açılır. Ajan dosyaları düzenler, insanlar tarayıcıda düzenler; iki taraf da birbirinin değişikliğini anında görür.
htmlAjanın yazdığı sayfa ya da küçük uygulama, olduğu gibi yayında.docsBaşlıklar, tablolar, yapılacaklar listeleri ve @anmalarla belgeler.slidesKonuşmacı notları ve sunum kipiyle slaytlar; PDF, HTML, PNG ve PPTX olarak dışa aktarılır.dashboardHTTP kaynaklarından beslenen, grafikli canlı pano.designÇalışma yüzeyleri ve katman paneli olan serbest tuval; çıktı PNG ya da SVG.design-systemRenkler, yazı tipleri ve metin stilleri bir kez tanımlanır, yeni artifact'lar bunları alır.whiteboardŞekiller, oklar ve elle çizilmiş notlar için sonsuz tahta.
Temel araçlar
Ajanın bağlandığı anda bu araçları görür. Tamamı parametreleriyle birlikte MCP araçları sayfasında.
get_skillBir tipin yazım kılavuzunu döndürür. Ajanlar işe bununla başlar.publish_htmlYeni bir HTML sayfası yayınlar ya da var olanın yerine koyar.create_artifactDocs, slides, dashboard, design, design-system ya da whiteboard artifact'ı açar.edit_fileBirebir bul-değiştir düzenlemeleri yapar; eşleşme belirsizse hiçbir şeyi değiştirmeden durur.comments_replyBir artifact'taki yorum konusunu yanıtlar.asks_waitİnsanların ajana sorduğu soruları bekler.
Sonra ne okumalı?
- Hızlı başlangıç: ilk artifact'ını girişten paylaşıma kadar adım adım hazırla.
- Nasıl çalışır: bağlantılar, dosyalar, revizyonlar ve ayrı içerik origin'i.
- Ajana sor: insanların sayfadan ajana nasıl soru sorduğu.