Frontend & Arayüz
Agent-Native Plans
Metin planlarını wireframe ve prototiplerle incelenebilir belgelere çevirin.
Nedir
Kod ajanları için yapılandırılmış bir planlama modu. Planlar; satır içi diyagramlar, kod, veri modelleri, açık sorular ve isteğe bağlı bir üst canvas ya da canlı prototiple taranabilir belgeler hâline gelir.
Generate rich visual plans as MDX with diagrams, API specs and zoomable wireframes, then recap what the agent did.
Tasarım için neden önemli
- Arayüz planları, kullanıcıya görünen her durum için bir tane olmak üzere wireframe artboard’larıyla açılır.
- İncelemeciler sohbette tartışmak yerine sabitlenmiş öğeler üzerine yorum yapar.
- Çok adımlı akışlar, statik mockup’ların yanında çalıştırılabilir bir prototip alır.
Neleri kapsıyor
- When to use
- Plan discipline
- Core workflow
- Visual surface choice
- Wireframe quality
- Self-review before handoff
Nasıl kurulur
Agent-Native Plans
-
Depoyu klonlayın.
git clone https://github.com/BuilderIO/skills -
Codex’i skill dosyasına yönlendirin.
skills/visual-plan/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Agent-Native CLI ile kurun, sonra /visual-plan komutunu çalıştırın.
-
Kaynak olarak kullanmak için var olan bir Codex ya da Markdown planını yapıştırın.
-
Geri bildirimi okuyun, planı yamalayın ve kalıcı sonucu doğrulayın.
Buradaki her eklenti ücretsiz, açık kaynak ve gerçek üst kaynağına bağlantı veriyor.
codex-design listesinde dahası ↗Diğer Codex tasarım eklentileri
Frontend & Arayüz Ne yapar gpt-taste GSAP scroll hareketi ve boşluksuz bento ızgaralarıyla ödüllük tarzda landing page’ler kurar. 
Tasarım Sistemleri Ne yapar Stitch Design Taste Google Stitch’i sıradan olmayan ekranlara yönlendiren bir DESIGN.md yazar. 
Frontend & Arayüz Ne yapar image-to-code Önce tasarım görselleri üretir, onları analiz eder, sonra eşleşen frontend kodunu kurar. 
Frontend & Arayüz Ne yapar imagegen-frontend-mobile Premium mobil uygulama ekran akışlarını kod değil, görsel olarak üretir. Sonraki adım
Kurulum derdi olmadan Open Design ile tasarlayın
Bu eklentiyi kendiniz kurun ya da Open Design ile Codex’in etrafına baştan sona küratörlü bir tasarım katmanı geçirin. Kendi anahtarınızı getirin, çıktınızın sahibi olun.