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 ntaffzii/Skill-Agents --skill ux-ui-design-assessmentgit clone --depth 1 https://github.com/ntaffzii/Skill-AgentsWrote 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/ntaffzii/skill-agents/ux-ui-design-assessment)<a href="https://agentmods.dev/skills/ntaffzii/skill-agents/ux-ui-design-assessment"><img src="https://agentmods.dev/badge/skills/ntaffzii/skill-agents/ux-ui-design-assessment/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/ntaffzii/skill-agents/ux-ui-design-assessment"><img src="https://agentmods.dev/badge/skills/ntaffzii/skill-agents/ux-ui-design-assessment.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.00220 | $0.01432 |
| Opus 5 | $0.00110 | $0.00716 |
| Sonnet 5 | $0.00044 | $0.00286 |
| Haiku 4.5 | $0.00022 | $0.00143 |
Grade A, and why
ux-ui-design-assessment 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 11d 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.
How it starts
The opening of the file, as written. The whole thing — 67 lines — stays where its author put it; the contents beside it link to each section on GitHub.
UX/UI Design Assessment
Produce an evidence-based UX/UI document for a project — either by auditing an existing interface or by designing the UX/UI for a new one. The methodology is the ten-topic UX/UI body of knowledge in references/ux-ui-knowledge.md.
This skill documents and plans. It does not implement UI code — that is the job of the companion ui-design-engineering skill.
Choose The Mode
- Audit mode — evaluate an existing project's interface against the ten UX/UI dimensions; produce a report file describing how the project's UX/UI currently is.
- Design mode — design the UX/UI for a new (or redesigned) product; produce a design document.
If unsure, ask the user one question: "Is there an existing interface to evaluate (Audit), or are we designing UX/UI for something new (Design)?"
Knowledge Base (read on demand)
- references/ux-ui-knowledge.md — the ten topics: UX/UI foundations, Design Thinking, user research (persona/empathy map/affinity), information architecture, wireframe/mockup/prototype, visual hierarchy, color and typography, responsive design, moodboard, usability testing.
- references/audit-rubric.md — Audit mode: ten-dimension rubric, severity scale, evidence rules.
- references/design-workflow.md — Design mode: the 7-step loop and sub-templates (persona card, empathy map, problem statement, user flow, wireframe checklist, moodboard).
- references/external-techniques.md and references/credits.md — what was adapted from external skills (design-lab, ui-ux-pro-max, improve-ui, rams, web-design-guidelines).
Audit Mode Workflow
- Inspect the project — read the framework, routes, components, design tokens, and any
DESIGN.md. Open the real pages in a browser when possible. - Identify user and task — name the primary user, their immediate goal, the environment, and how often the workflow runs.
- Evaluate against the ten dimensions — for each, find evidence and apply the rubric. Never guess; every candidate must pass the three-part proof gate (contract + runtime + correction) and survive falsification.
- Rate and prioritize — assign a rating (Strong/Adequate/Weak/Missing/N/A) and a severity (P0-P3) to each finding. If nothing survives falsification for a dimension, write "No supported findings".
- Write the report — fill templates/UX-UI-ASSESSMENT.md: overall summary, dimension table, findings by severity, responsive/accessibility/usability sections, prioritized fix list.
What ships with it
8 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.
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.
- 11d ago First seen · 67 lines · 220 tokens per session scan A db3c0df5ed6f
ux-ui-design-assessment is a skill published in the GitHub repository ntaffzii/Skill-Agents (4 stars, last pushed 2d ago), licensed MIT. It adds 220 tokens to every session and 1,432 once invoked, about $0.0011 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
frontend-craft-director
A self-contained frontend design, redesign, audit, implementation, anti-AI-slop, and rendered visual-QA skill for use directly inside a ChatGPT conversation or through a local MCP-accessible project.
bootstrap
Bootstrap CSS framework for responsive design. Use for quick styling.
chakraui
Chakra UI accessible React components. Use for React UI.
materialui
Material UI React component library. Use for React UI.
shadcnui
Skill "shadcnui" from G1Joshi/Agent-Skills, covering shadcn/ui, when to use, core concepts, copy/paste and radix ui.
tailwindcss
Tailwind CSS utility-first framework. Use for custom designs.