skill
Adom UI Design System
Public Made by Adomby adom
How the AI builds and tests interfaces people love to use in Adom. Ships as one installable skill that bundles focused skills (tooltips, floating-windows, toasts, responsive-ui, app-shell, ai-driven-apps, clickable-paths).
← Commit history
SKILL.md+2−2@@ -245,7 +245,7 @@ surface it fails on. | `--surface` | `#161b22` | ground | Panels, toolbars, cards | | `--elevated` | `#1c2128` | ground | Elevated cards, hover surfaces | | `--overlay` | `#21262d` | ground | Tooltips, dropdowns, modals |-| `--border` | `#30363d` | — | Standard border |+| `--border` | `#30363d` | (none) | Standard border | | `--text` | `#e6edf3` | 16.0:1 | **Emphasis only**: headings, active items. Too hot for paragraphs, see the ceiling below | | `--text-body` | `#c9d1d9` | 12.3:1 | **The default for running text.** The comfortable one | | `--text-2` | `#8b949e` | 6.2:1 | Secondary text, labels, placeholders |@@ -310,7 +310,7 @@ def contrast(fg, bg): ``` Common greys that **fail** and keep reappearing in Adom code: `#666` (3.3:1), `#777`-(4.3:1), `#888` (5.4:1 — passes AA, fails AAA). Reach for `--text-2` instead of inventing+(4.3:1), `#888` (5.4:1, passes AA, fails AAA). Reach for `--text-2` instead of inventing a grey. ### Rules