106.9K+İndir
Kullanım kılavuzuna geç
Brief to Tasksyazan julianoczkowski

Brief to Tasks Skill'i.

Tasarım brief'ini bağımsız olarak incelenebilen uygulama parçalarına dönüştürün.

  • Görev planlama
  • Bağımlılıklar
OpenDesign İndirKullanım Kılavuzunu Görüntüle
Kaynak incelemesi · brief-to-tasksSKILL.md
Görev Tasarım brief'ini bağımsız olarak incelenebilen uygulama parçalarına dönüştürün. Çıktılar Özelliğin tasarım brief'inin yanında saklanan bir TASKS.md kontrol listesi. Başlamadan önce Kontrol listesini oluşturmak, özelliği tek başına uygulamaz veya doğrulamaz.
Editoryal özet · kaynak inceleme tarihi 2026-11-02 · oluşturulmuş bir örnek değildir

01 İşlevler

Tasarım brief'ini bağımsız olarak incelenebilen uygulama parçalarına dönüştürün

Tasarım brief'ini bileşen yeniden kullanımı, bağımlılıklar, görsel öncelikler ve doğrulanabilir UI parçaları içeren sıralı bir TASKS.md kontrol listesine dönüştürün.

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

Çalışma Yaklaşımı

Brief to Tasks, tasarım brief'ini sıralı bir uygulama kontrol listesine dönüştürür. Her görev, tek başına incelenebilen görünür bir sonuç üretmek için yeterli yapı, stil ve etkileşim içerir. Böylece uygulayan kişi neyi önce tamamlayacağını ve bir parçanın brief'e uyduğunu hangi kanıtın göstereceğini belirleyebilir.

Skill, görev oluşturmadan önce mevcut sayfaları, bileşenleri, token'ları, bağımlılıkları ve testleri inceler. Yeniden kullanım, değişiklik ve yeni oluşturmayı ayırarak planın gerçek depoyu yansıtmasını sağlar. Sırayı genel HTML, CSS ve JavaScript aşamaları yerine bağımlılıklar, görsel önem ve belirsizlik belirler.

Beklenen Çıktılar

  • Özelliğin tasarım brief'inin yanında saklanan bir TASKS.md kontrol listesi.
  • Her görev için bileşenlerin yeniden kullanım, değişiklik veya oluşturma durumu.
  • Açık bağımlılıklar, kapsanan durumlar ve tamamlanma beklentileri.
Örnek Brief'i Gör

Brifden İncelemeye

  1. 01
    Tasarım bağlamını okuyun

    Etkin .design/<feature-slug>/DESIGN_BRIEF.md dosyasını ve varsa INFORMATION_ARCHITECTURE.md ya da token dosyasını bulun. Birden fazla özellik klasörü varsa ilgisiz gereksinimlerden liste oluşturmadan önce görevin hangisiyle ilgili olduğunu belirleyin.

  2. 02
    Yeniden kullanılabilir parçaları envantere alın

    Bileşenleri, görünümleri, stilleri, bağımlılıkları ve test kurallarını inceleyin. İlgili parçaları yeniden kullanılabilir, değişiklik gereken veya eksik olarak sınıflandırın.

  3. 03
    Dikey dilimleri oluşturup sıralayın

    Yapı, stil ve davranışı incelenebilir görevlerde birleştirin. Bağımlılıkları önce ele alırken görsel yönü ve en riskli çalışmaları erkenden ortaya çıkarın.

  4. 04
    Uygulanabilir bir kontrol listesi kaydedin

    TASKS.md dosyasını aynı özellik klasörüne yazın. Her dilim için beklenen durumları ve doğrulamayı, sonuna da bir tasarım inceleme görevi ekleyin.

02 Kullanım Alanları

Ne zaman kullanılır

Kontrol listesini oluşturmak, özelliği tek başına uygulamaz veya doğrulamaz.

İyi Bir Uyum

  • Brief onaylandığındaEkibin tasarım niyetini koruyan somut bir uygulama sırasına ihtiyacı vardır.
  • Mevcut ürün büyürkenBir özellik her şeyi sıfırdan planlamak yerine yerleşik bileşenleri yeniden kullanmalıdır.

Kontrol Edilecek Sınırlar

  • Planlama çıktısıKontrol listesini oluşturmak, özelliği tek başına uygulamaz veya doğrulamaz.
  • Dikey kapsamBağımsız kurulum veya klasör oluşturma görevleri, kaynağın uygulama dilimi tanımını karşılamaz.

Bu Girdileri Getirin

  • Tasarım brief'iSeçilen özelliği ve gereksinimlerini sağlayın.
  • Mevcut UIBileşen dizinlerini, token'ları ve mevcut görünümleri erişilebilir kılın.
  • Uygulama kısıtlarıBağımlılıkları, test kurallarını ve gerekli duyarlı tasarım veya etkileşim durumlarını ekleyin.

03 Önemli Kararlar

Önemli kararlar

  1. İncelenebilir ilerleme

    Her görev, brief ile karşılaştırılabilen bir UI üretir.

  2. Görünür yeniden kullanım

    Kontrol listesi mevcut bileşenlerin nerede yeniden kullanıldığını veya değiştirildiğini belirtir.

  3. Belirsizliği erken kontrol

    Yüksek riskli ve görsel açıdan önemli işler, çevresindeki ayrıntılardan önce gelir.

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

Seçilen özelliği ve gereksinimlerini sağlayın.

Üst Kaynak Dosyası
https://github.com/julianoczkowski/designer-skills/blob/c259656c76d9758d7ead46b0d2f125cbe84f8665/brief-to-tasks/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
.design içindeki onaylı proje ayarları brief'i için brief-to-tasks kullan. Bilgi mimarisini ve mevcut token dosyalarımızı oku; ardından yeniden kullanılabilir form, gezinme ve geri bildirim bileşenlerini incele. Her biri yapı, stil ve etkileşim içeren dikey dilimlerden bir TASKS.md kontrol listesi oluştur. Her dilimin bileşenleri yeniden kullanıp kullanmadığını, değiştirip değiştirmediğini veya oluşturduğunu belirt. Bağımlılıkları önce sırala ve en belirsiz ayar etkileşimini erkene al. Uygun yerlerde boş, hata ve kaydetme işlemi sürerken gösterilen durumları somut tamamlanma kontrolleriyle ekle; sona tasarım inceleme görevi koy. Bu aşamada uygulamaya başlama.

Sonucu inceleyin

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

  • Her görev yeniden kullanım, değişiklik veya oluşturmayı açıkça belirtir.
  • Bağımlılıklar açıktır ve her dilimin doğrulanabilir bir sonucu vardır.
  • Kontrol listesi brief'in görsel yönünü ve gerekli durumlarını korur.

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.

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

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
Depo
julianoczkowski/designer-skills
Skill Dosyası
SKILL.md
Lisans
Apache-2.0
İncelenen Sürüm
2026-11-02 · c259656c76d9
Editoryal Kaynak Özeti
Tasarım brief'ini bağımsız olarak incelenebilen uygulama parçalarına dönüştürün.

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

Kontrol listesi nereye kaydedilir?

Kaynak, TASKS.md dosyasını brief ile aynı .design özellik klasörüne kaydeder.

Stil ayrı bir aşama mı olmalı?

Her dikey dilim, bağımsız incelenebilmesi için yapı, stil ve etkileşimi birleştirir.

Uygun bir bileşen zaten varsa ne yapılır?

Mümkünse olduğu gibi yeniden kullanın. Yalnızca değişiklik veya yeni oluşturma gerektiren parçalar ayrı görev alır.

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.

OpenDesign İndirTasarım Skill'lerine Göz At
Üst Kaynak Dosyası
https://github.com/julianoczkowski/designer-skills/blob/c259656c76d9758d7ead46b0d2f125cbe84f8665/brief-to-tasks/SKILL.md