Ana içeriğe geç

Araçlara Giriş

Phantom Documentation Kit, dokümantasyon projelerinizi daha verimli ve profesyonel hale getirmek için güçlü araçlar sunar.

Vendor Builder

Ne İşe Yarar?

Phantom Vendor Builder, JavaScript ve CSS bağımlılıklarınızı otomatik olarak yöneten bir araçtır. Chart.js, Font Awesome gibi üçüncü parti kütüphaneleri tek merkezden yönetmenizi sağlar.

Temel Özellikler

  • Otomatik Derleme: serve.py ve build.py çalıştığında eksik dosyalar otomatik derlenir
  • NPM Entegrasyonu: Tüm npm paketleriyle uyumlu
  • Akıllı Optimizasyon: Terser ve cssnano ile özelleştirilebilir optimizasyon
  • Font Awesome Built-in: Font Awesome otomatik olarak dahil edilir

Konfigürasyon

{
  "dependencies": [
    {
      "name": "Chart.js",
      "from": "node_modules/chart.js/dist/chart.umd.js",
      "to": "chart.umd.js",
      "type": "js",
      "minify": true
    }
  ]
}

Otomatik İşlenen Kütüphaneler

  • Font Awesome: CSS ve webfonts otomatik dahil
  • Chart.js: Grafik kütüphanesi
  • Asciinema Player: Terminal kayıt oynatıcı
  • LoadJS: Dinamik script yükleyici

Detaylı Dokümantasyon →

Image Optimizer

Ne İşe Yarar?

Phantom Image Optimizer, dokümantasyonlarınızda kullandığınız görselleri otomatik olarak optimize eden güçlü bir araçtır. Sharp kütüphanesinin endüstriyel gücünden faydalanarak, görsel kalitesini korurken dosya boyutlarını önemli ölçüde azaltır.

Temel Özellikler

  • Yüksek Performans: Paralel işleme desteği ile hızlı optimizasyon
  • Akıllı Sıkıştırma: Görsel kalitesini koruyarak %70'e varan boyut azaltımı
  • Çoklu Format Desteği: JPEG, PNG, WebP, AVIF formatları
  • Esnek Yapılandırma: Özelleştirilebilir kalite ve boyut ayarları
  • Test Sistemi: Oxford Pet Dataset ile performans testi

Kullanım Senaryoları

  • Dokümantasyon ekran görüntüleri
  • Blog ve makale görselleri
  • Ürün fotoğrafları
  • Diyagram ve infografikler

Detaylı Dokümantasyon →