Zurück zu Fähigkeiten

frontend

xiaobei930
Aktualisiert 3 days ago
1 Ansichten
31
31
Auf GitHub ansehen
Metadesign

Über

Diese Fähigkeit bietet Frontend-Entwicklungsmuster und Best Practices für den Bau von Webanwendungen, mit frameworkspezifischen Anleitungen für Vue, React, Svelte und Angular. Sie erkennt automatisch den Tech-Stack Ihres Projekts über die package.json, um relevante Muster für Komponentendesign, State Management, Performance und Barrierefreiheit zu laden. Nutzen Sie sie beim Erstellen oder Ändern von Frontend-Komponenten, beim Implementieren von UI-Interaktionen oder beim Optimieren von Client-seitigen Anwendungen.

Schnellinstallation

Claude Code

Empfohlen
Primär
npx skills add xiaobei930/claude-code-best-practices -a claude-code
Plugin-BefehlAlternativ
/plugin add https://github.com/xiaobei930/claude-code-best-practices
Git CloneAlternativ
git clone https://github.com/xiaobei930/claude-code-best-practices.git ~/.claude/skills/frontend

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

GitHub Repository

xiaobei930/claude-code-best-practices
Pfad: skills/frontend
0
agentic-codingai-agentai-codinganthropicauto-learningbest-practices

Verwandte Skills

content-collections

Meta

Diese Skill bietet eine produktionsgetestete Einrichtung für Content Collections – ein TypeScript-first-Tool, das Markdown/MDX-Dateien in typsichere Datensammlungen mit Zod-Validierung umwandelt. Verwenden Sie ihn beim Erstellen von Blogs, Dokumentationsseiten oder inhaltsstarken Vite + React-Anwendungen, um Typsicherheit und automatische Inhaltsvalidierung zu gewährleisten. Er behandelt alles von der Vite-Plugin-Konfiguration und MDX-Kompilierung bis hin zur Deployment-Optimierung und Schema-Validierung.

Skill ansehen

polymarket

Meta

Diese Fähigkeit ermöglicht es Entwicklern, Anwendungen mit der Polymarket-Prognosemärkte-Plattform zu erstellen, einschließlich API-Integration für Handel und Marktdaten. Sie bietet außerdem Echtzeit-Datenstreaming über WebSocket, um Live-Trades und Marktaktivitäten zu überwachen. Nutzen Sie sie zur Implementierung von Handelsstrategien oder zur Erstellung von Tools, die Live-Marktaktualisierungen verarbeiten.

Skill ansehen

creating-opencode-plugins

Meta

Diese Fähigkeit unterstützt Entwickler dabei, OpenCode-Plugins zu erstellen, die in über 25 Ereignistypen wie Befehle, Dateien und LSP-Operationen eingreifen. Sie bietet die Plugin-Struktur, Event-API-Spezifikationen und Implementierungsmuster für JavaScript/TypeScript-Module. Nutzen Sie sie, wenn Sie den Lebenszyklus des OpenCode KI-Assistenten mit benutzerdefinierter ereignisgesteuerter Logik abfangen, überwachen oder erweitern müssen.

Skill ansehen

sglang

Meta

SGLang ist ein hochperformantes LLM-Serving-Framework, das sich auf schnelle, strukturierte Generierung für JSON, Regex und agentenbasierte Workflows unter Verwendung seines RadixAttention-Prefix-Cachings spezialisiert. Es bietet deutlich schnellere Inferenz, insbesondere für Aufgaben mit wiederholten Präfixen, was es ideal für komplexe, strukturierte Ausgaben und Mehrfachdialoge macht. Wählen Sie SGLang gegenüber Alternativen wie vLLM, wenn Sie constrained decoding benötigen oder Anwendungen mit umfangreicher Präfix-Weitergabe entwickeln.

Skill ansehen