pbakaus

pbakaus

Aktiv
24
Fähigkeiten
3
Kategorien
ClaudeCodexCode(CC)

Veröffentlichte Skills 24

📝

typeset

Typografie in bewusstes Design umwandeln

Sicher 70

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.

Claude Codex Code(CC)
Installieren
🎨

teach-impeccable

Erfassen Sie Ihren Design-Kontext für konsistente AI-Zusammenarbeit

Sicher 71

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.

Claude Codex Code(CC)
Installieren
📦

shape

UX/UI-Design vor der Codierung planen

Sicher 75

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.

Claude Codex Code(CC)
Installieren

polish

Bringen Sie Ihre UI zur Perfektion

Sicher 70

Eine sorgfältige Qualitätsprüfungs-Skill, die Ausrichtungs-, Abstands-, Konsistenz- und Detailprobleme im UI-Code erkennt. Verwandelt gute Arbeit in polierte, professionelle Interfaces.

Claude Codex Code(CC)
Installieren
📦

quieter

Übermäßig gewagte Designs verfeinern

Sicher 70

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.

Claude Codex Code(CC)
Installieren
🎨

overdrive

Erstellen Sie außergewöhnliche Web-Oberflächen mit modernsten Effekten

Sicher 71

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.

Claude Codex Code(CC)
Installieren

optimize

Web-Performance für schnellere Ladezeiten und flüssigere Interaktionen optimieren

Sicher 68

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.

Claude Codex Code(CC)
Installieren
🚀

onboard

Onboarding-Flows gestalten, die die Adoption vorantreiben

Sicher 71

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.

Claude Codex Code(CC)
Installieren
📦

normalize

UI-Komponenten auf Design-System normalisieren

Sicher 71

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.

Claude Codex Code(CC)
Installieren
📦

layout

Erstellen Sie polierte Layouts mit systematischer Abstufung

Sicher 75

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.

Claude Codex Code(CC)
Installieren
📦

impeccable

Erstelle elegante Frontend-Oberflächen mit KI

Niedriges Risiko 75

AI-generated interfaces often look generic and templated. Impeccable guides the AI through expert design decisions, producing distinctive production-grade frontend code.

Claude Codex Code(CC)
Installieren
🛡️

harden

Härten Sie Ihre Schnittstellen gegen die Produktionsrealität

Sicher 70

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.

Claude Codex Code(CC)
Installieren
📦

frontend-design

Entwickeln Sie unverwechselbare Frontend-Oberflächen, die herausstechen

Sicher 73

Generischer KI-generierter Code erzeugt vergessliche, vorlagenbasierte Designs. Dieses Skill vermittelt eine kühne ästhetische Richtung und produktionsreife Implementierung, die einprägsame Benutzererlebnisse schafft.

Claude Codex Code(CC)
Installieren
📦

extract

Design-System-Komponenten extrahieren

Sicher 72

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.

Claude Codex Code(CC)
Installieren

distill

Design vereinfachen und auf seine Essenz reduzieren

Sicher 70

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.

Claude Codex Code(CC)
Installieren
📦

delight

Transformieren Sie Interfaces mit bezaubernden Mikrointeraktionen

Sicher 72

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.

Claude Codex Code(CC)
Installieren
🎨

critique

Kritisieren Sie Ihr Design

Sicher 67

Erhalten Sie professionelles UX-Design-Feedback, das KI-generierte Muster, Probleme mit der visuellen Hierarchie und umsetzbare Verbesserungen identifiziert, um Ihre Schnittstelle aufzuwerten.

Claude Codex Code(CC)
Installieren
🎨

colorize

Fügen Sie strategische Farbe zu Ihren Designs hinzu

Sicher 71

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.

Claude Codex Code(CC)
Installieren
📦

clarify

Unklare UX-Texte und Fehlermeldungen verbessern

Sicher 72

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.

Claude Codex Code(CC)
Installieren
🎨

bolder

Langweilige Designs in mutige Erlebnisse verwandeln

Sicher 71

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.

Claude Codex Code(CC)
Installieren
📦

audit

Audit der Schnittstellenqualität

Sicher 70

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.

Claude Codex Code(CC)
Installieren
📐

arrange

Layouts mit gezielter Spacing und Rhythmus gestalten

Sicher 70

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.

Claude Codex Code(CC)
Installieren

animate

Zweckorientierte Animationen und Mikro-Interaktionen hinzufügen

Sicher 70

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.

Claude Codex Code(CC)
Installieren
📦

adapt

Designs für jeden Bildschirm oder jede Plattform anpassen

Sicher 71

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.

Claude Codex Code(CC)
Installieren