UX/UI Agent Skills is a set of instructions, design tokens, reusable components, accessibility rules, and design-system references that guide Claude in producing interface designs and code. It is intended for developers and designers who want framework-independent, token-based UI work with accessibility checks. The catalogue entries package these UX, UI, component, and validation workflows as Claude Code skills and related add-ons.
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.
git clone --depth 1 https://github.com/plugin87/ux-ui-agent-skillsWrote 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/mcp/plugin87/ux-ui-agent-skills/product-design-figma)<a href="https://agentmods.dev/mcp/plugin87/ux-ui-agent-skills/product-design-figma"><img src="https://agentmods.dev/badge/mcp/plugin87/ux-ui-agent-skills/product-design-figma/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/mcp/plugin87/ux-ui-agent-skills/product-design-figma"><img src="https://agentmods.dev/badge/mcp/plugin87/ux-ui-agent-skills/product-design-figma.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- Socket warn
Grade A, and why
figma 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 1mo 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.
What it actually says
{
"figma": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp",
"--stdio"
],
"env": {
"FIGMA_API_KEY": "${FIGMA_API_KEY}"
}
}
}What else .mcp.json configures
This page is one entry in a file that holds 2. Installing the file brings all of them; each is measured and scanned on its own page.
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.
- 1mo ago First seen · 13 lines scan A e0440eef7395
figma is an MCP server published in the GitHub repository plugin87/ux-ui-agent-skills (2,303 stars, last pushed 9d ago), licensed MIT. Its token cost is not measured: an MCP server costs its tool schemas, not its config file. 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-09-15.
Other mcp servers, from other repositories
dembrandt
Extract design tokens and publicly visible CSS information from any website. Runs locally from the dembrandt npm package.
mcp
Framework-aware Starwind UI v3 tools for Astro and React setup, components, docs, and migration. Runs locally from the @starwind-ui/mcp npm package.
atag-mcp
ATAG 2.0 (Authoring Tool Accessibility Guidelines) guidance for authoring tool developers. Runs locally from the atag-mcp npm package.
angular-cli
CLI tool for Angular. Runs locally from the @angular/cli npm package.
docs-langchain
MCP server "docs-langchain", hosted remotely at docs.langchain.com, as configured in langchain-ai/langchain.
component-explorer
MCP server "component-explorer" as configured in microsoft/vscode. Launched with npm exec --no -- component-explorer mcp -p ./test/componentFixtures/component-ex.