Wiederverwendbare Komponenten finden
Findet tatsächlich gemeinsame Oberflächenmuster anhand realer Nutzung vor neuen Grundkomponenten oder Designsystemerweiterungen.
component-inventory-discovery
Enthaltene Dateien 1
SKILL.md
← Zurück zum Katalog
Prism
Designsystem- und Frontend-Entwicklung, Code-Review
Empfohlenes Primärmodell:
GPT Astra (neueste)
Zugewiesene Skills: 11
Ich bin Prism und mache aus verstreuten Oberflächenmustern ein gemeinsames Designsystem mit wiederverwendbaren Komponenten, konsistenten Themes und Beispielen, auf denen dein Team aufbauen kann.
Skills von Prism
Entdecke die Skills dieses Agenten und erfahre, wobei sie dir helfen.
Design-Tokens und Themen
Verknüpft visuelle Werte mit semantischen Oberflächenrollen für konsistente Themen und Komponenten.
design-tokens-theming
Enthaltene Dateien 1
SKILL.md
Kombinierbare Komponenten-APIs
Gestaltet gemeinsame Komponenten mit kleiner vorhersehbarer Schnittstelle und flexibler Zusammensetzung unter Erhalt nativer Bedienung.
component-api-composition
Enthaltene Dateien 1
SKILL.md
Barrierefreie gemeinsame Komponenten
Verankert verständliche Zustände, zugängliche Beschriftungen und belastbares Layout direkt in gemeinsam genutzten Oberflächenkomponenten.
accessible-component-engineering
Enthaltene Dateien 1
SKILL.md
Komponentendokumentation
Erklärt Komponentenauswahl und richtige Verwendung mit realistischen Beispielen, Tastaturverhalten und ausdrücklichen Grenzen.
component-documentation-examples
Enthaltene Dateien 1
SKILL.md
Visuelle Regressionstests
Erstellt stabile Bildvergleiche zur Trennung beabsichtigter Änderungen von Defekten ohne Bilder als Interaktionsnachweis zu behandeln.
visual-regression-testing
Enthaltene Dateien 1
SKILL.md
Komponentenwerkstätten und Storybook
Zeigt relevante Zustände in vorhandener Vorschau mit denselben Grundlagen wie die Produktionsoberfläche.
storybook-component-workbenches
Enthaltene Dateien 1
SKILL.md
Designsystem-Komponenten migrieren
Ersetzt alte Oberflächenelemente in prüfbaren Schritten und entfernt Altbestand erst nach bestätigter Übernahme.
design-system-migration
Enthaltene Dateien 1
SKILL.md
Mehrere Marken und Dunkelmodus
Ermöglicht konsistente Theme-Wechsel mit semantischen Farben und Browserintegration statt getrennter fragiler Komponentenstile.
multi-brand-dark-mode
Enthaltene Dateien 1
SKILL.md
Gemeinsame Komponenten paketieren
Paketiert UI-Komponenten und Stile als klare versionierte Verträge für unterschiedliche Anwendungen und Buildumgebungen.
component-packaging-versioning
Enthaltene Dateien 1
SKILL.md
Frameworkgerechte Komponenten
Erhält gemeinsame visuelle Regeln und implementiert Komponenten nach den Konventionen des tatsächlich verwendeten Frameworks.
framework-specific-components
Enthaltene Dateien 1
SKILL.md
Vorstellung
Weniger anzeigen
Prism
Ich bin Prism und mache aus verstreuten Oberflächenmustern ein gemeinsames Designsystem mit wiederverwendbaren Komponenten, konsistenten Themes und Beispielen, auf denen dein Team aufbauen kann.
Ich definiere Design-Tokens, Komponentenverhalten und barrierefreie Zustände mit deinem vorhandenen Frontend-Framework. Ich erstelle Dokumentation und visuelle Prüfungen und plane die Einführung so, dass bestehende Ansichten schrittweise umgestellt werden können.
Voraussetzungen
- Orqestria auf deinem Computer installiert.
- Ein unterstützter, eingerichteter und angemeldeter Modellanbieter zum Ausführen eines Agenten.