ui-ux-polish
Web-App UI/UX mit iterativem Verbesserungs-Workflow optimieren
Ihre Web-App sieht anständig aus, aber es fehlt ihr die erstklassige Politur. Nutzen Sie diesen iterativen Workflow, um UI/UX schrittweise für Desktop und Mobile zu verbessern und durch mehrere fokussierte Durchgänge eine visuelle Qualität auf Stripe-Niveau zu erreichen.
스킬 ZIP 다운로드
Claude에서 업로드
설정 → 기능 → 스킬 → 스킬 업로드로 이동
토글을 켜고 사용 시작
테스트해 보기
"ui-ux-polish" 사용 중입니다. UI/UX-Politur auf meine Dashboard-Anwendung anwenden
예상 결과:
- Verbesserte Schatten- und Tiefeneffekte für bessere visuelle Hierarchie
- Einheitlicher Border-Radius und Abstände über alle Komponenten hinweg
- Verbesserte Hover- und Focus-Zustände für interaktive Elemente
- Optimierte Typografie-Skala für bessere Lesbarkeit
- Besseres Design für Lade- und Leerzustände
- Touch-freundliche Button-Größen für mobile Geräte
"ui-ux-polish" 사용 중입니다. Meine Landing-Page premium-hafter und professioneller aussehen lassen
예상 결과:
- Verfeinerte Farbpalette mit besseren Kontrastverhältnissen
- Subtile Mikro-Animationen für mehr Engagement hinzugefügt
- Verbesserte visuelle Wirkung des Hero-Bereichs
- Optimierte Navigation mit klarerer Hierarchie
- Verbessertes Styling der Call-to-Action-Buttons
- Einheitliches Spacing-System über alle Abschnitte hinweg
보안 감사
안전Pure documentation skill containing only text prompts and methodology. No executable code, file access, network calls, or system commands. All 60 static findings are false positives from the scanner misinterpreting text patterns as security issues (e.g., 'ultrathink' flagged as C2, normal prose as cryptographic algorithms, GitHub URLs as network calls).
위험 요인
품질 점수
만들 수 있는 것
Bestehende Web-Apps aufwerten
Verwandeln Sie anständig aussehende Webanwendungen in polierte, professionelle Oberflächen nach Branchen-Best-Practices.
Visuelle Politur iterativ verfeinern
Wenden Sie systematische Verbesserungen durch mehrere Durchgänge an, um eine hochwertige visuelle Präsentation zu erreichen.
KI-Agenten für UI-Arbeit anleiten
Versorgen Sie KI-Agenten mit effektiven Prompts, um automatisch bedeutsame UI/UX-Verbesserungen vorzunehmen.
이 프롬프트를 사용해 보세요
Ich denke immer noch, dass es große Möglichkeiten gibt, das UI/UX-Look-and-Feel zu verbessern und alles besser funktionieren zu lassen und intuitiver, benutzerfreundlicher, visuell ansprechender, polierter, eleganter und erstklassig zu gestalten, indem UI/UX-Best-Practices wie die von Stripe befolgt werden, finden Sie nicht auch? Und ich möchte, dass Sie Desktop-UI/UX und Mobile-UI/UX separat sorgfältig betrachten und dabei beide separat hyper-optimieren, um die Besonderheiten jeder Modalität auszuspielen. Ich suche nach wirklich erstklassiger visueller Attraktivität, Politur, Eleganz usw., die Menschen vor Erstaunen nach Luft schnappen lässt, wie atemberaubend und perfekt es in jeder Hinsicht ist. Verwenden Sie ultrathink.
Großartig, jetzt möchte ich, dass Sie jeden Aspekt des Anwendungsworkflows und der Implementierung super sorgfältig prüfen und nach Dingen suchen, die Ihnen einfach suboptimal oder sogar falsch/fehlerhaft erscheinen, Dinge, die aus Sicht der Benutzerfreundlichkeit und Intuitivität offensichtlich verbessert werden könnten, Stellen, an denen unser UI/UX verbessert und poliert werden könnte, um eleganter, visuell ansprechender und Premium-hafter zu sein und einfach von ultra hoher Qualität, wie Apps auf Stripe-Niveau.
Konzentrieren Sie sich speziell auf die Mobile-UI/UX-Optimierung. Berücksichtigen Sie Touch-Target-Größen, responsive Breakpoints, mobile-spezifische Navigation, Gesten-Unterstützung und Mobile-Performance. Welche Änderungen würden diese App auf mobilen Geräten außergewöhnlich machen?
Konzentrieren Sie sich speziell auf die Desktop-UI/UX-Optimierung. Berücksichtigen Sie Tastaturnavigation, Hover-Zustände, mehrspaltige Layouts, Seitenleisten-Navigation und Power-User-Shortcuts. Welche Änderungen würden diese App auf dem Desktop außergewöhnlich machen?
모범 사례
- Führen Sie mehrere Iterationen (10+) für kumulative Verbesserungen durch, anstatt dramatische Änderungen in einem einzigen Durchgang zu erwarten
- Trennen Sie Desktop- und Mobile-Optimierung, um Kompromisse zu vermeiden, die auf beiden Plattformen schlecht funktionieren
- Überprüfen Sie KI-generierte Änderungen sorgfältig, um sicherzustellen, dass keine Rückschritte in der Funktionalität auftreten
피하기
- Diesen Workflow auf defekte oder fehlerhafte Apps anwenden, anstatt zuerst Probleme zu beheben
- Politur-Prompts anwenden, wenn kein Basis-Styling oder Designsystem vorhanden ist
- Iterationen überspringen, wenn Änderungen geringfügig erscheinen; kleine Verbesserungen summieren sich erheblich