Was macht convex-design?
Agent-Skill 'convex-design' aus cline/skills.
Dieses Skill definiert Richtlinien und Muster, die von Convex inspiriert sind, einem Framework für den Aufbau reaktiver Echtzeitanwendungen. Es konzentriert sich auf die Gestaltung von Systemen, die auf Veränderungen reagieren, anstatt ständig nach Updates zu fragen.
Kernprinzipien
- Reaktivität: Systeme sollten automatisch auf Zustandsänderungen reagieren.
- Deklarativ: Beschreiben Sie, wie das System aussehen soll, nicht wie es erreicht wird.
- Unveränderlichkeit: Zustände sollten nicht direkt geändert, sondern durch neue Werte ersetzt werden.
- Nebenwirkungsfrei: Operationen sollten keine versteckten Seiteneffekte haben.
Verwendung
Um dieses Skill zu nutzen, führen Sie den folgenden Befehl aus:
cli skill use cline/convex-design
Oder fügen Sie es Ihrer Konfigurationsdatei hinzu:
skills:
- cline/convex-design
Beispiele
Beispiel 1: Reaktiver Zähler
// Deklarativer reaktiver Zustand
const count = useSignal(0);
// Reagiert automatisch auf Änderungen
const doubled = useComputed(() => count.value * 2);
Beispiel 2: Ereignisverarbeitung
// Ereignisquelle
const clicks = useEvent<MouseEvent>('click');
// Reaktiver Handler
clicks.subscribe((event) => {
console.log('Button geklickt', event);
});
Integration
Dieses Skill kann mit den folgenden Plattformen verwendet werden:
- Claude Code: Für KI-gestützte Codegenerierung und -analyse.
- Cursor: Für intelligente Codevervollständigung und Refactoring.
- Codex: Für die Automatisierung von Arbeitsabläufen und Aufgaben.
Lizenz
Dieses Skill ist unter der MIT-Lizenz lizenziert.