Was macht ui-design?
Verwenden, wenn Benutzer vor der Implementierung einer Web- oder Mini-Programm-Benutzeroberfläche eine visuelle Ausrichtung, eine Schnittstellenhierarchie, Layoutentscheidungen, Designspezifikationen oder Prototypen benötigen.
Zweck
Dieser Skill hilft Entwicklern und KI-Agenten dabei, UI-Design-Aspekte für Webseiten und Mini-Programme zu planen und zu dokumentieren. Er stellt sicher, dass visuelle Ausrichtung, Layoutstrukturen und Spezifikationen konsistent und benutzerzentriert sind, bevor Code geschrieben wird.
Funktionsweise
- Visuelle Ausrichtung: Definiert Farbpaletten, Typografie und räumliche Beziehungen.
- Schnittstellenhierarchie: Legt fest, welche Elemente priorisiert werden und wie sie interagieren.
- Layoutentscheidungen: Unterstützt bei der Auswahl von Raster- und Flex-Layouts für responsive Designs.
- Designspezifikationen: Erstellt detaillierte Angaben zu Abständen, Größen und Verhalten.
- Prototypen: Erstellt interaktive Modelle zur Überprüfung der Benutzerfreundlichkeit.
Unterstützte Plattformen
- Webseiten
- Mini-Programme (z. B. WeChat Mini Programs)
Verwendungsempfehlung
Verwenden Sie diesen Skill, bevor Sie mit der Implementierung beginnen. Stellen Sie sicher, dass alle Designanforderungen klar sind, um spätere Änderungen zu vermeiden. Der Skill kann in CLI-Tools wie Claude Code, Cursor und Codex über entsprechende Anweisungen aktiviert werden.
Beispielanwendung
# Beispiel: Anforderung einer UI-Design-Spezifikation
Benutzer: "Ich benötige eine Design-Spezifikation für ein Kontaktformular auf einer Webseite."
Agent: "Der Skill tencentcloudbase/ui-design wird verwendet, um die visuelle Ausrichtung, Layout-Entscheidungen und Prototypen für das Kontaktformular zu definieren."