Kullanım kılavuzuna geç
Design Flowyazan julianoczkowski

Design Flow Skill'i.

Bir tasarım projesini açık aşamalar ve kaydedilmiş çıktılarla ilerletin.

  • Tasarım iş akışı
  • İnceleme
Kaynak incelemesi · design-flowSKILL.md
Görev Bir tasarım projesini açık aşamalar ve kaydedilmiş çıktılarla ilerletin. Çıktılar Gerektiği şekilde özelliğe özgü brif, bilgi mimarisi ve token çıktıları. Başlamadan önce Koordinatör, adı belirtilen skill’lere ve bunların tam talimatlarına bağlıdır.
Editoryal özet · kaynak inceleme tarihi 2026-11-02 · oluşturulmuş bir örnek değildir

01 İşlevler

Bir tasarım projesini açık aşamalar ve kaydedilmiş çıktılarla ilerletin

Tasarım soruları ve bilgi mimarisinden token’lara, geliştirme görevlerine ve uygulamaya uzanan rehberli sırayı izleyin; inceleme ayrıca istenir.

Kaynağa dayalı iş akışıÇalıştırma kıyaslaması değildir

Çalışma Yaklaşımı

Design Flow, tamamlayıcı tasarımcı skill’lerini belirli bir sırayla koordine eder. Netleştirici sorularla başlar, brifi kaydeder, bilgi mimarisini geliştirir, token’ları belirler ve brifi uygulanabilir görevlere dönüştürür. Frontend uygulaması ardından bu görev listesini izler. Her aşamanın açık bir çıktısı ve tasarımcının onayladığı bir geçişi vardır.

Kaynak, iş akışını kaldığı yerden sürdürülebilir olarak ele alır. Özelliğe ait çıktılar .design klasörü altında birlikte tutulur; böylece çalışma sonraki tamamlanmamış aşamadan devam edebilir. Tasarım incelemesi, bir şeyler geliştirildikten sonra ayrıca istenen bir adımdır; sıranın tamamlanması tek başına görsel incelemenin başarıyla geçtiğini göstermez.

Beklenen Çıktılar

  • Gerektiği şekilde özelliğe özgü brif, bilgi mimarisi ve token çıktıları.
  • Frontend uygulaması sırasında izlenen sıralı TASKS.md kontrol listesi.
  • Uygulama aşamasında oluşturulan bileşenler ve sayfalar ile devam etmeyi sağlayan kayıtlı planlama çıktıları.
Örnek Brief'i Gör

Brifden İncelemeye

  1. 01
    Gerekli aşamaları seçin

    Tam sırayı açıklayın ve atlanabilecek aşamaları belirleyin. Mevcut token’lar veya tek bileşenlik kapsam, gereksiz işleri ortadan kaldırabilir.

  2. 02
    Tasarım niyetini netleştirip kaydedin

    İlgili tamamlayıcı skill’leri eksiksiz uygulayın; brifi ve bilgi mimarisini aynı özellik klasöründe saklayın. Devam etmeden önce her aşamayı onaylatın.

  3. 03
    Niyeti uygulamaya dönüştürün

    Token’ları oluşturun veya genişletin, görev listesini hazırlayın ve uygulama dilimlerini sırayla tamamlayın. Aralarında onay alarak biten görevleri işaretleyin.

  4. 04
    İstendiğinde inceleyin

    Ayrı design-review skill’ini yalnızca geliştirilmiş bir arayüz mevcutsa ve inceleme istenmişse çalıştırın. Ekran görüntüleri ve bulguları, özelliğin diğer çıktılarıyla birlikte tutulur.

02 Kullanım Alanları

Ne zaman kullanılır

Koordinatör, adı belirtilen skill’lere ve bunların tam talimatlarına bağlıdır.

İyi Bir Uyum

  • Yeni özellik planlamasıTasarımcı, ilk fikirden uygulamaya uzanan rehberli bir yol ister.
  • Kesintiye uğrayan projelerKayıtlı özellik çıktıları, önceki kararları koruyarak iş akışını sürdürmeyi sağlar.

Kontrol Edilecek Sınırlar

  • Tamamlayıcı skill’ler gerekirKoordinatör, adı belirtilen skill’lere ve bunların tam talimatlarına bağlıdır.
  • Açık geçişlerKaynak, tüm sıranın sessizce yürütülmesi yerine aşamalar arasında onay bekler.
  • Ayrı incelemeİnceleme otomatik değildir ve incelenecek geliştirilmiş kod gerektirir.

Bu Girdileri Getirin

  • Proje niyetiÖzelliği, kullanıcı hedefini ve mevcut kararları açıklayın.
  • Mevcut depoMevcut bileşenleri, token’ları ve özellik çıktılarını sağlayın.
  • İş akışı tercihiZaten tamamlanan veya bilinçli olarak atlanan aşamaları belirtin.

03 Önemli Kararlar

Önemli kararlar

  1. Birbirine bağlı kararlar

    Brif, mimariyi, token’ları ve uygulama görevlerini yönlendirir.

  2. Kapsamı belirli çıktılar

    Ayrı özellik klasörleri, ilgisiz projelerin birbirinin üzerine yazmasını önler.

  3. Net devam noktası

    Mevcut çıktılar, aradan sonra nereden devam edileceğini gösterir.

04 Örnek Görev Tanımı

Odaklı bir brief deneyin

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

Kaynağı ve kurulumu inceleyin

Özelliği, kullanıcı hedefini ve mevcut kararları açıklayın.

Üst Kaynak Dosyası
https://github.com/julianoczkowski/designer-skills/blob/c259656c76d9758d7ead46b0d2f125cbe84f8665/design-flow/SKILL.md

Aşağıdaki referans, özgün talimatları açar. Kullanmadan önce depo kurulumunu inceleyin; bu bir kurulum komutu değildir.

Tek bir çıktıyla başlayın

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

Örnek Brif
Bu depoda yeni bir ekip etkinliği sayfası için design-flow kullan. Önce mevcut .design özellik klasörlerini ve token’larımızı incele. Aşama sırasını açıkla ve mevcut olanlara göre hangi aşamaları atlayabileceğimizi öner. Brifi, mimariyi ve görevleri tek bir özellik klasöründe birlikte tut. İlerlemeden önce her geçişi onaylat ve kabul edilen kararları sonraki aşamalara taşı. Uygulama sırasında görev kontrol listesini izle. Akış sırasında açıkça istemedikçe tasarım incelemesini net biçimde belirtilmiş ayrı bir adım olarak bırak.

Sonucu inceleyin

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

  • Her aşamanın çıktısı önceki aşamanın kararlarını yansıtır.
  • Devir teslimde tamamlanan ve atlanan aşamalar ayırt edilebilir.
  • Yalnızca uygulama bitti diye incelemenin başarıyla geçtiği söylenmez.

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

05 Kaynak ve Lisans

Kaynak ve lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak revizyonunu açıklar. Upstream davranışı ve gereksinimleri değişebilir.

Kaynak Sahibi
julianoczkowski
Skill Dosyası
SKILL.md
İncelenen Sürüm
2026-11-02 · c259656c76d9
Editoryal Kaynak Özeti
Bir tasarım projesini açık aşamalar ve kaydedilmiş çıktılarla ilerletin.

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

Her proje bütün aşamaları yürütmek zorunda mı?

Hayır. Kaynak, tek bir bileşen için bilgi mimarisi gibi gereksiz aşamaları atlamayı açıkça destekler.

Çıktılar nerede saklanır?

Her özelliğin kendi kaydı olması için .design/<feature-slug>/ altında gruplanırlar.

Akış tasarım incelemesini otomatik çalıştırır mı?

Hayır. İnceleme, bileşenler veya sayfalar geliştirildikten sonra ayrıca istenir.

OpenDesign

Brief'inizi ve tasarım çalışmanızı bir arada tutun.

Brifinizi, 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.

Üst Kaynak Dosyası
https://github.com/julianoczkowski/designer-skills/blob/c259656c76d9758d7ead46b0d2f125cbe84f8665/design-flow/SKILL.md