Communitygithub.com

jakubkrehel/make-interfaces-feel-better

Princípios de engenharia de design para tornar interfaces mais polidas. Use ao construir componentes de UI, revisar código frontend, implementar animações, estados de hover, sombras, bordas, tipografia, micro-interações, animações de entrada/saída ou qualquer trabalho de detalhe visual. Ativa com polimento de UI, detalhes de design, "faça parecer melhor", "parece estranho", animações escalonadas, raio de borda, alinhamento óptico, suavização de fonte, números tabulares, contornos de imagem, sombras de caixa.

O que é make-interfaces-feel-better?

Este skill, jakubkrehel/make-interfaces-feel-better, é uma coleção de princípios de engenharia de design voltados para desenvolvedores frontend e designers de UI que desejam elevar a qualidade visual de suas interfaces. Ele fornece diretrizes práticas para polir detalhes que muitas vezes são negligenciados, como micro-interações, animações de entrada e saída, estados de hover, sombras, bordas e tipografia. O objetivo é ajudar a transformar uma interface que "parece estranha" em algo mais refinado e profissional, com foco em consistência visual e usabilidade. O skill funciona como um guia de referência rápida para revisão de código e implementação de detalhes de UI, sendo acionado automaticamente quando o usuário menciona termos como "polimento de UI", "faça parecer melhor", "animações escalonadas" ou "alinhamento óptico". Ele não está vinculado a uma plataforma específica, mas é ideal para uso com assistentes de IA como Claude Code, Cursor ou Codex durante o desenvolvimento frontend.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jakubkrehel/make-interfaces-feel-better/tree/main/skills/make-interfaces-feel-better
Ver original→Navegar por todas as habilidades

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentação

O que make-interfaces-feel-better faz?

Princípios de engenharia de design para tornar interfaces mais polidas. Use ao construir componentes de UI, revisar código frontend, implementar animações, estados de hover, sombras, bordas, tipografia, micro-interações, animações de entrada/saída ou qualquer trabalho de detalhe visual. Ativa com polimento de UI, detalhes de design, "faça parecer melhor", "parece estranho", animações escalonadas, raio de borda, alinhamento óptico, suavização de fonte, números tabulares, contornos de imagem, sombras de caixa.

Habilidades Relacionadas

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