Kullanım kılavuzuna geç
State Machineyazan Owl-Listener

State Machine Skill.

Bir bileşenin her durumundan sonra neler olabileceğini tanımlayın.

  • Etkileşim Tasarımı
  • Davranış Modelleme
Kaynak İncelemesi · State MachineSKILL.md
Görev Etkileşim Tasarımı Ürettikleri • Tek bir odaklı konu için durum ve olay envanteri. • Koruyucu koşullar ile giriş veya çıkış eylemlerini içeren geçiş haritası. • İnceleme için hata, kurtarma ve imkânsız durum senaryoları. Başlamadan Önce Adı belirtilmiş bir state-machine paketi gerekmez; gerçek uygulama ve testler sonraki aşamanın işi olarak kalır.
Editoryal özet · kaynak incelenme tarihi 2026-10-07 · üretilmiş örnek değildir

01 İşlevler

Karmaşık Arayüz Durumlarını Açık Hale Getirin

Arayüz bileşenleri için olayları, koruyucu koşulları, geçişleri, yan etkileri ve kurtarmayı kapsayan sonlu durum modelleme rehberi.

Kaynağa dayalı iş akışıÇalıştırma performans testi değildir

Çalışma Yaklaşımı

State Machine, arayüz davranışını gevşek biçimde ilişkili Boolean bayraklar yerine açık durumlar ve geçişler olarak modeller. Bileşeni hareket ettiren olayları, bir geçişe izin veren koruyucu koşulları ve süreç içinde gerçekleşen eylemleri belirler. Kaynaktaki örnekler formlar, veri istekleri, kimlik doğrulama ve çok adımlı sihirbazlardır.

Amaç, test edilebilir bir davranış belirtimidir. Her durumun tanımlı bir arayüz karşılığı olmalıdır. Son olmayan durumların bir çıkışı olmalı ve geçersiz kombinasyonlar uygulamadan önce belirlenmelidir. Kaynak bir state-machine kütüphanesi seçmez ve kapsamlı bir kanıtı otomatik olarak üreteceğini iddia etmez.

Beklenen Çıktılar

  • Tek bir odaklı konu için durum ve olay envanteri.
  • Koruyucu koşullar ile giriş veya çıkış eylemlerini içeren geçiş haritası.
  • İnceleme için hata, kurtarma ve imkânsız durum senaryoları.
Örnek Brifi Gör

Brifden İncelemeye

  1. 01
    Durumları ve Olayları Listeleyin

    Anlamlı modları ve bunları değiştirebilecek her tetikleyiciyi adlandırın; mutlu yoldan başlayın.

  2. 02
    Geçerli Geçişleri Tanımlayın

    Hedefleri, koşulları ve yan etkileri belirtin. Tasarımın engellemesi gereken kombinasyonları belirleyin.

  3. 03
    Kurtarma ve Arayüz Eşlemesi Ekleyin

    Hatayı, yeniden denemeyi, iptali ve çıkışları modelleyin; arayüzün her durumda nasıl göründüğünü gösterin.

02 Kullanım Alanları

Ne Zaman Kullanılır?

Adı belirtilmiş bir state-machine paketi gerekmez; gerçek uygulama ve testler sonraki aşamanın işi olarak kalır.

İyi Bir Uyum

  • Birbiriyle Etkileşen DurumlarYükleme, doğrulama, izin ve hata bayrakları belirsiz kombinasyonlar oluşturduğunda yararlıdır.
  • Tasarımdan Teste DevirTasarımcılara ve mühendislere davranış ve uç durumlar için ortak bir sözlük sağlar.

Kontrol Edilecek Sınırlar

  • Animasyon Zanaati Değildirİzin verilen davranışı tanımlar; tek bir mikro etkileşimin zamanlamasını veya hissini tanımlamaz.
  • Kütüphaneye Özgü Kod DeğildirKaynak, XState veya başka bir çalışma zamanı gerektirmeden bir modelleme yaklaşımı sunar.

Bu Girdileri Getirin

  • Bileşen HedefiModelin okunabilir kalması için tek bir davranış veya konu seçin.
  • Olaylar ve KoşullarKullanıcı eylemlerini, zaman aşımlarını, yanıtları, izinleri ve doğrulama kurallarını dahil edin.
  • Arayüz SonuçlarıGörünür durumları ve beklenen kurtarma eylemlerini sağlayın.

03 Önemli Kararlar

Önemli Kararlar

  1. İmkânsız Durumlar Erken Ortaya Çıkar

    Model, gelişigüzel bayrakların yanlışlıkla izin verebileceği kombinasyonlar hakkında karar vermeyi gerektirir.

  2. Kurtarma Birinci Sınıf Bir Yoldur

    Yeniden deneme, iptal veya geri dönüş yolu olmayan bir hata durumu çıkmaz sokak olarak görünür olur.

04 Örnek Görev Tanımı

Odaklı Bir Brif Deneyin

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

Kurulumu İnceleyin

Deponun belgelenmiş kurulum yolunu kullanın ve atıfta bulunulan tüm yardımcı dosyaları saklayın. Bu kayıt, çalıştırılabilir bir uygulamayı değil, odaklı bir tasarım yöntemini anlatır.

Kaynak Beceri Dosyası
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/state-machine/SKILL.md

Adı belirtilmiş bir state-machine paketi gerekmez; gerçek uygulama ve testler sonraki aşamanın işi olarak kalır.

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

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

Örnek Brif
Dosya yüklemesini doğrulama, ilerleme, iptal, hata ve yeniden deneme ile modellemek için state-machine kullanın. Durumları, olayları, koruyucu koşulları, geçiş yan etkilerini ve arayüz karşılıklarını listeleyin. Hangi eşzamanlı durumların geçersiz olduğunu ve son olmayan her durumdan nasıl çıkılabileceğini açıklayın. Henüz bir çalışma zamanı kütüphanesi seçmeyin.

Sonucu İnceleyin

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

  • Her durum görünür bir arayüz koşuluyla eşleşir.
  • Her geçişin bir olayı ve gerekiyorsa bir koruyucu koşulu vardır.
  • Hata ve iptal, açıklanmamış bir çıkmaz sokak bırakmaz.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu listeleme, becerinin pakete dahil olduğu anlamına gelmez; harici araçlar, kimlik bilgileri ve yazılım bağımlılıkları da dahil değildir.

05 Kaynak ve Lisans

Kaynak ve Lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak sürümünü anlatır. Kaynaktaki davranış ve gereksinimler değişebilir.

Kaynak Sahibi
Owl-Listener
Lisans
MIT
İncelenen Anlık Görüntü
2026-10-07 · 9a6930cf84a8
Editoryal Kaynak Özeti
Arayüz bileşenleri için olayları, koruyucu koşulları, geçişleri, yan etkileri ve kurtarmayı kapsayan sonlu durum modelleme rehberi.

Bağlantılı kaynağa dayanarak OpenDesign tarafından hazırlanan özgün özet. Depo yıldızları tarihli bir popülerlik göstergesidir; beceri kullanımı veya kalite puanı değildir.

06 Başlamadan Önce Sorular

Başlamadan Önce Sorular

Durum makinesi yalnızca karmaşık uygulamalar için midir?

Odaklı bir form veya istek akışını tanımlayabilir. Değer, uygulamanın tamamının boyutuna değil, etkileşen davranışlara bağlıdır.

Koruyucu koşul nedir?

Bir geçişe izin verilmeden önce doğru olması gereken koşuldur; örneğin geçerli girdi veya yeterli izin.

Kullanıcı akışı diyagramının yerini alır mı?

Hayır. Kullanıcı akışı ekranlar arasındaki yolları vurgular; durum makinesi ise bir bileşen veya konu içindeki geçerli davranışı vurgular.

OpenDesign

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

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

Kaynak Beceri Dosyası
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/state-machine/SKILL.md