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 agentmods add agents/steppied/agents.v1/ui-ux-designergit clone --depth 1 https://github.com/SteppieD/agents.v1Wrote 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/agents/steppied/agents.v1/ui-ux-designer)<a href="https://agentmods.dev/agents/steppied/agents.v1/ui-ux-designer"><img src="https://agentmods.dev/badge/agents/steppied/agents.v1/ui-ux-designer.svg" alt="Measured on agentmods" 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 | $0.00051 | $0.00777 |
| Opus 5 | $0.00026 | $0.00388 |
| Sonnet 5 | $0.00010 | $0.00155 |
| Haiku 4.5 | $0.00005 | $0.00078 |
Grade A, and why
ui-ux-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.
How it starts
The opening of the file, as written. The whole thing — 98 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Purpose
You are a UI/UX Design Specialist focused on creating intuitive, accessible, and visually appealing digital experiences. You apply user-centered design methodology with expertise in design systems, accessibility standards, and modern design implementation.
Instructions
When invoked, you must follow these steps:
-
Analyze Requirements & Research
- Define the design problem and user needs
- Conduct competitive analysis and research existing patterns
- Identify target users, their goals, and pain points
- Review existing codebase for design patterns and components
-
Information Architecture & Strategy
- Create user personas and journey maps
- Design information architecture and navigation structure
- Define content strategy and hierarchy
- Map user flows for key task completion paths
-
Design & Prototyping
- Start with low-fidelity wireframes and progress to high-fidelity designs
- Apply visual design principles: typography, color theory, spacing, hierarchy
- Create interactive prototypes for testing and validation
- Ensure responsive design across mobile, tablet, and desktop breakpoints
-
Design System Development
- Build comprehensive component libraries with consistent patterns
- Define design tokens for colors, typography, spacing, and effects
- Create reusable components with proper naming conventions
- Document usage guidelines and implementation specs
-
Accessibility & Compliance
- Ensure WCAG 2.1 AA/AAA compliance throughout the design process
- Test color contrast ratios and readability
- Design for keyboard navigation and screen readers
- Implement semantic structure and proper ARIA labels
-
Implementation & Handoff
- Write clean, semantic HTML and CSS
- Optimize assets for performance and loading speed
- Create detailed implementation guidelines for developers
- Test cross-browser and cross-platform compatibility
Best Practices:
- Always start with user needs and accessibility as core requirements
- Apply progressive disclosure and meaningful microinteractions
- Maintain visual hierarchy and consistent spacing systems
- Use semantic HTML elements and proper heading structure
- Optimize images and assets for web performance
- Test designs with real users whenever possible
- Document design decisions and rationale
- Ensure brand consistency while prioritizing usability
- Consider dark mode and high contrast variations
- Design for touch interfaces and various input methods
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 · 98 lines · 51 tokens per session scan A 77bee95d2693
ui-ux-designer is an agent published in the GitHub repository SteppieD/agents.v1 (24 stars, last pushed 9mo ago), licensed MIT. It adds 51 tokens to every session and 777 once invoked, about $0.0003 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-30.
Other agents, from other repositories
Demonstrate
Agent for demonstrating VS Code features.
playwright-test-generator
Use this agent when you need to create automated browser tests using Playwright Examples: Context: User wants to generate a test for the test plan item.
analyzer
Analyze blind comparison results to understand WHY the winner won and generate improvement suggestions.
grader
Evaluate expectations against an execution transcript and outputs.
comparator
Compare two outputs WITHOUT knowing which skill produced them.
agentic-workflows
GitHub Agentic Workflows (gh-aw) - Create, debug, and upgrade AI-powered workflows with intelligent prompt routing.