メニュー
Nutzen bei jeder Erstellung oder Aenderung von UI/CSS. Erzwingt vollstaendige visuelle Beruecksichtigung der definierten Menue-Aspekte ohne Vereinfachung.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SOC 職業分類に基づく
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/Mangar2/YahaGui3 --skill css-ui-completenessコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
Nutzen bei UI-Architektur, Rendering, Datenfluss und Feature-Design im yaha-Frontend. Fokus: dynamische Oberflaeche aus Message-Topics, Konfigurationen via File-Store, spaetere Admin-Features.
Nutzen bei jeder UI/CSS-Aenderung. Erzwingt strikt feature-lokale Styles, minimiert globale Styles und verbietet feature-spezifische Eintraege in globalen CSS-Dateien ohne Ausnahme.
Nutzen bei jeder TypeScript-Implementierung und jedem TypeScript-Review. Erzwingt JSDoc inkl. aller Parameter, modernes TypeScript, verbietet any und verlangt vollstaendige explizite Typkonvertierung bei JSON/API-Daten inklusive professioneller Fehlerbehandlung.
| name | css-ui-completeness |
| description | Nutzen bei jeder Erstellung oder Aenderung von UI/CSS. Erzwingt vollstaendige visuelle Beruecksichtigung der definierten Menue-Aspekte ohne Vereinfachung. |
ziel:visuelle_menue_aspekte_bei_jeder_ui_umsetzung_vollstaendig_beruecksichtigen scope:alle_ui_css_aenderungen_mit_navigation_oder_menue regel_1:kein_aspekt_darf_ausgelassen_werden regel_2:keine_vereinfachung_gegenueber_den_definierten_visuellen_anforderungen regel_3:bei_unvollstaendiger_umsetzung_als_blocker_melden_nicht_implizit_akzeptieren regel_4:nach_umsetzung_jeden_aspekt_explizit_gegenimplementierung_pruefen regel_5:im_abschluss_explizit_bestaetigen_dass_alle_aspekte_beruecksichtigt_sind
aspekt_1:hover_verhalten aspekt_2:focus_keyboard_fokus_styling aspekt_3:active_pressed_interaktionszustand aspekt_4:disabled_zustand_visualisierung aspekt_5:konfigurationsmodus_spezifisches_styling aspekt_6:konfigurations_button_styling aspekt_7:typografie_trennung_aktiv_vs_normal aspekt_8:container_und_item_border_logik aspekt_9:item_hoehe_und_spacing_paritaet aspekt_10:mobile_spezifische_darstellung aspekt_11:konsistenz_zwischen_listen_und_auswahllisten_modus aspekt_12:scroll_und_overflow_darstellung
umsetzungscheck_1:alle_aspekte_sind_im_css_beruecksichtigt umsetzungscheck_2:kein_aspekt_ist_nur_teilweise_oder_implizit_abgedeckt umsetzungscheck_3:kein_aspekt_wurde_als_spaeter_verschoben_ohne_blocker_hinweis umsetzungscheck_4:abschluss_enthaelt_explizite_vollstaendigkeits_bestaetigung