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/PyModel/designer-skillWrote 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/rules/pymodel/designer-skill/designer-skill-ui)<a href="https://agentmods.dev/rules/pymodel/designer-skill/designer-skill-ui"><img src="https://agentmods.dev/badge/rules/pymodel/designer-skill/designer-skill-ui/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/rules/pymodel/designer-skill/designer-skill-ui"><img src="https://agentmods.dev/badge/rules/pymodel/designer-skill/designer-skill-ui.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.00000 | $0.00403 |
| Opus 5.5 | $0.00000 | $0.00161 |
| Sonnet 5.5 | $0.00000 | $0.00081 |
| Haiku 4.5 | $0.00000 | $0.00040 |
Grade A, and why
designer-skill-ui 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 23d 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
Designer Skill MCP Rule
For UI, layout, component, page or visual design work:
- Call
get_preflight_brief. Audits and plans do not authorize edits. - Call
load_project_contextwith the absolute project root (cwd). Inspect existing tokens, components and states before choosing a direction. - Call
dispatch_intentand load only the references it recommends withget_reference(normally 1–4). - Bounded repairs preserve the existing identity: skip direction ceremony, or call
commit_design_directionwithmode: "preserve". For a new direction, call it with:register:brandorproductdesignRead: 20+ characters on this surface, audience and visual languagecontextSources: the project files you actually inspected (required, 1–32)- optional:
aesthetic,typographyDirection,layoutFamilies,designVariance/motionIntensity/visualDensity(whole numbers 1–10) A PASS validates inputs only.
- Make the smallest coherent authorized change.
- Call
review_and_gatewithcwdand the changed files astarget.staticStatus: FAIL→ fix the blocking findings.INCOMPLETE→ a required rule could not run (seeruleCoverage); report it, do not call it passed.- Overall
statusis never PASS:NOT_VERIFIEDmeans rendered, functional and accessibility checks still need their own evidence.
- Report task completion separately from UI readiness.
Copy to .cursor/rules/ in your project, or symlink from this file.
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.
- 23d ago Changed · -3 lines 2789e2ed1480
- 1mo ago First seen · 31 lines · 0 tokens per session scan A 0703886c6e69
designer-skill-ui is a cursor rule published in the GitHub repository PyModel/designer-skill (47 stars, last pushed 7d ago), licensed MIT. It costs nothing until one of its globs matches a file; then it loads 403 tokens. 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-30.
Other cursor rules, from other repositories
general
Wonder Blocks design system conventions, component patterns, and coding standards.
external-scale
Source: docs/agents/external-scale.md Regenerate: npm run agents:sync -w packages/openbridge-webcomponents -->.
taste-enforcement
These dials drive all downstream decisions. Adjust per-prompt when the user specifies a different mood.
design-animation-rules
Taste is trained, not innate. Reverse engineer animations. Inspect interactions. Unseen details compound — a thousand barely audible voices all singing in tune. Beauty is leverage.
ponytail
Ponytail, lazy senior dev mode. Always pick the simplest solution that works.
angular-20
This rule provides comprehensive best practices and coding standards for Angular development, focusing on modern TypeScript, standalone components, signals, and performance optimizations.