ui-skills
Skills für Design-Engineers, die UI-Code verbessern und überarbeiten.
Kostenlos
Design und Kreatives
★ 10815
#81
von 289 Skill-Repositories
10.8k
GitHub-Sterne
ibelick
Autor
// über
UI Skills ist ein kleines Skills-Verzeichnis für Frontend-Design mit einer CLI und einem MCP-Server zum Durchsuchen und Abrufen der Skills. Die meisten Skills prüfen vorhandenes HTML auf eine bestimmte Art von Problemen, etwa bei Barrierefreiheit, Metadaten oder Animationsleistung, und beheben sie anschließend.
// Installation
Run npx ui-skills start to browse, or npx ui-skills get baseline-ui to fetch one skill. The registry is also available as an MCP server at https://www.ui-skills.com/mcp.
// funktioniert mit
Claude CodeCodexCursor
// Inhalt
Dieses Repository bündelt folgende Skills:
- baseline-ui: Bereinigt unsaubere UI durch Korrekturen an Abständen, Hierarchie und Typografie.
- improve-ui: Prüft einen Produktbildschirm anhand seiner Designgrundlagen und dokumentiert nachgewiesene Probleme.
- fixing-accessibility: Prüft und korrigiert ARIA-Bezeichnungen, Tastaturnavigation, Fokus und Kontrast.
- fixing-metadata: Korrigiert Seitentitel, Meta-Beschreibungen, kanonische URLs und Open-Graph-Tags.
- fixing-motion-performance: Findet unnötige Layout-Neuberechnungen und andere Animationsprobleme.
- create-design-md: Erstellt oder aktualisiert anhand eines Repositories oder einer öffentlichen Website eine DESIGN.md.
- component-canvas: Erstellt eine verschiebbare und zoombare Leinwand zur Erkundung von UI-Komponenten und Varianten.
// ähnliche Skills in Design und Kreatives
ui-ux-pro-max-skill
Ein einzelner Claude Skill, der aus einer Projektbeschreibung ein UI/UX-Designsystem erstellt.
nextlevelbuilder · Design und Kreatives · ★ 144960
taste-skill
13 Agent Skills für weniger generisch wirkende KI-generierte Oberflächen.
Leonxlnx · Design und Kreatives · ★ 109725
open-design
Ein lokaler Design-Arbeitsbereich, in dem du und KI-Agenten Prototypen, Präsentationen und Videos erstellen.
nexu-io · Design und Kreatives · ★ 106528
impeccable
Ein Designvokabular für Coding-Agenten mit Befehlen wie polish, bolder und critique.
pbakaus · Design und Kreatives · ★ 101919
archify
Ein einzelner Agent Skill, der Architektur- und Workflow-Diagramme aus Beschreibungen in natürlicher Sprache erstellt.
tt-a1i · Design und Kreatives · ★ 93269
diagram-design
Ein einzelner Agent Skill mit 39 redaktionellen Diagrammvorlagen für KI-Coding-Agenten.
cathrynlavery · Design und Kreatives · ★ 64820