border-craft
Installation
SKILL.md
Border Craft
Borders as Information
Borders separate, group, contain, and emphasize. They carry meaning:
- Thin (1px): Subtle separation, table cells, list dividers
- Medium (2px): Emphasis, active states, selected items
- Thick (3-4px): Strong emphasis, section dividers, brand accent
Border Styles
| Style | Use | Avoid |
|---|---|---|
| Solid | Default for everything | N/A |
| Dashed | Drag targets, placeholder areas | Decoration |
| Dotted | Input suggestions, optional boundaries | Heavy use |
| Double | Editorial emphasis, retro/classic feel | UI components |