impeccableyazan Paul Bakaus

Impeccable Skill.

Claude Code ve Codex için tasarım incelemesi skill'i: arayüzleri tasarlamak, değerlendirmek, denetlemek, cilalamak, canlandırmak ve iyileştirmek için tek skill.

Tasarım İncelemesi & Erişilebilirlik
UI kodu

OpenDesign İndir Kullanım kılavuzunu görüntüle

pbakaus/impeccable · plugin/skills/impeccable/SKILL.mdSKILL.md

--- name: impeccable description: Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, … --- ## Setup ## How to design ## Modes ## Commands

Ön bilgi ve bölüm başlıkları kaynak dosyadan 2026-09-14 tarihinde okunmuştur · toplam 11.912 karakter

01 Ne yapar

Kusursuz Skill'in Claude Code ve Codex'te Yaptığı

Özet, iş akışı ve çıktılar; hepsi skill'in SKILL.md dosyasından okundu.

SKILL.md'den14-09-2026 tarihinde okundu · kayıtlı bir çalıştırma değil

Skill'in Kendi İfadeleriyle

Impeccable, tasarım, eleştiri, denetim, cilalama, animasyon ve iyileştirme yoluyla ön uç arayüzleri dönüştürür. Web sitelerini, açılış sayfalarını, panoları, ürün UI'sini, bileşenleri, formları, ayarları, katılım süreçlerini ve boş durumları kapsar—UX incelemesi, görsel hiyerarşi, erişilebilirlik, performans, duyarlı davranış, temalandırma, tipografi, boşluk, düzen, renk, hareket, mikro etkileşimler ve tasarım sistemlerini yönetir.

Skill, üretim kalitesinde kod, doruk yaratıcılık, açık bir bakış açısı ve olağanüstü işçilikle dağılım dışı bir zanaat sunar. Çalışmayı dört mod etrafında düzenler—Persuade, Operate, Read, Experience—ve yirmiden fazla özel komut. Her oturum, bir başlatıcı betiği aracılığıyla ürün bağlamını, görsel dünyayı ve yüzey brief'lerini yükler, ardından komuta özel oyun kitaplarını ve bir zanaat kalite tabanını takip eder.

Neler üretir

init komutuyla kalıcı ürün bağlamını yakalayan PRODUCT.md
document komutuyla mevcut proje kodundan üretilen DESIGN.md
extract komutuyla tasarım sistemine çekilen yeniden kullanılabilir token'lar ve bileşenler
Eksiksiz teslimatlar, doruk yaratıcılık ve olağanüstü işçilikle üretim kalitesinde UI kodu

Örnek istemi görün ↗

Nasıl Çalışır

01
Oturum Bağlamını Bir Kez Yükle
Oturum başına bir kez, skill dizininden context bağımsız değişkeniyle impeccable betiğini çalıştırın.
02
İsteğin Playbook'unu Yükleyin
Açık veya ima edilen alt komutlar için Commands tablosu referansını yükleyin; yeni yüzeyler veya yerini alan görsel dünyalar için new-work.md dosyasını yükleyin.
03
Düzenlemeden Önce Craft Floor'u Okuyun
Analiz ve yönü çözdükten sonra, küçük iyileştirmeler dahil herhangi bir UI düzenlemesinden hemen önce craft-floor.md dosyasını okuyun.
04
Yüzey Türüne Göre Mod Seçin
Ziyaretçilerin karar verip aksiyon aldığı açılış sayfaları ve pazarlama için Persuade'ı seçin. Ziyaretçilerin görev tamamladığı uygulama arayüzü ve panolar için Operate'i seçin.
05
Sınırlı Geçişlerle Doğrulayın
Tamamen inşa edin, web'de masaüstü ve mobili birlikte veya native'de yayınlanan cihaz sınıflarını kapsayan toplu bir turla bir kez inceleyin.

02 Uyumunuzu bulun

impeccable Skill Ne Zaman Kullanılır

İş bu türden bir tasarım incelemesi olduğunda Claude Code veya Codex'te impeccable skill'ini kullanın. Uygunluk ve sınırlar skill'in kendi dosyasından alınmıştır.

İyi Uyum

Kullanıcı bir frontend arayüzünü tasarlamak, yeniden tasarlamak, şekillendirmek, eleştirmek, denetlemek, cilalamak, netleştirmek, sadeleştirmek, sağlamlaştırmak, optimize etmek, uyarlamak, canlandırmak, renklendirmek, çıkarmak veya başka bir şekilde iyileştirmek istiyor
Daha cesur veya daha keyifli hale gelmesi gereken sade tasarımlar
Sessizleşmesi gereken gürültülü tasarımlar
UI öğeleri üzerinde canlı tarayıcı iterasyonu
Teknik olarak olağanüstü hissettirmesi gereken iddialı görsel efektler

Sınırları Bilin

Yalnızca backend görevleri

Ne Sağlamalısınız

Hedef dosya veya rotaContext betiğini çalıştırırken bir yol bağımsız değişkeniyle --target bayrağını kullanarak adlandırılmış bir kaynak dosya veya rota geçirin.
PRODUCT.mdLauncher tarafından yüklenen kalıcı ürün context dosyası. Launcher başarısız olduğunda, eksik context'i icat etmeden mevcut dosyayı doğrudan okuyun.
Görsel regresyon golden'ları veya ekran görüntüsü fixture'larıUygulama çalışamadığında, commit edilmiş görsel regresyon golden'larıyla veya ekran görüntüsü fixture'larıyla başlayın.

03 Skill'in içinde

impeccable Skill'in Claude Code ve Codex'e Verdiği Kurallar

SKILL.md'nin ajan için belirlediği 6 somut talimat, varsayılan değer ve sınır — dosyanın sonucu değiştiren kısmı.

Brief Kazanır
Sabitlenmiş estetikleri, dönemleri, malzemeleri, fontları ve paletleri, doygun desen uyarısıyla çelişse bile onurlandırın. Net bir brief'i kendi zevkinize yönlendirmek başarısızlıktır.
İyileştirme Korur; Yeniden Tasarım Değiştirir
İyileştirme, mevcut kimliği, davranışı, metni ve kapsam dışındaki her şeyi korur.
Görsel Otorite Kanıttır, Bir Dosya Adı Değil
Sadece DESIGN.md dosyasının eksik olması bir projeyi sıfırdan (greenfield) yapmaz. Yeni iş playbook'u, görsel kanıta dayanarak mevcut dünyanın korunacağına, genişletileceğine veya değiştirileceğine karar verir.
Bir Döngü Değil, Sınırlı Geçişlerle Doğrulayın
Tavan, döngünün tamamını kapsar: ekran görüntüleri, kusur taramaları, mikro düzenlemeler ve yeniden inşalar.
Kaymayı (drift) Yan Etki Olarak Asla Onarmayın
Bir CONTEXT_STALE talimatı, kullanıcı açıkça istemedikçe üzerinde işlem yapılmadan rapor edilir. Tek istisna, auto olarak işaretlenen bulgulardır; bunlar o dosyaya yapılacak bir sonraki yazma işlemiyle zaten gerçekleştirilir.
Başlatıcı (Launcher) Hatası İşi Engellemez
Betiğin çalışmayı reddetmesi veya başarısız olması durumunda, ayrı bir mesaj gönderin, ardından eksik bağlamı icat etmeden mevcut PRODUCT.md ve DESIGN.md dosyalarını doğrudan okuyun.

04 İşe koyun

impeccable'ı Claude Code veya Codex'e yükleyin

Bir npx skills add komutu, ardından ajanınızda ilk görev ve sonuç için bir kontrol listesi.

Claude Code, Codex veya Ajanınıza impeccable ekleyin

Projenizde çalıştırın; kurulum aracı, bunun hangi ajana ekleneceğini sorar.

Terminal

npx skills add https://github.com/pbakaus/impeccable --skill impeccable

plugin/skills/impeccable/SKILL.md için genel skills CLI biçimi; depo kendi yolunu belgeleyebilir.

Beceriye İlk Tasarım İnceleme Görevi Verin

Skill'in kendi terimleriyle yazıldı; köşeli parantezli bölümleri kendi malzemenizle değiştirin.

Starter prompt

Audit [src/components/SettingsPanel.tsx] for accessibility and responsive behavior, then polish the form layout and typeset the section headings to improve visual hierarchy. The panel should feel confident but scannable for users managing account preferences.

Kaynak: SKILL.md'den, skill'in kendi terimleriyle yazıldı.

İlk Sonucu Kontrol Edin

SKILL.md'nin doğru bir sonucun nasıl göründüğüne dair söyledikleri:

En fazla bir tur daha onay alın, ardından cilalamayı durdurun
Sınırlı doğrulama döngüsünün bir parçası olarak kusur taramaları çalıştırın
Hedefi ve güncelliği mevcut token'lara, CSS'e, bileşenlere veya varlıklara göre doğrulayın
Tema sistemleriyle çalışırken tema ve varyant yakalamalarını karşılaştırın

OpenDesign'da impeccable pakete dahildir: Plugins → Skills, üst çubuktan seçin.

OpenDesign İndir Hızlı başlangıcı okuyun

05 Açık kaynak, izlenebilir

Kaynak, Lisans ve Doğrulama

Bu sayfadaki bilgilerin nereden geldiği ve en son ne zaman kontrol edildiği.

Author: Paul Bakaus
Repository: github.com/pbakaus/impeccable Branch main
Skill dosyası: plugin/skills/impeccable/SKILL.md Doğrulamada kaydedilen içerik sağlama toplamı; commit cb56ed6
License: Apache-2.0 LICENSE dosyasından; SKILL.md "Apache 2.0" diyor.
Repository yıldızları: 67.876 GitHub anlık görüntüsü tüm pbakaus/impeccable deposu için 2026-09-14 tarihinde alınmıştır. impeccable için bir değerlendirme veya kullanım sayısı değildir.
OpenDesign tarafından doğrulandı: 2026-09-14 Kaynak dosya, yol, lisans metni ve yıldız sayısı kontrol edildi. OpenDesign ana sürümünde paketlenmiştir (2026-08-28 tarihinde kontrol edildi); bu sayfada canlı bir çalıştırma kaydı bulunmamaktadır.

SKILL.md içinde

KurulumOturum başına bağlam betiğini bir kez çalıştırın, playbook'u yükleyin, düzenlemeden önce craft floor'u okuyun
Nasıl tasarlanırBrief kazanır, iyileştirme kimliği korurken yeniden tasarım değiştirir, görsel otorite kanıttır, dosya adı değildir
ModlarAçılış sayfaları için Persuade, panolar için Operate, belgeler için Read, portföyler için Experience
KomutlarYirmiden fazla komut; Build, Evaluate, Refine, Enhance, Fix ve Iterate kategorilerinde referans dosyalarıyla düzenlenmiştir

Skill'in Kendi Açıklaması

Kullanıcı bir ön uç arayüzünü tasarlamak, yeniden tasarlamak, şekillendirmek, eleştirmek, denetlemek, cilalamak, netleştirmek, arındırmak, sağlamlaştırmak, optimize etmek, uyarlamak, canlandırmak, renklendirmek, çıkarmak veya başka türlü iyileştirmek istediğinde kullanılır. Web siteleri, açılış sayfaları, gösterge panelleri, ürün arayüzleri, uygulama kabukları, bileşenler, formlar, ayarlar, kullanıma alma ve boş durumları kapsar. UX incelemesi, görsel hiyerarşi, bilgi mimarisi, bilişsel yük, erişilebilirlik, performans, duyarlı davranış, temalama, anti-paternler, tipografi, yazı tipleri, boşluk, düzen, hizalama, renk, hareket, mikro etkileşimler, UX metni, hata durumları, uç durumlar, i18n ve yeniden kullanılabilir tasarım sistemleri veya token'ları ele alır. Ayrıca daha cesur veya keyifli olması gereken sıradan tasarımlar, daha sessiz olması gereken gürültülü tasarımlar, UI öğeleri üzerinde canlı tarayıcı iterasyonu veya teknik olarak olağanüstü hissettirilmesi gereken iddialı görsel efektler için de kullanılır. Yalnızca arka uç veya UI olmayan görevler için kullanılmaz.

SKILL.md dosyasından ön madde açıklaması. Tam dosya yaklaşık 11.912 karakterdir. Tam dosyayı GitHub'da okuyun.

06 Kurmadan önce

impeccable Skill Hakkında Sorular

Yanıtlar, 2026-09-14 tarihinde okunan SKILL.md üzerinden alınmıştır, kaydedilmiş bir çalıştırmadan değil.

İsteğim için hangi komutu kullanmalıyım?

Argüman verilmezse routing.md dosyasını okuyun ve bağlama uygun menüsünü sunun; bir komutu asla otomatik çalıştırmayın. Açık veya belirtilmiş istekler için Komutlar tablosu referansını yükleyin.

İş akışı veya komut seçimi sorularında routing.md içindeki Workflow questions bölümünü okuyun. Aksi halde isteği genel tasarım işi olarak ele alın.

Impeccable

impeccable'ı gerçek bir tasarım inceleme görevinde çalıştırın.

impeccable skill OpenDesign içinde gelir. Uygulamayı indirin, Plugins → Skills içinde skill seçin, yukarıdaki promptu yapıştırın ve sonuçtan önce planı okuyun.

OpenDesign'ı İndirin Tüm skill'lere göz atın