Tasarım üretim skill’ini indirin

Bee Adapt Design, tasarım üreten ajanın etkileşimli mock’un kaynağını korumasına, ekranları ve durumları işaretlemesine ve geliştirme ajanına küçük bir manifest ile teslim etmesine yardımcı olur. Taşınabilir skill’i indirin, tasarım ortamınızda etkinleştirin ve tasarım isterken seçin.

İndirin

Bee Adapt Design 1.0.1’i indirin (ZIP, 16.089 bayt) · SHA-256 doğrulama dosyası

6d82cf356e8ce6ec3a07219bb95ab003f828d79b6f101b8d864466c9edf7156b

Bu, bağımsız sürümlenen bir tasarım üretim önizlemesidir. Talimat ve örnek sağlar; Bee CLI, plugin, MCP sunucusu, export aracı veya görsel karşılaştırma aracı kurmaz. Bee’nin kendi CLI/plugin tasarım araçları 1.0.0’da yayımlandı — bee design, bee design mcp, bee visual ve Bee plugin’inin içerdiği adapt skill’i; bu indirme, Bee CLI’sini veya plugin’ini kurmayan bir tasarım ortamı için ayrı, CLI’den bağımsız üretim önizlemesi olarak kalmaya devam ediyor.

Herkese açık ZIP aynı zamanda kaynak paketidir: tek bee-adapt-design/ klasörü ve altı dosya içerir: SKILL.md, bağımsız tasarım talimatları, iki referans ve iki sentetik örnek. Etkinleştirmeden önce dosyaları okuyun. İndirilen ZIP ile doğrulama dosyasını macOS veya Linux’ta birlikte kontrol etmek için indirme dizininde çalıştırın:

shasum -a 256 -c bee-adapt-design-1.0.1.zip.sha256

Ardından dosyaları yerel olarak inceleyin; örneğin unzip -l bee-adapt-design-1.0.1.zip ve unzip -p bee-adapt-design-1.0.1.zip bee-adapt-design/SKILL.md komutlarını kullanın.

Beklenen çıktı: bee-adapt-design-1.0.1.zip: OK.

Claude Design’a kurun ve seçin

Aşağıdaki hesaba yükleme ve Design’da seçme yolu 26 Eylül 2026’da gözlemlendi. Etiketler değişebilir; Claude’un skill rehberi güncel hesap önkoşullarını ve yükleme kontrollerini açıklar.

1. Yukarıdaki ZIP’i indirin. Claude’a yüklemek için arşivi açmayın.
2. Claude’da Customize → Skills → Yours → Add → Upload skill yolunu açıp ZIP’i seçin. Bazı arayüzler + → Create skill → Upload a skill gösterir.
3. bee-adapt-design kaydının hesabınızın skill listesinde göründüğünü ve etkin olduğunu doğrulayın.
4. Design bölümünü açın. İstek alanında + → Skills → Your skills → bee-adapt-design yolundan skill’i seçin. İsteği göndermeden önce seçili olduğunu doğrulayın.
5. Tasarımı, gerekli etkileşimleri ve durumları açıklayın. Çalışan mock ile kaynak teslimini birlikte isteyin.

Örneğin, skill seçiliyken:

Verilen marka ve tasarım sistemini kullanarak etkileşimli bir görev listesi mock’u üret.
Tek inceleme canvas’ını koru. Dolu, boş, yükleniyor ve hata durumları ile
görev ekleme diyaloğu olsun. bee-adapt-design uygula; gerçek export’u,
kalıcı ekran/durum/bileşen/örnek işaretlerini ve küçük bir teslim manifestini ver.
Erişilemeyen bağımlılıkları ve çalıştıramadığın kontrolleri listele.

Yükleme kontrolleri yoksa Claude rehberinden hesap/kurum skill izinlerini ve kod çalıştırma ayarını kontrol edin. Skill etkin olduğu hâlde Design seçiminde görünmüyorsa aktif olduğunu varsaymayın. Alternatif olarak ZIP’teki CLAUDE-DESIGN-INSTRUCTIONS.md dosyasını açık proje talimatı olarak ekleyebilir veya yapıştırabilirsiniz; bu manuel talimat yoludur, hesap skill’inin etkinleştiğini kanıtlamaz.

Doğrulama durumu: 1.0.0 sürümü yüklendi, bağımsız Design bölümünde seçildi ve mock üretiminde kullanıldı. O koşum yardımcı dosyaları okuyamadı. 1.0.1, temel kuralları doğrudan SKILL.md içine alarak referansları isteğe bağlı hâle getirir. Paket kontrolleri geçti; 1.0.1 ile yeni bir Claude Design koşumu henüz doğrulanmadı.

Bir Codex projesine kurun

Mevcut Codex yapılandırmanızı, model seçiminizi ve kimlik doğrulamanızı koruyun. Bu kurulum yalnızca taşınabilir skill’i projenize ekler.

1. ZIP’i indirip doğrulayın, ardından arşivi açın. İçinde SKILL.md ve beş yardımcı dosyayı taşıyan tek bee-adapt-design/ klasörü olduğunu kontrol edin.
2. Klasörün tamamını projenizin .agents/skills/ dizinine kopyalayın. Giriş dosyası .agents/skills/bee-adapt-design/SKILL.md olmalı; referans ve örnek klasörleri yanında kalmalı. skills/ ile bee-adapt-design/ arasına ZIP adıyla fazladan bir klasör girmesin.
3. Aynı projede yeni bir Codex oturumu başlatın. Kurulu saymadan önce skill seçicisini açıp bee-adapt-design kaydının göründüğünü doğrulayın.
4. Skill’i seçin veya tasarım/uyarlama isteğinde $bee-adapt-design ile açıkça çağırın. Codex’ten yerel giriş dosyasını ve görevle ilgili yardımcı referansları okumasını isteyin.

Örneğin:

$bee-adapt-design Bu projenin tasarım talimatlarıyla etkileşimli görev listesi mock’u üret.
Tek inceleme canvas’ını koru; gerçek kaynak dosyasını, kalıcı işaretleri ve
küçük teslim manifestini ver. Gerekli etkileşimleri mevcut yerel araçlarla kontrol et;
neyin çalıştırıldığını ve neyin doğrulanmadığını açıkça bildir.

Skill görünmüyorsa klasör yapısını kontrol edip yeni oturum açın. SKILL.md yolunu normal görev talimatı olarak vermek yararlı bir alternatif olabilir; native skill keşfini kanıtlamaz. Yerelde üretilen önizleme, Claude Design canvas’ından ayrıdır.

Export’ta ne istemeli?

• Gerçek kaynak ve varlıklar: çalışan inceleme canvas’ı, HTML/CSS/SVG, fontlar, script’ler ve beyan edilen bağımlılıklar korunsun. Tek başına ekran görüntüsü kaynak yeniden kullanımı için yeterli değildir.
• Kalıcı işaretler: mevcut anlamsal köklere data-bee-screen, data-bee-state, data-bee-component ve benzersiz data-bee-instance değerleri eklensin; ilave yerleşim sarmalayıcıları eklenmesin.
• Küçük teslim kaydı: tasarım revizyonu, giriş dosyası, bağımlılıklar, seçiciler, gerekli durumlar, deterministik örnek veri ve hazırlık → eylem → görünür sonuç bulunsun. Destekleniyorsa ayrı manifest veya canvas içinde çalışmayan bee-design-handoff JSON kullanılsın.
• Açık eksikler: tasarım onayı, geliştirmeye hazır olma ve gerçek API davranışı ayrı tutulsun. Gerçek kontroller ve eksik kapsam bildirilsin; hash’leri alıcı araçlar export baytlarından hesaplasın.

Export’un hedef ortamda açıldığını ve gerekli etkileşimlerin çalıştığını kontrol edin. Bulut tasarım ortamı yardımcı dosyalara erişemeyebilir; skill’in giriş dosyası kendi başına yeterlidir ve ajan gerçekten neyi okuyabildiğini bildirmelidir. Taşınabilir manifest bir teslim kuralıdır; kurulu Bee komutuyla uyumluluk vaadi değildir. Framework/API entegrasyonu ve yerel görsel kontroller ayrı iştir. Otomatik piksel eşitliği veya ölçülmüş token tasarrufu yüzdesi iddia edilmez.