Buttons, inputs, badges and pills share radius, colour logic, shadow, border and spacing. Use when building or reviewing a component library.
Install
npx skills add dembrandt/dembrandt-skills --skill component-family-consistencynpx skills add dembrandt/dembrandt-skills --skill component-family-consistency -a claude-code -gnpx skills add dembrandt/dembrandt-skills --skill component-family-consistency -a codex -ggemini skills install https://github.com/dembrandt/dembrandt-skills.git --path skills/component-family-consistencygh skill install dembrandt/dembrandt-skills component-family-consistencygit clone --depth 1 https://github.com/dembrandt/dembrandt-skills /tmp/dembrandt__dembrandt-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/dembrandt__dembrandt-skills/skills/component-family-consistency ~/.claude/skills/component-family-consistency # Claude Code
cp -R /tmp/dembrandt__dembrandt-skills/skills/component-family-consistency ~/.agents/skills/component-family-consistency # Codex, Cursor, Gemini CLI, Copilot, OpenCode