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.
스킬 ZIP 다운로드
Claude에서 업로드
설정 → 기능 → 스킬 → 스킬 업로드로 이동
토글을 켜고 사용 시작
테스트해 보기
"delight" 사용 중입니다. Delight zu einem Datei-Upload-Erfolgszustand hinzufügen
예상 결과:
Eine sanfte Scale-up-Animation (1,05x) mit einem sich über 400 ms zeichnenden Häkchen, gefolgt von einer kurzen Konfetti-Explosion beim ersten Upload des Tages. Fügen Sie ermutigenden Text hinzu: 'Ihre Datei ist bereit!' mit einem subtilen grünen Schein auf dem Dateisymbol.
"delight" 사용 중입니다. Verspielte Ladenachrichten für ein Projektmanagement-Tool erstellen
예상 결과:
Sammeln Sie Kontext über die tatsächlichen Abläufe Ihres Produkts und schreiben Sie dann spezifische Nachrichten wie 'Synchronisiere mit den neuesten Updates Ihres Teams...' und 'Bereite Ihre Projektübersicht vor...' anstelle von generischen Fülltexten wie 'Herding pixels', was sich nach KI-Abfall anfühlt.
보안 감사
안전All static analysis findings are false positives. The file contains CSS code examples and copy writing guidance for UI design, not executable code. Backticks in the file denote markdown code blocks for CSS and text examples, not shell command execution. No cryptographic functions, system calls, or network operations are present. This is a design guideline document safe for publication.
품질 점수
만들 수 있는 것
SaaS-Dashboard-Erweiterung
Fügen Sie subtile Erfolgsanimationen und ermutigenden Text zu Daten-Synchronisations- und Berichtsgenerierungs-Workflows hinzu
Consumer-Mobile-App
Implementieren Sie verspielte Ladezustände, Erfolgsfeiern und persönlichkeitsgetriebene Fehlermeldungen
E-Commerce-Checkout-Flow
Reduzieren Sie Warenkorbabbrüche mit ermutigenden Fortschrittsanzeigen und befriedigenden Abschlussmomenten
이 프롬프트를 사용해 보세요
Prüfen Sie meinen Checkout-Flow und identifizieren Sie 3 konkrete Momente, in denen Delight den Abbruch reduzieren könnte. Fokussieren Sie sich auf Erfolgszustände und Ladeperioden.
Meine Marke ist professionell, aber warmherzig (Fintech-Startup). Schlagen Sie 5 Mikrointeraktionen vor, die sich raffiniert anfühlen, ohne kalt zu wirken. Inklusive CSS-Implementierungsbeispiele.
Schreiben Sie diese 10 Fehlermeldungen so um, dass sie einfühlsam und hilfreich sind und gleichzeitig das Nutzervertrauen wahren. Unsere Zielgruppe sind Kleinunternehmer, der Ton sollte warmherzig, aber nicht verrückt sein.
Führen Sie das vollständige Context Gathering Protocol für mein Projekt durch. Erstellen Sie dann eine umfassende Delight-Strategie, die Ladezustände, Erfolgsmomente, leere Zustände und Easter Eggs abdeckt. Priorisieren Sie nach Wirkung und Implementierungsaufwand.
모범 사례
- Halten Sie Delight-Momente unter 1 Sekunde, um den Nutzerfluss nicht zu blockieren
- Passen Sie die Delight-Intensität dem Kontext an (subtil für professionelle Tools, verspielt für Consumer-Apps)
- Machen Sie Delight überspringbar und respektieren Sie Accessibility-Einstellungen für reduzierte Bewegung
피하기
- Delight verwenden, um schlechte UX-Grundlagen zu verstecken oder davon abzulenken
- Nutzer durch Delight-Animationen ohne Skip-Optionen zu zwingen
- Generische KI-generierte Texte wie 'Herding pixels', die sich unauthentisch anfühlen