SKILL·B55C0D

reactive-ui-patterns

spences10
Aktualisiert 2 months ago
88 Ansichten
5
5
Auf GitHub ansehen
Designreactdesign

Über

Diese Funktion bietet reaktive UI-Muster für flüssige In-Place-Aktualisierungen bei der Arbeit mit Remote-Funktionen. Sie ermöglicht die Verwaltung von Ladezuständen und verhindert Seitenversprünge durch die `.current`-Eigenschaft gespeicherter Abfragen. Nutzen Sie sie, um die Scroll-Position beizubehalten und nahtlose Benutzererfahrungen während Datenaktualisierungen zu schaffen.

Schnellinstallation

Claude Code

Empfohlen
Primär
npx skills add spences10/devhub-crm -a claude-code
Plugin-BefehlAlternativ
/plugin add https://github.com/spences10/devhub-crm
Git CloneAlternativ
git clone https://github.com/spences10/devhub-crm.git ~/.claude/skills/reactive-ui-patterns

Kopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren

GitHub Repository

spences10/devhub-crm
Pfad: .claude/skills/reactive-ui-patterns
0
FAQ

Frequently asked questions

What is the reactive-ui-patterns skill?

reactive-ui-patterns is a Claude Skill by spences10. Skills package instructions and resources that Claude loads on demand, so Claude can perform reactive-ui-patterns-related tasks without extra prompting.

How do I install reactive-ui-patterns?

Use the install commands on this page: add reactive-ui-patterns to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does reactive-ui-patterns belong to?

reactive-ui-patterns is in the Design category, tagged react and design.

Is reactive-ui-patterns free to use?

Yes. reactive-ui-patterns is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

Verwandte Skills

executing-plans
Design

Verwenden Sie die Fähigkeit "executing-plans", wenn Sie einen vollständigen Implementierungsplan zur Ausführung in kontrollierten Batches mit Überprüfungspunkten vorliegen haben. Sie lädt den Plan und überprüft ihn kritisch, führt dann Aufgaben in kleinen Batches (standardmäßig 3 Aufgaben) aus und meldet den Fortschritt zwischen jedem Batch zur Überprüfung durch den Architekten. Dies gewährleistet eine systematische Implementierung mit integrierten Qualitätskontrollpunkten.

Skill ansehen
requesting-code-review
Design

Diese Fähigkeit sendet einen Unteragenten für Code-Review, um Codeänderungen anhand der Anforderungen zu analysieren, bevor fortgefahren wird. Sie sollte nach dem Abschließen von Aufgaben, der Implementierung größerer Funktionen oder vor dem Zusammenführen in den Hauptzweig verwendet werden. Die Überprüfung hilft dabei, Probleme frühzeitig zu erkennen, indem die aktuelle Implementierung mit dem ursprünglichen Plan verglichen wird.

Skill ansehen
connect-mcp-server
Design

Diese Fähigkeit bietet Entwicklern eine umfassende Anleitung, um MCP-Server über HTTP-, stdio- oder SSE-Transports mit Claude Code zu verbinden. Sie behandelt Installation, Konfiguration, Authentifizierung und Sicherheit für die Integration externer Dienste wie GitHub, Notion und benutzerdefinierter APIs. Nutzen Sie sie beim Einrichten von MCP-Integrationen, bei der Konfiguration externer Tools oder bei der Arbeit mit Claude's Model Context Protocol.

Skill ansehen
web-cli-teleport
Design

Diese Fähigkeit unterstützt Entwickler bei der Wahl zwischen Claude Code Web- und CLI-Schnittstellen basierend auf Aufgabenanalysen und ermöglicht nahtloses Session-Teleporting zwischen diesen Umgebungen. Sie optimiert den Workflow, indem sie den Sitzungsstatus und Kontext beim Wechsel zwischen Web, CLI oder Mobilgeräten verwaltet. Nutzen Sie sie für komplexe Projekte, die in verschiedenen Phasen unterschiedliche Werkzeuge erfordern.

Skill ansehen