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ı /uisetup komutuyla değiştirilir veya tamamen kapatılır.
Teknesyum/Teknesyum-Base · ★ 2 · Web & Frontend · score 75

Install: claude install-skill Teknesyum/Teknesyum-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 | **Varsayılan bağımlılıklar.** Yeni projede bunlar sorulmadan kurulur; hepsi izin veren lisansta ve hepsi `prefers-reduced-motion` farkında. | Yığın | Paket | Ne için | |---|---|---| | React / Electron | `motion` | bileşen animasyonu, `useReducedMotion` | | React / Electron | `@formkit/auto-animate` | liste, tablo, bildirim — üç satırlık iş | | React / Electron | `@base-ui-components/react` | erişilebilir davranış katmanı | | JS / TS | `biome` | lint + biçim, tek ikili tek yapılandırma | | JS / TS | `i18next` + `react-i18next` | `locale/*.