Foundations

Overview Color Typography Shape Motion For agents

Brand

Glider Lightning glider Icon Separator Numbered list

Actions

Dither button Button Segmented toggle Theme toggle

Navigation

Navbar Nav link Link Back link Footer

Content

Card Event card Post card Tile Reveal row Badge Callout Marquee Logo grid

Forms

Input Field Checkbox

Overlays

Dialog Tabs Skeleton

Articles

Page header Prose Author Video embed Lightning text

Theme

For agents

Teaches coding agents the components and brand rules.

Download

Put it in .claude/skills/purdue-hackers-ui/SKILL.md, or the skills folder your agent uses.

Download SKILL.md

Previous Motion Next Glider