Component Family Consistency

Name: Component Family Consistency
Author: dembrandt

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

Skill174 stars on dembrandt/dembrandt-skills · shared by 45 skills

Install

npx skills add dembrandt/dembrandt-skills --skill component-family-consistency

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

Loading States And Perceived Performance
Spinners, skeletons and staggered reveals that manage wait times. Use when designing loading states, async data or the feel of a slow interface.
Skill
174· repoGitHub stars for dembrandt/dembrandt-skills, shared by the 45 skills listed from this repo
Shadcn Ui
Build UI components with shadcn/ui. Pairs with the Stitch design loop to ship structured, accessible components quickly.
Skill
104.2k· repoGitHub stars for nexu-io/open-design, shared by the 162 skills listed from this repo
After Hours Editorial Template
Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter spreads.
Skill
101.1k· repoGitHub stars for nexu-io/open-design, shared by the 162 skills listed from this repo