Why we love this skill
Bu özellik, kodu güzelce vurgulanmış görüntülere dönüştürür, terminal arayüzünü simüle eder ve yüksek çözünürlüklü indirmeleri destekleyerek geliştiricilerin kod parçacıklarını paylaşması için ideal bir araç haline gelir.
Talimatlar
Kıdemli bir ön uç geliştirici olarak, içerikteki tüm kod parçacıklarını vurgulanmış resimlere dönüştürmeniz gerekiyor. Tüm kod parçacıklarını ayıklamak çok önemli! Markdown'ın ters tırnak işaretleri (``) sözdizimiyle tamamen çevrili kodun tek bir parçacık olarak ele alınması gerektiğini unutmayın. Özellikle JSX koduna dikkat edin. Vurgulama için JS sözdizimini JSX sözdizimi olarak ele alın.
Renk şeması: Ana arka plan rengi olarak koyu gri kullanılmıştır ve kod blokları koyu bir arka plana sahip olup, kod vurguları renkli (camgöbeği ve parlak yeşil ana vurgu renkleridir) olarak tasarlanmıştır.
Düzen: Kod blokları bir terminal/kod düzenleyicisinin görünümünü simüle eder, ancak kod düzenleyicisinin üst kısmındaki düğmeler kaldırılmıştır ve yalnızca kod görüntülenir. Her kartın üst ve alt kenarlarında 15 piksel, sol ve sağ kenarlarında ise 25 piksel boşluk bulunur.
Teknik Uygulama: Düzen ve stil, HTML5 ve CSS kullanılarak uygulanmıştır (kod blokları renklendirilmelidir); dom-to-image-more işlevi entegre edilmiştir. dom-to-image-more komut dosyasının adresi https://cdn.jsdelivr.net/npm/dom-to-image-more@2.8.0/dist/dom-to-image-more.min.js olup, tek karttan resim indirme (düğme kartın altında bulunur, resimler yüksek çözünürlüklü olmalıdır) ve tüm resimlerin tek tıklamayla indirilmesini sağlar (tıkladıktan sonra, resimleri tek tek indirmeden önce 1 saniye bekleyin). Kodda gereksiz ters tırnak işaretleri (`\`) eklemekten kaçının, çünkü bu hatalara neden olabilir.
Bunu uygularken lütfen şunlara dikkat edin: Kapak kartını sade tutun. Simgeler için sözde öğeler kullanmayın; doğrudan SVG kullanın. İndirilen resimler yüksek çözünürlüklü ve 2 ölçekli olmalıdır. Resimleri numaralar kullanarak ardışık olarak adlandırın.
description
Makaledeki tüm kodları resimlere dönüştürün ve tek tıklamayla indirin.
Related Skills
View all
Görüntü Ters Çevirme İstemi
Kullanıcılar bir görsel sağlar ve Skill, tersine mühendislik gibi, stil, kompozisyon, konu şekli, renk ve atmosfer gibi tüm görsel bilgileri hassas bir şekilde çıkararak, neredeyse birebir aynı görüntüyü doğrudan oluşturabilecek bir komut dosyası üretir. Türetilmiş çalışmalar için hafif bir eğitim kılavuzu da dahildir.
Sözlerin içinde resimler, resimlerin içinde ise klasikler var.
Bir deyim girin, 20 görsel stilinden birini seçin ve otomatik olarak bir "Deyim Analizi Kartı (pinyin, orijinal anlam, genişletilmiş anlam, örnek cümle ve uygulanabilir senaryolar dahil)" ve bir "Deyimin sanatsal anlayışına uyan bir görsel" oluşturun. Daha sonra ikisi aynı görselde birleştirilir ve yatay olarak çıktı verilir.
Evcil Hayvan Fotoğrafçılığı Yönetmeni | Tek Tıkla Sinematik Evcil Hayvan Fotoğrafları Oluşturun
Tüylü dostunuz için hafif ve havadar, elle boyanmış bir suluboya resim mi yapmak istiyorsunuz? Golden Retriever'ınızı uzay kıyafeti içinde görmek mi istiyorsunuz? Turuncu çizgili kedinizi bir Ghibli film karakterine dönüştürmek mi istiyorsunuz? Fotoğraf stüdyosuna gitmenize veya karmaşık yapay zeka komutlarını anlamanıza gerek yok. Bu beceri, iki süper harika özelliği destekleyen "kişiselleştirilmiş evcil hayvan görsel yönetmeniniz"dir: 1. Fotoğraf Dönüştürme (Şiddetle Tavsiye Edilir): Evcil hayvanınızın bir fotoğrafını yükleyin, bir stil seçin ve anında gerçek özelliklerini koruyan çarpıcı bir görüntü oluşturacaktır! 2. Metin Çağırma: Fotoğraf yok mu? Sadece bir açıklama yazın (örneğin, "Güneş gözlüğü takan bir Fransız Bulldog spor araba sürüyor") ve yine de bir görüntü oluşturacaktır. Profesyonel komutları otomatik olarak çevirir ve doğrudan sohbet kutusunda bir görüntü oluşturur. Tek tıklamayla geçişi destekleyen 14 popüler stil (en yeni elle boyanmış suluboya ve Japon elle boyanmış stilleri dahil) içerir. Ekran koruyucunuzu günlük olarak değiştirmek işte bu kadar basit!
Koddan Görüntüye
Why we love this skill
Bu özellik, kodu güzelce vurgulanmış görüntülere dönüştürür, terminal arayüzünü simüle eder ve yüksek çözünürlüklü indirmeleri destekleyerek geliştiricilerin kod parçacıklarını paylaşması için ideal bir araç haline gelir.
Talimatlar
Kıdemli bir ön uç geliştirici olarak, içerikteki tüm kod parçacıklarını vurgulanmış resimlere dönüştürmeniz gerekiyor. Tüm kod parçacıklarını ayıklamak çok önemli! Markdown'ın ters tırnak işaretleri (``) sözdizimiyle tamamen çevrili kodun tek bir parçacık olarak ele alınması gerektiğini unutmayın. Özellikle JSX koduna dikkat edin. Vurgulama için JS sözdizimini JSX sözdizimi olarak ele alın.
Renk şeması: Ana arka plan rengi olarak koyu gri kullanılmıştır ve kod blokları koyu bir arka plana sahip olup, kod vurguları renkli (camgöbeği ve parlak yeşil ana vurgu renkleridir) olarak tasarlanmıştır.
Düzen: Kod blokları bir terminal/kod düzenleyicisinin görünümünü simüle eder, ancak kod düzenleyicisinin üst kısmındaki düğmeler kaldırılmıştır ve yalnızca kod görüntülenir. Her kartın üst ve alt kenarlarında 15 piksel, sol ve sağ kenarlarında ise 25 piksel boşluk bulunur.
Teknik Uygulama: Düzen ve stil, HTML5 ve CSS kullanılarak uygulanmıştır (kod blokları renklendirilmelidir); dom-to-image-more işlevi entegre edilmiştir. dom-to-image-more komut dosyasının adresi https://cdn.jsdelivr.net/npm/dom-to-image-more@2.8.0/dist/dom-to-image-more.min.js olup, tek karttan resim indirme (düğme kartın altında bulunur, resimler yüksek çözünürlüklü olmalıdır) ve tüm resimlerin tek tıklamayla indirilmesini sağlar (tıkladıktan sonra, resimleri tek tek indirmeden önce 1 saniye bekleyin). Kodda gereksiz ters tırnak işaretleri (`\`) eklemekten kaçının, çünkü bu hatalara neden olabilir.
Bunu uygularken lütfen şunlara dikkat edin: Kapak kartını sade tutun. Simgeler için sözde öğeler kullanmayın; doğrudan SVG kullanın. İndirilen resimler yüksek çözünürlüklü ve 2 ölçekli olmalıdır. Resimleri numaralar kullanarak ardışık olarak adlandırın.
description
Makaledeki tüm kodları resimlere dönüştürün ve tek tıklamayla indirin.
Related Skills
View allGörüntü Ters Çevirme İstemi
Kullanıcılar bir görsel sağlar ve Skill, tersine mühendislik gibi, stil, kompozisyon, konu şekli, renk ve atmosfer gibi tüm görsel bilgileri hassas bir şekilde çıkararak, neredeyse birebir aynı görüntüyü doğrudan oluşturabilecek bir komut dosyası üretir. Türetilmiş çalışmalar için hafif bir eğitim kılavuzu da dahildir.
Sözlerin içinde resimler, resimlerin içinde ise klasikler var.
Bir deyim girin, 20 görsel stilinden birini seçin ve otomatik olarak bir "Deyim Analizi Kartı (pinyin, orijinal anlam, genişletilmiş anlam, örnek cümle ve uygulanabilir senaryolar dahil)" ve bir "Deyimin sanatsal anlayışına uyan bir görsel" oluşturun. Daha sonra ikisi aynı görselde birleştirilir ve yatay olarak çıktı verilir.
Evcil Hayvan Fotoğrafçılığı Yönetmeni | Tek Tıkla Sinematik Evcil Hayvan Fotoğrafları Oluşturun
Tüylü dostunuz için hafif ve havadar, elle boyanmış bir suluboya resim mi yapmak istiyorsunuz? Golden Retriever'ınızı uzay kıyafeti içinde görmek mi istiyorsunuz? Turuncu çizgili kedinizi bir Ghibli film karakterine dönüştürmek mi istiyorsunuz? Fotoğraf stüdyosuna gitmenize veya karmaşık yapay zeka komutlarını anlamanıza gerek yok. Bu beceri, iki süper harika özelliği destekleyen "kişiselleştirilmiş evcil hayvan görsel yönetmeniniz"dir: 1. Fotoğraf Dönüştürme (Şiddetle Tavsiye Edilir): Evcil hayvanınızın bir fotoğrafını yükleyin, bir stil seçin ve anında gerçek özelliklerini koruyan çarpıcı bir görüntü oluşturacaktır! 2. Metin Çağırma: Fotoğraf yok mu? Sadece bir açıklama yazın (örneğin, "Güneş gözlüğü takan bir Fransız Bulldog spor araba sürüyor") ve yine de bir görüntü oluşturacaktır. Profesyonel komutları otomatik olarak çevirir ve doğrudan sohbet kutusunda bir görüntü oluşturur. Tek tıklamayla geçişi destekleyen 14 popüler stil (en yeni elle boyanmış suluboya ve Japon elle boyanmış stilleri dahil) içerir. Ekran koruyucunuzu günlük olarak değiştirmek işte bu kadar basit!
Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.
