SkillHey.
Enviar un skill

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.

Contenido actualizado:

Ver en GitHub
npx skills add dembrandt/dembrandt-skills --skill component-family-consistency
193Estrellas23ForksÚltimo push del repositorio

Acerca de este Skill

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

Por qué lo elegimos

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

Para qué sirve

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

Antes de usarlo

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

Fuentes y referencias

Las fuentes originales se enlazan a continuación. Los puntos de partida prácticos son sugerencias editoriales de SkillHey.

Editado por SkillHey
design systemsui design

Skills similares

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 milEstrellas529Forks
Último push del repositorio

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 milEstrellas266Forks
Último push del repositorio

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 milEstrellas3,3 milForks
Último push del repositorio

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
601Estrellas55Forks
Último push del repositorio