teknesyum-uilisted

Neon arayüz standardı. Herhangi bir kullanıcı arayüzü, panel, pencere, sayfa, bileşen veya CSS/XAML yazarken ya da mevcut bir arayüzü değiştirirken kullan. Renk paleti, tipografi ölçeği, başlık hiyerarşisi, bileşen kalıpları ve imza/sponsor bloğunu içerir. Web, React, Electron ve WPF/WinForms projelerinin hepsini kapsar. Ayarları /teknesyumui komutuyla değiştirilir veya tamamen kapatılır.
Teknesyum/claude-code-adamantium-base · ★ 2 · Web & Frontend · score 75

Install: claude install-skill Teknesyum/claude-code-adamantium-base

# Neon UI standardı ## 0. ÖNCE KULLANICI AYARINI OKU `~/.claude/teknesyum-ui.json` varsa oku. Yoksa aşağıdaki varsayılanlar geçerlidir. - `"kapali": true` → **bu skill'i uygulama.** Kullanıcının kendi tercihiyle veya projenin mevcut tarzıyla devam et, hiçbir token dayatma. Burada dur. - `"palet"`, `"tipografi"`, `"imza"` alanları varsa aşağıdaki varsayılanları **ezer**. - `"ekNot"` alanı varsa kullanıcının kendi yazdığı kuraldır — varsayılanlarla çelişirse **kullanıcının notu kazanır**. Projeye özel ezme: `<proje>/.claude/teknesyum-ui.json`. O varsa kullanıcı geneline üstündür. ## 1. Kurulum (yeni proje) | Stack | Kopyala | Nereye | |---|---|---| | Tailwind v4 | `assets/theme.css` | `src/index.css` başına | | Düz CSS / Vanilla | `assets/theme.css` | `src/theme.css`, `<link>` ile bağla | | WPF / .NET | `assets/Theme.xaml` | `Themes/Theme.xaml`, `App.xaml` MergedDictionaries | | WinForms / CLI | `assets/Palette.cs` | proje köküne | ## 2. Palet (varsayılan) ``` neon-blue #00f3ff birincil. eylem, aktif durum, sayısal vurgu, başlık neon-pink #ff00ea ikincil. uyarı, ters/negatif eylem, kritik değer neon-purple #b026ff üçüncül. mod anahtarları, scrollbar, ikincil buton success #34d399 yalnızca "tamamlandı" surface #08090a panel zemini (95% opak) text #d1d5db gövde · #9ca3af başlık-alt · #6b7280 etiket · #4b5563 ipucu ``` Bir ekranda **mavi baskın, pembe vurgu, mor seyrek**. Üçünü eşit kullanma. Glow şart: renkli metin `drop-shadow(0 0