102.3K+İndir
Kullanım kılavuzuna geç
Power Designyazan ItsssssJack

Power Design Skill.

Önce ortamı seçin, ardından slayt ve web sitesi gereksinimlerini karıştırmadan markayı uygulayın.

  • Web Tasarımı
  • Sunumlar
  • Marka Sistemleri
OpenDesign İndirKullanım Kılavuzunu Görüntüle
Kaynak İncelemesi · Power DesignSKILL.md
Görev Web Tasarımı Çıktılar • Bir HTML sunumu veya duyarlı web sitesi; bağlantılı yazı tipleri ve görseller ağ erişimi gerektirebilir. • Yeni bir kaynak markası çıkarılırken yeniden kullanılabilir bir marka stili kaydı. • İçerik, yerleşim ve erişilebilirlik açısından slayt veya web sitesi kontrol listesine göre incelenmiş bir çıktı. Başlamadan Önce URL tabanlı marka çıkarımı Firecrawl gerektirir. Varsayılan çıktılar harici JavaScript bağımlılıklarından kaçınır; ancak yazı tipleri veya görsel varlıklar yine de kendi kullanılabilirlik ve hak koşullarını gerektirebilir.
Editoryal özet · incelenen kaynak 2026-10-07 · üretilmiş örnek değildir

01 İşlevler

Marka Odaklı HTML Sunumları veya Web Siteleri Oluşturun

Ortak marka çıkarımı ile sunumlar ve duyarlı web siteleri için ayrı kurallar içeren bir HTML tasarım iş akışı.

Kaynağa dayalı iş akışıYürütme kıyaslaması değildir

Çalışma Yaklaşımı

Power Design, ortak bir marka temelini kullanan iki çıktı yoluna sahiptir: sabit çerçeveli bir HTML sunumu ve duyarlı bir web sitesi. Firecrawl üzerinden bir marka URL'si, pakete dahil bir marka stili veya nötr bir varsayılan kullanabilir. Aynı arka plan, ön plan, vurgu, yazı tipi, köşe yarıçapı ve ses tonu referansları daha sonra ilgili ortama özgü kurallara aktarılır.

Bu ayrım önemlidir; çünkü yansıtılan okunabilir bir slayt ile kullanılabilir bir web sayfasının kısıtları farklıdır. Slayt yolu sınırlı miktarda içeriğe, güvenli alana, tek bir görsel vurguya ve net bir sunum moduna önem verir. Web sitesi yolu ise duyarlı yerleşim, anlamsal yapı, klavye erişimi, tema davranışı, formlar ve meta verileri ekler. Bunlar tasarım hedefleridir, ölçülmüş performans sonuçları değildir.

Beklenen Çıktılar

  • Bir HTML sunumu veya duyarlı web sitesi; bağlantılı yazı tipleri ve görseller ağ erişimi gerektirebilir.
  • Yeni bir kaynak markası çıkarılırken yeniden kullanılabilir bir marka stili kaydı.
  • İçerik, yerleşim ve erişilebilirlik açısından slayt veya web sitesi kontrol listesine göre incelenmiş bir çıktı.
Örnek Brifingi Gör

Brifingden İncelemeye

  1. 01
    Sunum veya Web Sitesi Seçin

    Kuralları ya da tuvali seçmeden önce çıktı ortamını belirleyin.

  2. 02
    Marka Girdilerini Belirleyin

    Yetkili bir URL çıkarımı, mevcut bir kütüphane stili veya nötr temel kullanın.

  3. 03
    Doğru Kural Setini Uygulayın

    Slaytlar için sunum kısıtlarını, web siteleri için duyarlı etkileşim gereksinimlerini kullanın.

  4. 04
    Kaydedin ve İnceleyin

    Çıktıyı açın, ortama özgü davranışını inceleyin ve gerçek sonuç üzerinden yineleyin.

02 Kullanım Alanları

Ne Zaman Kullanılır?

URL tabanlı marka çıkarımı Firecrawl gerektirir. Varsayılan çıktılar harici JavaScript bağımlılıklarından kaçınır; ancak yazı tipleri veya görsel varlıklar yine de kendi kullanılabilirlik ve hak koşullarını gerektirebilir.

İyi Uyum

  • Markalı HTML SunumlarıTarayıcı tabanlı bir sunum hedeflenen çıktı olduğunda kullanışlıdır.
  • Duyarlı Pazarlama SayfalarıTokenlarla tanımlanmış açık ve koyu temalı, framework gerektirmeyen bir varsayılan sunar.

Kontrol Edilecek Sınırlar

  • PPTX Dışa Aktarıcı DeğildirBelgelenen varsayılan çıktı HTML'dir, yerel bir PowerPoint dosyası değildir.
  • Marka Çıkarımı Erişim GerektirirURL tabanlı markalama, kullanılabilir bir Firecrawl entegrasyonuna ve erişilebilir kaynak materyale bağlıdır.
  • Hedefler Ölçüm DeğildirListelenen performans bütçeleri ve okunabilirlik eşikleri otomatik olarak iddia edilmemeli, gerçek çıktıda kontrol edilmelidir.

Şu Girdileri Getirin

  • Ortam ve AmaçSonucun sunum mu site mi olduğunu ve hangi eylemi ya da mesajı desteklemesi gerektiğini belirtin.
  • Marka KaynağıBir URL, bilinen bir kütüphane markası veya nötr bir stil kullanma izni sağlayın.
  • İçerik ve Hedef KitleGerçek iddiaları, bölümleri, ana noktaları ve hedeflenen izleyicileri sağlayın.

03 Önemli Kararlar

Önemli Kararlar

  1. Ortama Özgü Kurallar

    Sabit bir slayt tuvali web sitesi yoğunluğunu devralmamalı, bir web sayfası da yalnızca sunuma özgü etkileşim varsayımlarını devralmamalıdır.

  2. Ortak Marka Kaydı

    Çıkarılan marka stili her iki yolu da besleyebilir; yerleşim kuralları ise ayrı kalır.

  3. Sade HTML Varsayılanı

    Daha büyük bir proje veya framework açıkça gerekmedikçe kaynak, kendi içinde bütünlüklü bir çıktıyı tercih eder.

04 Örnek Görev Tanımı

Odaklı Bir Brifingi Deneyin

Aşağıdaki örnek brifing test edilmemiştir. Kullanmadan önce skill'in kurulumunu kontrol edin.

Kurulumu İnceleyin

İlkeleri, marka kütüphanesini ve çıkarım referanslarını Skill ile birlikte tutun. Kaynak, evrensel bir tek satırlık yükleyici tanımlamaz.

Kaynak Dosyası
https://github.com/ItsssssJack/power-design/blob/f0c4143a38787aa33975b0e1811ccdf27d3014a1/SKILL.md

URL tabanlı marka çıkarımı Firecrawl gerektirir. Varsayılan çıktılar harici JavaScript bağımlılıklarından kaçınır; ancak yazı tipleri veya görsel varlıklar yine de kendi kullanılabilirlik ve hak koşullarını gerektirebilir.

Tek Bir Çıktıyla Başlayın

Skill'i çalıştırmadan önce bu brifingdeki kapsamı, kaynak materyali ve kısıtları uyarlayın.

Örnek Brifing
Sağlanan atölye için slayt sunumu değil, duyarlı bir HTML sayfası oluşturmak üzere power-design kullan. Sağladığımız marka stili dosyasını ve doğrulanmış etkinlik bilgilerini kullan. Tek bir kayıt eylemi tut, klavye kullanımını ve açık/koyu temaları destekle; gerçek görünüm alanı ve performans kontrollerini tasarım hedeflerinden ayrı raporla.

Sonucu İnceleyin

Gerçek çıktıyı bu gözlemlenebilir ölçütlere göre kontrol edin.

  • Seçilen çıktı, doğru ortamın kurallarına uyar.
  • Marka değerleri, sağlanan veya çıkarılan stile kadar izlenebilir.
  • Web sitesi veya sunum, hedeflenen tarayıcı bağlamında incelenir.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu listeleme, skill'in pakete dahil olduğu veya harici araçlarının, kimlik bilgilerinin ve yazılım bağımlılıklarının sağlandığı anlamına gelmez.

OpenDesign İndirHızlı Başlangıcı Okuyun

05 Kaynak ve Lisans

Kaynak ve Lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak revizyonunu açıklar. Üst kaynaktaki davranış ve gereksinimler değişebilir.

Kaynak Sahibi
ItsssssJack
Depo
ItsssssJack/power-design
Skill Dosyası
SKILL.md
Lisans
MIT
İncelenen Anlık Görüntü
2026-10-07 · f0c4143a3878
Editoryal Kaynak Özeti
Ortak marka çıkarımı ile sunumlar ve duyarlı web siteleri için ayrı kurallar içeren bir HTML tasarım iş akışı.

Bağlantılı kaynağa dayanan, OpenDesign tarafından hazırlanmış özgün özet. Depo yıldızları tarihli bir popülerlik göstergesidir; skill kullanımını veya kalite puanını göstermez.

06 Başlamadan Önce Sorular

Başlamadan Önce Sorular

PowerPoint dosyaları üretebilir mi?

Kaynak, HTML sunumlarını tanımlar. Yerel bir PPTX çıktısı için ayrı bir dönüştürme veya hazırlama iş akışı gerekir.

Her zaman Firecrawl gerektirir mi?

Yalnızca URL çıkarımı yolu buna bağlıdır; kaynak ayrıca mevcut marka stillerini ve nötr bir varsayılanı da sunar.

Web siteleri için açık ve koyu modlar dahil mi?

Kapsam değiştirilmedikçe, kalıcı bir manuel geçişle birlikte belgelenen web sitesi varsayılanının parçasıdırlar.

OpenDesign

Bir Sonraki Tasarım Yinelemesine Yer Açın.

Brifinginizi, kaynak materyalinizi ve tasarım çalışmanızı yerel bir çalışma alanında bir arada tutun. İş akışınıza eklemeden önce skill'in kendi kurulumunu kontrol edin.

OpenDesign İndirTasarım Skill'lerine Göz Atın
Kaynak Dosyası
https://github.com/ItsssssJack/power-design/blob/f0c4143a38787aa33975b0e1811ccdf27d3014a1/SKILL.md