Install
$ agentstack add skill-mblauberg-provenant-ui-ux-design ✓ scanned · ✓ verified — works with Claude Code, Cursor, and more.
Security review
✓ PassedNo issues found. Passed automated security review. · v0.1.0 How review works →
- ✓ Prompt-injection patterns
- ✓ Secret / credential exfiltration
- ✓ Dangerous shell & filesystem operations
- ✓ Untrusted network calls
- ✓ Known-malicious package signatures
What it can access
- ✓ Network access No
- ✓ Filesystem access No
- ✓ Shell / process execution No
- ✓ Environment & secrets No
- ✓ Dynamic code execution No
From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.
About
UI/UX design
Review or design production-grade frontend interfaces. Two branches share one entry point; the model picks the branch from what the request authorises, never a slash command.
Branches
- review (default, read-only). Evidence-bearing critique of the rendered
UI: visual hierarchy, accessibility, responsiveness, interaction states, copy and brand fit. No Write/Edit/NotebookEdit calls. Load [review](reference/review.md).
- design/make (write authority required). Design, implement, redesign or
polish an interface, including the interactive live codegen protocol. Load [setup](reference/setup.md), then [command routing](reference/command-routing.md); for live browser work, [live](reference/live.md).
A request framed as review stays on the review branch even when a fix looks obvious; escalate to design/make only under an explicit authority grant naming implement (or this skill under implement) as action-owner. Never infer write authority from review findings alone.
Lifecycle boundary
This skill supplies the frontend review and design methods; it is not a delivery lifecycle. Run every source-changing command inside implement. Route unsettled design intent through scope, design-document placement through engineering-docs, general source-diff review through code-review, and measured React performance work through react-performance. This skill cannot accept, release or certify its own work.
Detector evidence engine
scripts/detector/ is an antipattern and contrast-ratio engine (static HTML/CSS analysis, regex text scanning, full browser rendering) shared by both branches:
node "${AGENTS_HOME:-$HOME/.agents}/skills/ui-ux-design/scripts/detect.mjs" [file-or-dir-or-url...]
Review treats it as one evidence lane among several, never a substitute for manual inspection. Design/make may run it after edits to check for contrast/antipattern regressions; a clean result is evidence, not proof of completion.
Routing (design/make)
[Command routing](reference/command-routing.md) holds the full command catalogue, lookup tables and dispatch rules. No argument shows the grouped menu; a known first word follows its reference; an unknown first word is general design context. Implement complexity proportional to the chosen aesthetic; interpret context creatively and reject category-derived defaults.
Source & license
This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.
- Author: mblauberg
- Source: mblauberg/provenant
- License: MIT
Install and usage instructions live in the source repository linked above.
Reviews
No reviews yet — be the first.
Write a review
Versions
- v0.1.0 Imported from the upstream source.