← All skills
quartz
85 / 100 · Low risk
Fine to try.
By arla6ka/design.how (GitHub) · design · 315 stars · scanned at commit 419fa5a
Quartz 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 Quartz, or when checking UI against Quartz.
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/quartz/README.md, line 37
- Agent session: `npx shadcn@latest add https://design.how/r/quartz/agent-session.json` - systems/quartz/README.md, line 38
- Tool approval: `npx shadcn@latest add https://design.how/r/quartz/tool-approval.json` - systems/quartz/README.md, line 39
- API keys: `npx shadcn@latest add https://design.how/r/quartz/api-keys.json` - systems/quartz/README.md, line 40
- Prompt release: `npx shadcn@latest add https://design.how/r/quartz/deploy-detail.json` - systems/quartz/README.md, line 41
- Run trace: `npx shadcn@latest add https://design.how/r/quartz/run-trace.json` - systems/quartz/README.md, line 42
- Live activity: `npx shadcn@latest add https://design.how/r/quartz/live-requests.json` - systems/quartz/SKILL.md, line 22
7. Lint: install it once with `npx shadcn@latest add https://design.how/r/quartz/lint.json`, then run `npx eslint -c quartz.eslint.config.mjs .`. Each message n - systems/quartz/SKILL.md, line 276
- Workspace home: A workspace home for a team of agents: the workspace and New agent, a strip of four numbers, the Conversations chart, what needs a look, the c - systems/quartz/SKILL.md, line 277
- Agent session: One agent turn in a thread: tool calls under one live Activity header, the answer, a queued follow-up and the composer with Stop. `npx shadcn@l - systems/quartz/SKILL.md, line 278
- Tool approval: An agent asks before it sends a refund, with Allow and Deny; the outcome takes focus after a choice. `npx shadcn@latest add https://design.how/ - systems/quartz/SKILL.md, line 279
- API keys: Create a key and see it once at its full length, masked with reveal and copy; then the keys by their last four characters with Revoke. `npx shadcn@l - systems/quartz/SKILL.md, line 280
- Prompt release: A prompt release paused on a failed eval: the release card with the decision and Roll back, the rollout on one clock, the evals with the failu - systems/quartz/SKILL.md, line 281
- Run trace: One agent run as a waterfall of its steps and model calls, with the live step growing and the open step's details beside it. `npx shadcn@latest add - systems/quartz/SKILL.md, line 282
- Live activity: An agent's tool calls as they happen: result, tool and agent, trouble marked, with filters, Pause and the call docked beside the list. `npx sha - systems/quartz/SKILL.md, line 297
`npx shadcn@latest add https://design.how/r/quartz/<name>.json`, the name being the last part of its page link. - systems/quartz/lint/eslint.config.mjs, line 14
if (!found) throw new Error('Quartz lint: lib/quartz/lint/plugin.mjs is missing. Run npx shadcn@latest add https://design.how/r/quartz/lint.json');
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'quartz' ] || [ -L ~/.agents/skills/'quartz' ]; then echo 'A skill folder named quartz 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/quartz' && mkdir -p ~/.agents/skills && cp -R "$d"/'systems/quartz' ~/.agents/skills/'quartz' && 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/'quartz' ~/.claude/skills/'quartz' (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 |