SkillHey.
Enviar um skill

User Interface Wiki

raphaelsalaja/userinterface-wiki

UI/UX best practices for web interfaces. Use when reviewing animations, CSS, audio, typography, UX patterns, prefetching, or icon implementations. Covers 11 categories from animation principles to typography. Outputs file:line findings.

Conteúdo atualizado:

Ver no GitHub
npx skills add raphaelsalaja/userinterface-wiki --skill userinterface-wiki
952Estrelas47ForksÚltimo push do repositório

Sobre este Skill

UI/UX best practices for web interfaces. Use when reviewing animations, CSS, audio, typography, UX patterns, prefetching, or icon implementations. Covers 11 categories from animation principles to typography. Outputs file:line findings.

Por que escolhemos

Summarized from the original raphaelsalaja/userinterface-wiki SKILL.md by Raphael Salaja; the original upstream instructions were used.

No que ajuda

  • Use this workflow when the task matches the original User Interface Wiki instructions.

Antes de usar

  • Read the original SKILL.md and referenced files in raphaelsalaja/userinterface-wiki.

Fontes e referências

As fontes originais estão nos links abaixo. As sugestões práticas são recomendações editoriais do SkillHey.

Editado por SkillHey
ui designreference

Skills semelhantes

Baseline UI

ibelick

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.

  • ui design
  • frontend
11,1 milEstrelas529Forks
Último push do repositório

Refactoring UI Design System

wondelai

Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off" (or amateur/unprofessional), "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design tokens, creating dark mode themes, improving data-visualization clarity, or polishing UI details before launch. Covers grayscale-first workflow, constrained design scales, shadows, and component styling. For typeface selection, see web-typography. For usability audits, see ux-heuristics.

  • ui design
  • frontend
2,7 milEstrelas266Forks
Último push do repositório

Prototyping Variants

Emil Kowalski

Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one that feels right. Only runs when explicitly invoked; it does not trigger on its own.

  • prototyping
  • ui design
57 milEstrelas3,3 milForks
Último push do repositório

Component Family Consistency

Dembrandt

Buttons, inputs, badges and pills share radius, colour logic, shadow, border and spacing. Use when building or reviewing a component library.

  • design systems
  • ui design
193Estrelas23Forks
Último push do repositório