SkillHey.
Skill einreichen

Component Family Consistency

dembrandt/dembrandt-skills

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

Inhalt aktualisiert:

Auf GitHub ansehen
npx skills add dembrandt/dembrandt-skills --skill component-family-consistency
193Sterne23ForksLetzter Repository-Push

Über diesen Skill

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

Warum wir es empfehlen

Summarized from the original dembrandt/dembrandt-skills SKILL.md by Dembrandt; the original upstream instructions were used.

Wobei es hilft

  • Use this workflow when the task matches the original Component Family Consistency instructions.

Vor der Nutzung

  • Read the original SKILL.md and referenced files in dembrandt/dembrandt-skills.

Quellen und Referenzen

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

Redaktion: SkillHey
design systemsui design

Ä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

Sleek Mobile App Design

Sleek

Design mobile app screens with Sleek and implement selected designs in React Native or HTML.

  • mobile design
  • react native
  • ui design
601Sterne55Forks
Letzter Repository-Push