Communitygithub.com

jakubkrehel/make-interfaces-feel-better

Principes d'ingénierie design pour des interfaces soignées. Utilisé lors de la construction de composants UI, la révision de code frontend, l'implémentation d'animations, d'états de survol, d'ombres, de bordures, de typographie, de micro-interactions et d'animations d'entrée/sortie.

Qu'est-ce que make-interfaces-feel-better ?

Cette compétence fournit un ensemble de principes d'ingénierie design pour améliorer la qualité perçue des interfaces utilisateur. Elle est conçue pour les développeurs frontend qui souhaitent ajouter une touche de polissage visuel à leurs composants UI. La compétence couvre un large éventail de détails visuels, incluant les animations (stagger, entrée/sortie), les états de survol, les ombres portées, les bordures, la typographie (font smoothing, nombres tabulaires), le rayon de bordure, l'alignement optique, les contours d'images et les micro-interactions. Elle est activée par des requêtes comme "rends-le plus agréable" ou "ça semble bizarre", ce qui la rend réactive aux besoins de design itératif. En intégrant ces principes, les développeurs peuvent créer des interfaces plus intuitives et esthétiquement cohérentes sans effort supplémentaire.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jakubkrehel/make-interfaces-feel-better/tree/main/skills/make-interfaces-feel-better
Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Que fait make-interfaces-feel-better ?

Principes d'ingénierie design pour rendre les interfaces plus soignées. À utiliser lors de la construction de composants UI, de la révision de code frontend, de l'implémentation d'animations, d'états de survol, d'ombres, de bordures, de typographie, de micro-interactions, d'animations d'entrée/sortie ou de tout travail de détail visuel. Se déclenche sur des expressions comme "polissage UI", "détails de design", "rends-le plus agréable", "ça semble bizarre", "animations stagger", "rayon de bordure", "alignement optique", "lissage de police", "nombres tabulaires", "contours d'images", "ombres portées".

Skills associés

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