Awesome ChatGPT Prompts – Prompt kütüphanesi

Awesome ChatGPT Prompts – Prompt  kütüphanesi
Yazı Özetini Göster

Awesome ChatGPT Prompts, kullanıcılara çeşitli profesyonel senaryolar ve rol yapma oyunları için konuşma şablonları sağlamak üzere tasarlanmış, yüksek kaliteli ChatGPT komutlarından oluşan bir koleksiyondur. Proje, geliştirme, yazım, çeviri, röportajlar ve daha fazlası dahil olmak üzere çeşitli kullanım durumlarını kapsayan zengin bir hazır komut koleksiyonu içerir.

Özellikler

  • Çeşitli rol yapma : Linux terminali, Ethereum geliştiricisi, İngilizce çevirmeni vb. gibi çeşitli profesyonel rolleri destekler.
  • Geliştirici dostu : Tam kod örnekleri ve teknik uygulama ipuçları içerir
  • Gerçek zamanlı önizleme işlevi : İstemin etkisini doğrudan görüntülemek için gömülü önizleme bileşenleri sağlar
  • Duyarlı tasarım : farklı cihaz ekran boyutlarına uyum sağlar
  • Karanlık mod desteği : Rahat bir gece gezinme deneyimi sağlar
  • CSV veri yönetimi : Tüm komutlar kolay bakım ve genişletme için yapılandırılmış CSV biçiminde saklanır
  • Değişken çıkarma işlevi : İstemlerdeki değişken yer tutucularını otomatik olarak tanımlayın

Kurulum Kılavuzu

Proje esas olarak bir web uygulaması olarak çalışıyor ve karmaşık bir kurulum gerektirmiyor:

  1. Depoyu klonlayın:
git clone https://github.com/f/awesome-chatgpt-prompts.git

 

  1. Bağımlılıkları kurun:
    npm install

     

  2. Geliştirme sunucusunu başlatın:
    npm run dev

     

Sistem gereksinimleri:

  • Node.js 14+
  • Modern tarayıcı (Chrome/Firefox/Edge’in en son sürümü)

Talimatlar

// Yükleme ipucu verisi örneği
async function loadPrompts() {
  const response = await fetch('/vibeprompts.csv');
  const text = await response.text();
  return parseCSV(text);
}

// CSV verilerini çözümleme
function parseCSV(csv) {
  const lines = csv.split("\n");
  const headers = lines[0].split(",").map(header => header.replace(/"/g, "").trim());
  // ...Sonraki işlem mantığı
}

Tipik kullanım senaryoları

  1. Geliştirici Araçları : Belirli bir teknoloji yığını için kod uygulama ipuçları alın
  2. İçerik Oluşturma : Optimize edilmiş yazma istemlerini kullanarak yüksek kaliteli içerik oluşturun
  3. Dil Öğrenimi : Çeviri ve geliştirme ipuçlarıyla dil becerilerinizi geliştirin

Çekirdek kod

1. Karanlık mod değiştirme işlevi

function toggleDarkMode() {
  const body = document.body;
  const toggle = document.querySelector(".dark-mode-toggle");
  const sunIcon = toggle.querySelector(".sun-icon");
  const moonIcon = toggle.querySelector(".moon-icon");

  body.classList.toggle("dark-mode");
  const isDarkMode = body.classList.contains("dark-mode");

  localStorage.setItem("dark-mode", isDarkMode);
  sunIcon.style.display = isDarkMode ? "none" : "block";
  moonIcon.style.display = isDarkMode ? "block" : "none";
}

2. Değişken çıkarma fonksiyonu

function extractVariables(text) {
  const variables = [];
  
  // ${var:default} biçimindeki değişkeni çıkar
  const regex1 = /\${([^}]+)}/g;
  let match;
  while ((match = regex1.exec(text)) !== null) {
    const [variable, defaultValue] = match[1].split(":").map(s => s.trim());
    variables.push({ name: variable, default: defaultValue || "" });
  }
  
  // {{var}} biçimindeki değişkeni çıkar
  const regex2 = /\{\{([^}]+)\}\}/g;
  while ((match = regex2.exec(text)) !== null) {
    const variable = match[1].trim();
    if (!variables.some(v => v.name === variable)) {
      variables.push({ name: variable, default: "" });
    }
  }

  return [...new Set(variables.map(v => JSON.stringify(v)))].map(v => JSON.parse(v));
}

3. Gömülü önizleme bileşeninin başlatılması

class EmbedPreview {
    constructor() {
        this.params = this.parseURLParams();
        this.config = this.getInitialConfig();
        this.selectedFiles = new Set();
        this.init();
    }
    
    parseURLParams() {
        const urlParams = new URLSearchParams(window.location.search);
        const params = {};
        for (const [key, value] of urlParams.entries()) {
            params[key] = decodeURIComponent(value);
        }
        return params;
    }
    
    getInitialConfig() {
        return {
            prompt: this.params.prompt || '',
            context: this.params.context ? this.params.context.split(',').map(c => c.trim()) : [],
            model: this.params.model || 'gpt-4o',
            // ...Diğer yapılandırma parametreleri
        };
    }
}

 

Bir Yorum Yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Benzer Yazılar