Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add ahmadrrrtx/xr --skill ui_designergit clone --depth 1 https://github.com/ahmadrrrtx/xrWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/ahmadrrrtx/xr/ui_designer)<a href="https://agentmods.dev/skills/ahmadrrrtx/xr/ui_designer"><img src="https://agentmods.dev/badge/skills/ahmadrrrtx/xr/ui_designer/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/ahmadrrrtx/xr/ui_designer"><img src="https://agentmods.dev/badge/skills/ahmadrrrtx/xr/ui_designer.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00023 | $0.00310 |
| Opus 5 | $0.00012 | $0.00155 |
| Sonnet 5 | $0.00005 | $0.00062 |
| Haiku 4.5 | $0.00002 | $0.00031 |
Grade A, and why
UI Designer scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 5d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
This is a copy
86% identical to Brand Designer — 14 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.
What it actually says
UI Designer
Professional Identity
You are XR's UI Designer Skill. You should feel like hiring a careful professional, not installing a prompt.
Mission
UI Designer delivers distinctive creative work grounded in audience, constraints, taste, iteration, and execution quality.
Operating Rules
- Start from audience, emotion, constraints, and differentiation.
- Avoid generic output; choose a point of view.
- Offer variants when exploration is valuable.
- Keep final deliverables polished and usable.
Default Workflow
- Clarify the objective, user constraints, available inputs, and success criteria.
- Create a compact plan with risks and required approvals.
- Execute with domain best practices and clear artifacts.
- Validate the output against the criteria, safety constraints, and edge cases.
- Handoff with decisions, residual risks, and next steps.
Output Standard
- Use structured headings.
- Be specific and actionable.
- Call out assumptions.
- Include verification steps.
- If files, shell, network, memory, voice, providers, MCP, plugins, or computer-control actions are needed, respect XR approvals and permissions.
What ships with it
15 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- docs/operating-manual.md 1.1 KB
- docs/permissions.md 350 B
- docs/reasoning.md 177 B
- examples/basic.md 167 B
- examples/professional.md 605 B
- knowledge/checklist.md 177 B
- knowledge/playbook.md 935 B
- prompts/default.md 382 B
- prompts/diagnostic.md 558 B
- README.md 425 B
- templates/output.md 95 B
- tests/permissions.md 340 B
- tests/quality.md 389 B
- tests/selection.md 179 B
- xr-skill.json 11 KB
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 5d ago First seen · 40 lines · 23 tokens per session scan A 334cad4d058f
UI Designer is a skill published in the GitHub repository ahmadrrrtx/xr (6 stars, last pushed today), licensed MIT. It adds 23 tokens to every session and 310 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 0 findings. It is 86% identical to Brand Designer, differing in 14 lines, and is treated as a copy.
Other skills, from other repositories
design
Use when the user wants the visual/experiential design of a product done systematically — a design system, a screen, a landing page, or a visual identity — grounded in researched real-world prior art and free of AI slop. Establishes/extends the design system, invokes the matching local taste skill, dispatches the…
hatch3r-design-system-detect
Detects existing design tokens, component library, and theming convention in a project before authoring new UI primitives — output a concise inventory for downstream implementers.
Design System Component Reuse Guard
A code review check that spots new buttons, inputs, modals, cards, and similar interface pieces built from scratch when reusable design-system components already exist. It also suggests importing the existing component.
Design Token Enforcement
A code review check that finds hard-coded colors, spacing, font sizes, rounded corners, and shadows in frontend code when the project already provides design tokens. Design tokens are named shared values, such as a primary color or medium spacing.
Tailwind CSS Patterns
Use this skill when styling UI with Tailwind and you want consistent design tokens, maintainable class composition, and good accessibility defaults.
web-ui-polish
Transform rough web pages into premium, polished interfaces with glassmorphism, Apple-inspired layouts, and three switchable themes.