メニュー
Nutzen bei jedem Review von React-Code. Fokus: Findings zu veralteten React-Features priorisiert melden und moderne Alternativen nennen.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/Mangar2/YahaGui3 --skill react-code-review-modernityコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
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.
SOC 職業分類に基づく
SKILL.md を表示中
| name | react-code-review-modernity |
| description | Nutzen bei jedem Review von React-Code. Fokus: Findings zu veralteten React-Features priorisiert melden und moderne Alternativen nennen. |
ziel:reviews_auf_modernes_react_harten scope:react_19_plus_vite review_modus:findings_zuerst_nach_schweregrad regel_1:immer_legacy_verstoesse_als_findings_melden regel_2:jede_feststellung_mit_datei_und_konkretem_pattern regel_3:zu_jedem_legacy_pattern_moderne_react_alternative_nennen regel_4:wenn_keine_findings_dann_explizit_keine_findings_schreiben regel_5:rest_risiken_oder_testluecken_am_ende_kurz_nennen regel_6:erklaerungen_mit_kurzem_angular_vergleich
legacy_check_1:class_components legacy_check_2:ReactDOM_render_statt_createRoot legacy_check_3:string_refs_oder_findDOMNode legacy_check_4:UNSAFE_lifecycle_oder_componentWillMount_componentWillReceiveProps_componentWillUpdate legacy_check_5:mixins_oder_createClass legacy_check_6:state_oder_prop_mutation legacy_check_7:derived_state_per_useEffect_statt_render_ableitung legacy_check_8:unnoetige_effects_fuer_reine_berechnungen
modern_target_1:function_components_plus_hooks modern_target_2:createRoot_plus_strictmode modern_target_3:deklarative_render_ableitungen_statt_imperativer_sync modern_target_4:useTransition_useOptimistic_useActionState_bei_async_ui modern_target_5:custom_hooks_fuer_wiederverwendbare_logik
report_template_1:severity_high_medium_low report_template_2:fundstelle_datei_pattern report_template_3:risiko_kurz report_template_4:empfohlene_moderne_loesung