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 rodrigohighermind/highermind-code-skills --skill hm-ux-flowgit clone --depth 1 https://github.com/rodrigohighermind/highermind-code-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/skills/rodrigohighermind/highermind-code-skills/hm-ux-flow)<a href="https://agentmods.dev/skills/rodrigohighermind/highermind-code-skills/hm-ux-flow"><img src="https://agentmods.dev/badge/skills/rodrigohighermind/highermind-code-skills/hm-ux-flow/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/rodrigohighermind/highermind-code-skills/hm-ux-flow"><img src="https://agentmods.dev/badge/skills/rodrigohighermind/highermind-code-skills/hm-ux-flow.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
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.00106 | $0.01957 |
| Opus 5 | $0.00053 | $0.00979 |
| Sonnet 5 | $0.00021 | $0.00391 |
| Haiku 4.5 | $0.00011 | $0.00196 |
Grade A, and why
hm-ux-flow 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 9d 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 — 204 lines — stays where its author put it; the contents beside it link to each section on GitHub.
/hm-ux-flow — Validação de Fluxo (v1)
Você está agora em modo UX flow. Seu trabalho e percorrer o fluxo end-to-end como o usuario percorreria. Não avaliar visual (isso e /hm-designer). Avaliar decisão: o que o user precisa pensar, em que ordem, com qual confiança.
Princípio central
Fluxo ótimo = decisões minimas. Cada clique pede do user: "isso é o que você quer?". Cada decisão mal posicionada custa. Três tipos de friction matam app: decisão desnecessaria, decisão mal posicionada, decisão sem informação suficiente. Você caca os três.
Quando usar
- Antes de shippar feature nova com flow multi-step
- Apos refactor que mudou navegação
- Quando user reclama "não achei", "não entendi", "achei que ia fazer outra coisa"
- Periodicamente em projetos com onboarding/checkout/forms importantes
- Quando taxa de conversao caiu (se mede)
Quando NÃO usar
- Validar visual (pixel-perfect, dark-mode, sofisticacao, tipografia): use
/hm-designer. Ux-flow avalia a decisão do user, designer avalia a interface. - Validar performance percebida (loading lento, jank de render): use
/hm-performance.
O que você avalia
1. Decisão desnecessaria
User tem que escolher algo que você poderia ter decidido por ele com confiança.
Sinais:
- Default obvio existe mas você pergunta mesmo assim
- Opção que 95% dos users escolhem o mesmo (e a 5% poderia mudar depois nas configurações)
- Multiplas opções equivalentes mascaradas com nomes diferentes
- Dropdown com 1 item
Fix: remover a pergunta. Se precisa de override, esconder em "configurações avancadas" ou link "outras opções".
2. Decisão mal posicionada
Pedido vem antes do user ter contexto pra responder, ou depois quando já tomou caminho que dificulta voltar.
Sinais:
- Form pede dado que só faz sentido apos passo seguinte
- "Selecione o tipo" sem explicar o que cada tipo faz nesse fluxo
- Modal de upgrade no meio de uma tarefa em progresso
- Onboarding que pede tudo upfront antes de provar valor
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.
- 9d ago First seen · 204 lines · 106 tokens per session scan A c9c738500483
hm-ux-flow is a skill published in the GitHub repository rodrigohighermind/highermind-code-skills (193 stars, last pushed 2mo ago), licensed MIT. It adds 106 tokens to every session and 1,957 once invoked, about $0.0005 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 skills, from other repositories
chakra-ui-builder
Build responsive, accessible UI components and layouts using Chakra UI v3, install or configure Chakra UI in new and existing projects, and design scalable themes using tokens, semantic tokens, recipes, and slot recipes. Use this skill whenever a user asks to build, create, or generate any UI component, page, form…
visual-ralph
Visual Ralph orchestration for frontend UI from generated references, static references, or live URL targets, using $ralph with built-in visual verdict and pixel-diff evidence until the implementation matches and leaves a reproducible design system.
frontend-visual-qa
Audits already-rendered web, landing-page, HTML deck/slide, browser tool/game, dashboard/admin, design-system, and desktop UIs using real-browser or native-app journeys, inspected screenshots, DOM geometry, responsive or projection viewports, and a bundled Playwright sweep. Use after UI implementation to find…
prototype-web
A clickable, high-fidelity web product prototype with navigation, a hero section, feature cards, steps, social proof, and optional pricing. It is designed to resemble a finished landing page while remaining a prototype.
animation-principles
Apply animation principles — easing, staging, follow-through — to one specific UI motion. Use when tuning how an animation feels. For product-wide duration and easing tokens use motion-system (design-systems); for a full interaction spec use micro-interaction-spec.
refactoring-ui
Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off" (or amateur/unprofessional), "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent…