Veröffentlichte Skills 24
typeset
Typografie in bewusstes Design umwandeln
Generische Schriftarten und inkonsistente Größen untergraben die Glaubwürdigkeit Ihrer Oberfläche. Typeset wendet professionelle Typografie-Prinzipien an, um klare Hierarchien, lesbaren Text und polierte Visuals zu erstellen, die Ihre Markenpersönlichkeit widerspiegeln.
teach-impeccable
Erfassen Sie Ihren Design-Kontext für konsistente AI-Zusammenarbeit
AI-Assistenten treffen bessere Design-Entscheidungen, wenn sie Ihre Marke und Benutzer verstehen. Dieser Skill wird einmal ausgeführt, um projektspezifische Design-Kontextinformationen zu sammeln und für jede zukünftige Sitzung zu speichern.
shape
UX/UI-Design vor der Codierung planen
Die meisten KI-generierten Benutzeroberflächen scheitern, weil sie das Design-Denken überspringen. Diese Fähigkeit führt ein strukturiertes Entdeckungsinterview durch, um Benutzerbedürfnisse, Einschränkungen und Ziele zu verstehen, bevor ein umfassendes Design-Briefing erstellt wird, das die Implementierung leitet.
polish
Bringen Sie Ihre UI zur Perfektion
Eine sorgfältige Qualitätsprüfungs-Skill, die Ausrichtungs-, Abstands-, Konsistenz- und Detailprobleme im UI-Code erkennt. Verwandelt gute Arbeit in polierte, professionelle Interfaces.
quieter
Übermäßig gewagte Designs verfeinern
Claude kann automatisch Designs abschwächen, die zu aggressiv oder visuell überwältigend wirken, und erzeugt damit ein raffinierteres und eleganteres Erscheinungsbild, während Wirkung und Funktionalität erhalten bleiben.
overdrive
Erstellen Sie außergewöhnliche Web-Oberflächen mit modernsten Effekten
Standard-Web-Oberflächen wirken statisch und vorhersehbar. Overdrive transformiert sie mit kinoreifen Übergängen, GPU-beschleunigten Visuals und physikbasierten Animationen, die Benutzer überraschen und begeistern.
optimize
Web-Performance für schnellere Ladezeiten und flüssigere Interaktionen optimieren
Langsame Benutzeroberflächen frustrieren Benutzer und beeinträchtigen Metriken. Dieser Skill identifiziert systematisch und behebt Performance-Engpässe bei Ladezeit, Rendering, Animationen, Bildern und Bundle-Größe für schnellere, flüssigere Erlebnisse.
onboard
Onboarding-Flows gestalten, die die Adoption vorantreiben
Nutzer verlassen Produkte, wenn sie den Wert nicht schnell verstehen können. Diese Fähigkeit hilft Ihnen, Onboarding-Erlebnisse zu gestalten, die Nutzer zu ihrem ersten Erfolg führen, ohne sie zu überfordern.
normalize
UI-Komponenten auf Design-System normalisieren
Beseitigt Design-Inkonsistenzen durch automatische Erkennung und Korrektur von Abweichungen von Ihrem Design-System. Stellt sicher, dass jede Komponente korrekte Tokens, Muster und etablierte Konventionen verwendet.
layout
Erstellen Sie polierte Layouts mit systematischer Abstufung
Beheben Sie monotone Raster und inkonsistente Abstufung, die Oberflächen amateurhaft wirken lassen. Diese Fähigkeit etabliert systematische Abstufungsskalen, visuellen Rhythmus und klare Hierarchie, um generische Layouts in beabsichtigte Kompositionen zu transformieren.
impeccable
Erstelle elegante Frontend-Oberflächen mit KI
AI-generated interfaces often look generic and templated. Impeccable guides the AI through expert design decisions, producing distinctive production-grade frontend code.
harden
Härten Sie Ihre Schnittstellen gegen die Produktionsrealität
Schnittstellen brechen, wenn echte Benutzer unerwartete Daten eingeben, die Verbindung verlieren oder Hilfstechnologien nutzen. Dieser Skill systematisch stärkt Ihre UI gegen Randfälle, Internationalisierungsprobleme, Fehler und Barrierefreiheitslücken, um Produktionsreife Resilienz zu gewährleisten.
frontend-design
Entwickeln Sie unverwechselbare Frontend-Oberflächen, die herausstechen
Generischer KI-generierter Code erzeugt vergessliche, vorlagenbasierte Designs. Dieses Skill vermittelt eine kühne ästhetische Richtung und produktionsreife Implementierung, die einprägsame Benutzererlebnisse schafft.
extract
Design-System-Komponenten extrahieren
Identifizieren und extrahieren Sie wiederverwendbare Komponenten, Design-Tokens und Muster aus Ihrer Codebasis in ein strukturiertes Design-System. Diese Fähigkeit konsolidiert verteilten UI-Code in systematische, dokumentierte Assets.
distill
Design vereinfachen und auf seine Essenz reduzieren
Diese Fähigkeit hilft KI-Assistenten dabei, komplexe Designs zu vereinfachen, indem unnötige Elemente entfernt werden, um klare und fokussierte Benutzeroberflächen zu schaffen, die Nutzer zu ihren Zielen führen.
delight
Transformieren Sie Interfaces mit bezaubernden Mikrointeraktionen
Funktionale Interfaces wirken oft kalt und mechanisch. Diese Skill fügt strategische Momente der Freude und Persönlichkeit hinzu, die Nutzer zum Lächeln bringen und gleichzeitig die Benutzerfreundlichkeit erhalten.
critique
Kritisieren Sie Ihr Design
Erhalten Sie professionelles UX-Design-Feedback, das KI-generierte Muster, Probleme mit der visuellen Hierarchie und umsetzbare Verbesserungen identifiziert, um Ihre Schnittstelle aufzuwerten.
colorize
Fügen Sie strategische Farbe zu Ihren Designs hinzu
Verwandeln Sie graue, leblose Oberflächen in warme, ansprechende Erlebnisse. Diese Fähigkeit wendet gezielte Farbtheorie an, um die visuelle Hierarchie und die Benutzerfreude zu verbessern.
clarify
Unklare UX-Texte und Fehlermeldungen verbessern
Verwirrende Interface-Texte frustrieren Benutzer und erhöhen die Supportkosten. Dieser Skill transformiert Fachjargon, mehrdeutige Beschriftungen und schlechte Fehlermeldungen in klare, benutzerfreundliche Texte, die Benutzer effektiv durch die Anwendung führen.
bolder
Langweilige Designs in mutige Erlebnisse verwandeln
Hören Sie auf, sich mit generischen, einprägungslosen Schnittstellen zufriedenzugeben. Diese Fähigkeit hilft Claude, visuell beeindruckende Designs zu erstellen, die Benutzer fesseln und gleichzeitig Usability- und Barrierefreiheitsstandards einhalten.
audit
Audit der Schnittstellenqualität
Schlechte Schnittstellenqualität beeinträchtigt die Benutzererfahrung und schließt Benutzer mit Behinderungen aus. Diese Fähigkeit bietet systematische Audits in den Bereichen Barrierefreiheit, Leistung, Theming und responsives Design, um Probleme zu identifizieren, bevor sie in die Produktion gelangen.
arrange
Layouts mit gezielter Spacing und Rhythmus gestalten
Monotone Raster und willkürliche Abstände eliminieren. Diese Skill bietet einen systematischen Ansatz zur Schaffung visueller Hierarchien durch gezielte Spacing, variierten Rhythmus und strukturierte Layouts, die das Auge zu dem führen, was wichtig ist.
animate
Zweckorientierte Animationen und Mikro-Interaktionen hinzufügen
Statische Schnittstellen wirken unvollständig und verpassen Gelegenheiten, Benutzer zu leiten. Diese Fähigkeit hilft Ihnen, strategisch Bewegung hinzuzufügen, die Feedback gibt, das Verständnis verbessert und wunderbare Erlebnisse schafft, ohne Benutzer zu überfordern.
adapt
Designs für jeden Bildschirm oder jede Plattform anpassen
Sie haben Schwierigkeiten, Ihr Design für mobile Geräte, Tablets, Desktops, Print oder E-Mail nutzbar zu machen? Dieser Skill bietet Expertenhilfe zur Anpassung von Designs an verschiedene Kontexte unter Beibehaltung von Konsistenz und Benutzerfreundlichkeit.