·component-architecture
*

component-architecture

✓
mgd34msu/goodvibes-pluginGitHub: mgd34msu/goodvibes-pluginQuelle: mgd34msu/goodvibes-plugin

Laden Sie PROAKTIV, wenn die Aufgabe das Entwerfen oder Erstellen von UI-Komponenten umfasst. Wird verwendet, wenn der Benutzer „Komponente erstellen“, „Formular erstellen“, „Modalität hinzufügen“, „Layout entwerfen“ oder „Diese Seite umgestalten“ sagt. Behandelt Komponentenzusammensetzung und -hierarchie, Requisitendesign und -typisierung, Renderoptimierung (Memo, UseMemo, UseCallback), zusammengesetzte Komponentenmuster, kontrollierte und unkontrollierte Formulare, Dateiorganisation und Barrierefreiheit für React, Vue und Svelte.

mgd34msu·component·architecture
45Installationen·1Trend·@mgd34msu

Installation

GitHub: mgd34msu/goodvibes-plugin
$npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill component-architecture

So installieren Sie component-architecture

Installieren Sie den KI-Skill component-architecture schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill component-architecture
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: mgd34msu/goodvibes-plugin.

SKILL.md

Original anzeigen

This skill guides you through designing and implementing UI components using GoodVibes precision and analysis tools. Use this workflow when building React, Vue, or Svelte components with proper composition, state management, and performance optimization.

Trigger phrases: "build component", "create UI", "component structure", "render optimization", "state lifting", "component composition".

Before building components, understand existing patterns in the codebase.

Laden Sie PROAKTIV, wenn die Aufgabe das Entwerfen oder Erstellen von UI-Komponenten umfasst. Wird verwendet, wenn der Benutzer „Komponente erstellen“, „Formular erstellen“, „Modalität hinzufügen“, „Layout entwerfen“ oder „Diese Seite umgestalten“ sagt. Behandelt Komponentenzusammensetzung und -hierarchie, Requisitendesign und -typisierung, Renderoptimierung (Memo, UseMemo, UseCallback), zusammengesetzte Komponentenmuster, kontrollierte und unkontrollierte Formulare, Dateiorganisation und Barrierefreiheit für React, Vue und Svelte. Quelle: mgd34msu/goodvibes-plugin.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill component-architecture
Quelle
mgd34msu/goodvibes-plugin
Kategorie
*Kreativität
Verifiziert
✓
Erstes Auftreten
2026-02-25
Aktualisiert
2026-03-10
URL
https://www.learn-skills.dev/de/skills/mgd34msu/goodvibes-plugin/component-architecture

Browse more skills from mgd34msu/goodvibes-plugin

Schnelle Antworten

Was ist component-architecture?

Laden Sie PROAKTIV, wenn die Aufgabe das Entwerfen oder Erstellen von UI-Komponenten umfasst. Wird verwendet, wenn der Benutzer „Komponente erstellen“, „Formular erstellen“, „Modalität hinzufügen“, „Layout entwerfen“ oder „Diese Seite umgestalten“ sagt. Behandelt Komponentenzusammensetzung und -hierarchie, Requisitendesign und -typisierung, Renderoptimierung (Memo, UseMemo, UseCallback), zusammengesetzte Komponentenmuster, kontrollierte und unkontrollierte Formulare, Dateiorganisation und Barrierefreiheit für React, Vue und Svelte. Quelle: mgd34msu/goodvibes-plugin.

Wie installiere ich component-architecture?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill component-architecture Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/mgd34msu/goodvibes-plugin

Details

Kategorie
*Kreativität
Quelle
skills.sh
Erstes Auftreten
2026-02-25

Verwandte Skills

error-recovery
55 Installationen
code-review
52 Installationen
project-onboarding
51 Installationen
task-orchestration
51 Installationen
security-audit
49 Installationen
goodvibes-memory
48 Installationen