Awesome ChatGPT Prompts – Prompt kütüphanesi

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:
- Depoyu klonlayın:
git clone https://github.com/f/awesome-chatgpt-prompts.git
- Bağımlılıkları kurun:
npm install
- 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ı
- Geliştirici Araçları : Belirli bir teknoloji yığını için kod uygulama ipuçları alın
- İçerik Oluşturma : Optimize edilmiş yazma istemlerini kullanarak yüksek kaliteli içerik oluşturun
- 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
};
}
}