SkillHey.
Skill einreichen

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.

Inhalt aktualisiert:

Auf GitHub ansehen
npx skills add raphaelsalaja/userinterface-wiki --skill userinterface-wiki
952Sterne47ForksLetzter Repository-Push

Über diesen 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.

Warum wir es empfehlen

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

Wobei es hilft

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

Vor der Nutzung

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

Quellen und Referenzen

Die Originalquellen sind unten verlinkt. Praktische Einstiegsideen sind redaktionelle Vorschläge von SkillHey.

Redaktion: SkillHey
ui designreference

Ähnliche Skills

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.066Sterne529Forks
Letzter Repository-Push

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
2702Sterne266Forks
Letzter Repository-Push

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
56.965Sterne3336Forks
Letzter Repository-Push

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
193Sterne23Forks
Letzter Repository-Push