Seç ve yerinde düzenle
Canvas'ta elemente tıklayın; metni çift tıkla düzenleyin, ayarları inspector'da görün.
Tecof Studio
Görsel editör: her bölümü, metni ve stili siz yönetin
Studio, ajanların ürettiği sayfaları canlı düzenlediğiniz editördür: sürükle-bırak canvas, slot kompozisyonu, stil paneli, semboller ve TR/EN içerik tek ekranda.
Çalışma modeli
Section düzeni kurar, elementler slot'lara girer
Her section yalnız yerleşimi tanımlar; başlık, paragraf, buton gibi elementler slot'lara yerleşir. İçerik değişirken tasarım bozulmaz.
Slot'a sürükle-bırak
Elementleri yalnız uygun slot'lara bırakabilirsiniz; düzen her zaman tutarlı kalır.
Stil paneli
Renk, boşluk ve tipografi tema paletinden; breakpoint ve hover / aktif durumları ayrı ayarlanır.
Semboller
Header, footer gibi ortak bileşenleri bir kez düzenleyin; tüm sayfalarda güncellensin.
Yetenekler
Studio'da neler var?
Kod yazmadan sayfa kurmak, stil vermek ve yayınlamak için gereken araçlar.
Canvas & sürükle-bırak
Section ve elementleri canvas'ta taşıyın, sıralayın, kopyalayın.
Slot kompozisyonu
Her slot yalnız uygun element tiplerini kabul eder; tasarım bozulmaz.
Yerinde metin düzenleme
Başlık, paragraf ve buton metnini canvas üzerinde yazın.
Stil paneli
Renk, boşluk, tipografi; responsive breakpoint ve hover / aktif durumları.
Semboller
Ortak bileşenleri tek yerden yönetin; tüm sayfalarda güncellenir.
TR/EN çok dil
İçeriği dil başına düzenleyin; AI çeviri eksik dili tamamlar.
Sayfa şablonları
Hazır sayfa ve section şablonlarıyla başlayın, sonra özelleştirin.
Taslak & yayın
Değişiklikler taslakta kalır; önizleyip hazır olunca yayınlayın.
Akış
Düzenle, önizle, yayınla
Canlı site değişmeden çalışırsınız; yayın tek tıkla, geri dönüş her zaman mümkün.
01
Düzenleyin
Sayfayı Studio'da açın; section ekleyin, metni yerinde yazın, stil panelinden ince ayar yapın.
02
Önizleyin
Masaüstü, tablet ve mobil görünümü kontrol edin; TR ve EN içeriği dil başına gözden geçirin.
03
Yayınlayın
Hazır olduğunuzda tek tıkla yayınlayın; taslak çalışmaya devam edebilir.
Günlük işler
Sık yapılan işler Studio'da nasıl yapılır?
Sayfa kurmaktan çok dilli yayına kadar dört temel akış.
- Sayfa şablonlarından biriyle başlayın
- Bileşen kitaplığından section ekleyin
- Slot'lara element yerleştirin
- Taslağı kaydedin, önizleyin
- Renkler tema paletinden seçilir
- Boşluk, hizalama ve tipografi kontrolleri
- Breakpoint bazlı ayarlar
- Hover / aktif durumları
- Header ve footer sembol olarak tutulur
- Tek düzenleme, tüm sayfalarda güncelleme
- Yeni sayfalar sembolleri hazır alır
- İçeriği dil başına düzenleyin
- AI çeviri eksik dili tamamlar
- Dil başına önizleme
- Hazır olunca yayınlayın
Kod istediğinizde
Studio bileşenleri kodla genişler
Tema kodunu Cloud IDE'de açın, Studio uyumlu yeni section ve elementler yazın. Developer API v1 ve @tecof/mcp ile sayfa taslaklarını programatik üretin.
Cloud IDE kod erişimi
Tema kodunu tarayıcıdan düzenleyin; yeni section ve elementler Studio'da slot'larıyla görünür.
API v1 & PAT
Kişisel erişim anahtarıyla sayfa taslaklarını okuyup yazın (pages:read / pages:write).
@tecof/mcp
Claude Code, Codex veya Gemini CLI'dan sayfa taslağı üretin; yayın her zaman panelden.
Webhook'lar & headless
Olayları kendi sistemlerinize taşıyın; içeriği headless kullanın.
Developer API v1 · .mcp.json
# GET /api/v1/pages — list draft pages (PAT, scope: pages:read)curl -s "$TECOF_API_URL/api/v1/pages?themeId=$TECOF_THEME_ID" \ -H "Authorization: Bearer $TECOF_API_TOKEN" # .mcp.json — draft pages from Claude Code / Codex / Gemini CLI{ "mcpServers": { "tecof": { "type": "stdio", "command": "npx", "args": ["-y", "@tecof/mcp@latest"] } }}Sık sorulan sorular
Studio hakkında
Cevabını bulamadığınız bir soru varsa iletişim formundan yazın.
Yayına hazır
Üretilen siteyi bugün Studio'da açın
Free paketle başlayın; prompt ile ilk sürümü üretin, Studio'da düzenleyin, hazır olduğunuzda yayınlayın.
Sürükle-bırak · Semboller · TR/EN · Taslak & yayın