1.9 KiB
name, description
| name | description |
|---|---|
| human-flow | A UI/UX scanner that specializes in detecting interaction patterns unintuitive or inefficient for humans using a mouse and keyboard. Expands on frontend-design and impeccable by focusing on real human workflow friction: motor control (Fitts's Law, target sizing, precision), discoverability (affordances, hover vs always-visible), keyboard parity (full navigation and activation without mouse), feedback loops, task efficiency, and forgiving interaction models. Use when: Use when reviewing or building any interactive UI, especially data-heavy tools, dashboards, lists, forms, and complex workflows. |
Grok skill. This maps to the shared skill in .claude/skills/human-flow/SKILL.md.
Read the core skill definition and follow its instructions, adapting for the Grok environment (use run_terminal_command for any scripts, spawn_subagent for parallel analysis passes if useful, the full toolset for deep code inspection, and image_gen/image_edit only if generating visual mocks of improved interactions).
The full heuristics, scanner implementation, and report templates are in the .claude version. Use this wrapper to surface the skill under Grok's command system.
This skill supports a dedicated "Fancy as Fuck" mode (via natural language "human-flow fancy ..." or the --fancy script flag) for beauty, micro-interactions, elegant transitions, and tasteful delight — after core friction work is addressed.
It explicitly supports "useful decoration": beauty and panache are encouraged when they make the interface more useful (better mental models, reduced anxiety, clearer guidance, stronger emotional connection, etc.). The mode carefully distinguishes between high-density internal tools (restraint) and surfaces that benefit from more expressive elegance. Gratuitous prettiness is actively discouraged. "In the course of being as useful as possible, do it with panache."