Ui
Skill Verifiziert AktivNutzen Sie diese Fähigkeit, wenn Sie zum wiederverwendbaren UI-Paket von InsForge beitragen. Dies ist für Maintainer, die an Design-System-Primitiven, Exporten, Stilen und der verpackungsspezifischen Komponentenfunktionalität im InsForge-Monorepo bearbeiten.
Richtlinien und Standardisierung von Beiträgen zum wiederverwendbaren UI-Paket von InsForge, um sicherzustellen, dass Maintainer Design-System-Primitive, Exportmuster und Typstandards innerhalb des Monorepos einhalten.
Funktionen
- Definiert den Umfang für Beiträge zum UI-Paket
- Beschreibt Regeln für Komponenten-Primitive und Exporte
- Spezifiziert Stilkonventionen und typisierte Exportmuster
- Stellt Validierungsbefehle für Build und Typüberprüfung bereit
Anwendungsfälle
- Beitrag neuer Design-System-Primitive zum UI-Paket.
- Änderung bestehender Komponenten oder Stile innerhalb des UI-Pakets.
- Sicherstellung der Einhaltung von typisierten Exportmustern und der Synchronisation von Komponentenexporten.
Nicht-Ziele
- Entwicklung von Funktionen für spezifische Dashboard-Workflows.
- Verwaltung von Komponenten ausschließlich für die selbst-gehostete Anwendung.
- Einführung rein interner Abstraktionen in die öffentliche Paket-Oberfläche.
Praktischer Nutzen
- info:AnwendungsbeispieleObwohl die Fähigkeit Validierungsschritte bereitstellt, fehlen explizite End-to-End-Anwendungsbeispiele für spezifische Beitragsszenarien.
- info:RandfälleDie Fähigkeit nennt Fehlerfälle wie Build- oder Typüberprüfungsfehler, beschreibt jedoch nicht explizit die Symptome oder Wiederherstellungsschritte für jeden einzelnen.
Installation
npx skills add InsForge/InsForgeFührt das Vercel skills CLI (skills.sh) via npx aus — benötigt Node.js lokal und mindestens einen installierten skills-kompatiblen Agent (Claude Code, Cursor, Codex, …). Setzt voraus, dass das Repo dem agentskills.io-Format folgt.
Qualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Ui Ux Pro Max
100UI/UX design intelligence with searchable style, palette, typography, and chart databases. Use when designing UI components, choosing colors/fonts, reviewing code for UX issues, building landing pages, or implementing responsive layouts.
A11y Audit
100Accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, touch targets
Component Audit
100Component consistency audit covering state coverage, hierarchy, patterns
Shadcn/ui Component Library
99shadcn/ui component library for React with Tailwind CSS - copy-paste accessible components with full code ownership
Impeccable
99Verwenden Sie dies, wenn der Benutzer ein Frontend-Interface entwerfen, neu gestalten, formen, kritisieren, prüfen, polieren, klären, destillieren, härten, optimieren, anpassen, animieren, einfärben, extrahieren oder anderweitig verbessern möchte. Deckt Websites, Landingpages, Dashboards, Produkt-UI, App-Shells, Komponenten, Formulare, Einstellungen, Onboarding und leere Zustände ab. Umfasst UX-Bewertung, visuelle Hierarchie, Informationsarchitektur, kognitive Last, Barrierefreiheit, Leistung, responsives Verhalten, Theming, Anti-Patterns, Typografie, Schriften, Abstände, Layout, Ausrichtung, Farbe, Bewegung, Mikrointeraktionen, UX-Texte, Fehlerzustände, Randfälle, i18n und wiederverwendbare Designsysteme oder Tokens. Verwenden Sie es auch für langweilige Designs, die mutiger oder ansprechender werden sollen, laute Designs, die leiser werden sollen, Live-Browser-Iterationen an UI-Elementen oder ambitionierte visuelle Effekte, die technisch außergewöhnlich wirken sollen. Nicht für reine Backend- oder Nicht-UI-Aufgaben.
Design System
98Build or audit a design system including component library, design tokens, naming conventions, contribution model, and documentation. Use this skill whenever the user wants to build a design system, audit an existing system, define design tokens at the system level, structure a component library, or set up design system governance. Triggers on design system, component library, design tokens, atomic design, atoms, molecules, organisms, design system documentation, Storybook, Figma library, system governance, design contribution model. Also triggers when teams are inconsistent across products and a system is the answer.