← All skills
sodium
85 / 100 · Low risk
Fine to try.
By arla6ka/design.how (GitHub) · design · 315 stars · scanned at commit 419fa5a
Sodium design system rules for this project's UI. Use when building or changing any screen, component, form or style, when porting an existing screen onto Sodium, or when checking UI against Sodium.
Works with any agent that supports SKILL.md skills.
What this skill can do
Downloads and installs other software
The author does not mention this.
Found in 19 places.
Show 16 more
- systems/sodium/README.md, line 37
- Failed load: `npx shadcn@latest add https://design.how/r/sodium/failed-load.json` - systems/sodium/README.md, line 38
- On call: `npx shadcn@latest add https://design.how/r/sodium/on-call.json` - systems/sodium/README.md, line 39
- Run progress: `npx shadcn@latest add https://design.how/r/sodium/run-progress.json` - systems/sodium/README.md, line 40
- Warehouse capacity: `npx shadcn@latest add https://design.how/r/sodium/warehouse-capacity.json` - systems/sodium/README.md, line 41
- Sync flow: `npx shadcn@latest add https://design.how/r/sodium/sync-flow.json` - systems/sodium/README.md, line 42
- Pipeline history: `npx shadcn@latest add https://design.how/r/sodium/pipeline-history.json` - systems/sodium/SKILL.md, line 22
7. Lint: install it once with `npx shadcn@latest add https://design.how/r/sodium/lint.json`, then run `npx eslint -c sodium.eslint.config.mjs .`. Each message n - systems/sodium/SKILL.md, line 236
- Job runs: Every pipeline's runs as one table: a Status word per row, IDs and numbers in mono and Run now. `npx shadcn@latest add https://design.how/r/sodium/j - systems/sodium/SKILL.md, line 237
- Failed load: A load that failed: the alert with Retry load, the model with its failing line banded, and the step's log. `npx shadcn@latest add https://design. - systems/sodium/SKILL.md, line 238
- On call: A failed job at phone width: its header, the failure in a sentence, its facts in a 2x2 grid, Acknowledge and Retry step. `npx shadcn@latest add https - systems/sodium/SKILL.md, line 239
- Run progress: A backfill followed at phone width: the live step, partitions done, the run's numbers as a strip and its steps. `npx shadcn@latest add https://d - systems/sodium/SKILL.md, line 240
- Warehouse capacity: How full a warehouse is: credits, storage and concurrency as meters, storage by schema, queries by hour and Resize warehouse. `npx shadcn@ - systems/sodium/SKILL.md, line 241
- Sync flow: A nightly sync across the systems it touches as swimlanes, the rows it loaded by source, and Run sync. `npx shadcn@latest add https://design.how/r/ - systems/sodium/SKILL.md, line 242
- Pipeline history: A pipeline's page under its path: runs per day, its latest partitions and its schedule as numbered tabs. `npx shadcn@latest add https://desi - systems/sodium/SKILL.md, line 256
`npx shadcn@latest add https://design.how/r/sodium/<name>.json`, the name being the last part of its page link. - systems/sodium/lint/eslint.config.mjs, line 14
if (!found) throw new Error('Sodium lint: lib/sodium/lint/plugin.mjs is missing. Run npx shadcn@latest add https://design.how/r/sodium/lint.json');
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'sodium' ] || [ -L ~/.agents/skills/'sodium' ]; then echo 'A skill folder named sodium already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/arla6ka/design.how' "$d" && git -C "$d" checkout --quiet '419fa5af1721eebfab9e0062a630de36ffd0b342' -- 'systems/sodium' && mkdir -p ~/.agents/skills && cp -R "$d"/'systems/sodium' ~/.agents/skills/'sodium' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'sodium' ~/.claude/skills/'sodium' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
The badge for arla6ka/design.how shows the score of its lowest-scoring skill.
[](https://zalavijaysinh.github.io/skilltrust/repos/arla6ka/design.how/)
Score history
| Date | Version | Score |
|---|
| 2026-11-07 | 419fa5a | 100 |