Communitygithub.com

jakubkrehel/make-interfaces-feel-better

Prinzipien des Design Engineerings, um Benutzeroberflächen poliert wirken zu lassen. Verwenden Sie dieses Skill beim Erstellen von UI-Komponenten, Überprüfen von Frontend-Code, Implementieren von Animationen, Hover-Zuständen, Schatten, Rahmen, Typografie, Mikrointeraktionen, Eintritts-/Austrittsanimationen oder anderen visuellen Detailarbeiten.

Was ist make-interfaces-feel-better?

Dieses Skill bietet eine Sammlung von Design-Engineering-Prinzipien, die darauf abzielen, Benutzeroberflächen (UI) subjektiv „polierter“ und hochwertiger wirken zu lassen. Es ist gedacht für Entwickler und Designer, die Frontend-Code schreiben oder überprüfen, insbesondere bei der Arbeit mit UI-Komponenten, Animationen, Hover-Effekten, Schatten, Rahmen, Typografie, Mikrointeraktionen und Eintritts-/Austrittsanimationen. Der Fokus liegt auf konkreten, umsetzbaren Details wie abgestuften Animationen (Stagger Animations), korrektem Border Radius, optischer Ausrichtung (Optical Alignment), Font Smoothing, tabellarischen Zahlen, Bildumrissen und Box-Schatten. Das Skill wird aktiviert, wenn die KI Anfragen zu UI-Verbesserungen erkennt, wie z. B. „mach es besser“ oder „fühlt sich falsch an“. Es unterstützt Entwickler dabei, systematisch die visuelle Qualität ihrer Anwendungen zu verbessern, indem es auf bewährte Praktiken und subtile Optimierungen hinweist, die oft den Unterschied zwischen einer durchschnittlichen und einer exzellenten Benutzererfahrung ausmachen.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jakubkrehel/make-interfaces-feel-better/tree/main/skills/make-interfaces-feel-better
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht make-interfaces-feel-better?

Prinzipien des Design Engineerings, um Benutzeroberflächen poliert wirken zu lassen. Verwenden Sie dieses Skill beim Erstellen von UI-Komponenten, Überprüfen von Frontend-Code, Implementieren von Animationen, Hover-Zuständen, Schatten, Rahmen, Typografie, Mikrointeraktionen, Eintritts-/Austrittsanimationen oder anderen visuellen Detailarbeiten. Aktiviert bei UI-Polish, Designdetails, „mach es besser“, „fühlt sich falsch an“, abgestuften Animationen, Border Radius, optischer Ausrichtung, Font Smoothing, tabellarischen Zahlen, Bildumrissen, Box-Schatten.

Verwandte Skills

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...

community

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

community