SKILL·9D9ABB

ui-styling

Activer007
Aktualisiert 1 month ago
14 Ansichten
5
5
Auf GitHub ansehen
Metaaidesign

Über

Die ui-styling-Fähigkeit unterstützt Entwickler beim Erstellen barrierefreier Benutzeroberflächen mithilfe von shadcn/ui-Komponenten, Tailwind CSS für Utility-First-Styling und canvas-basiertem visuellem Design. Sie ist ideal für die Implementierung von Design-Systemen, das Erstellen responsiver Layouts und das Hinzufügen barrierefreier Komponenten wie Dialoge, Formulare und Tabellen. Nutzen Sie diese Fähigkeit bei der Arbeit mit React-basierten Frameworks, um Themes anzupassen, den Dark Mode zu implementieren und konsistente Styling-Muster zu etablieren.

Schnellinstallation

Claude Code

Empfohlen
Primär
npx skills add Activer007/ordinary-claude-skills -a claude-code
Plugin-BefehlAlternativ
/plugin add https://github.com/Activer007/ordinary-claude-skills
Git CloneAlternativ
git clone https://github.com/Activer007/ordinary-claude-skills.git ~/.claude/skills/ui-styling

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

GitHub Repository

Activer007/ordinary-claude-skills
Pfad: skills_all/ui-styling
0
FAQ

Frequently asked questions

What is the ui-styling skill?

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

How do I install ui-styling?

Use the install commands on this page: add ui-styling 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 ui-styling belong to?

ui-styling is in the Meta category, tagged ai and design.

Is ui-styling free to use?

Yes. ui-styling 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

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