Impeccable
bestofjs/bestofjs
A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…
体验走查 skill。适用于代码库、URL、截图三种输入,输出结构化体验问题报告,并同步生成本地 docx 报告。触发词:体验走查、UX review、交互走查、界面审查、体验问题。
$ npx skills add XiaoMi/hiui --skill ux-walkthrough -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install XiaoMi/hiui ux-walkthrough --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/XiaoMi/hiui.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/hiui-workflow/ux-walkthrough .claude/skills/ux-walkthrough && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "ux-walkthrough" agent skill from https://github.com/XiaoMi/hiui/tree/master/skills/hiui-workflow/ux-walkthrough into .claude/skills/ux-walkthrough/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ux-walkthrough", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/XiaoMi/hiui/tree/master/skills/hiui-workflow/ux-walkthroughType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add XiaoMi/hiui --skill ux-walkthrough -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install XiaoMi/hiui ux-walkthrough --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/XiaoMi/hiui.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/hiui-workflow/ux-walkthrough .agents/skills/ux-walkthrough && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "ux-walkthrough" agent skill from https://github.com/XiaoMi/hiui/tree/master/skills/hiui-workflow/ux-walkthrough into .agents/skills/ux-walkthrough/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ux-walkthrough", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add XiaoMi/hiui --skill ux-walkthrough -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install XiaoMi/hiui ux-walkthrough --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/XiaoMi/hiui.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/hiui-workflow/ux-walkthrough .cursor/skills/ux-walkthrough && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "ux-walkthrough" agent skill from https://github.com/XiaoMi/hiui/tree/master/skills/hiui-workflow/ux-walkthrough into .cursor/skills/ux-walkthrough/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ux-walkthrough", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/XiaoMi/hiui.git --path skills/hiui-workflow/ux-walkthrough--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add XiaoMi/hiui --skill ux-walkthrough -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install XiaoMi/hiui ux-walkthrough --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/XiaoMi/hiui.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/hiui-workflow/ux-walkthrough .gemini/skills/ux-walkthrough && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "ux-walkthrough" agent skill from https://github.com/XiaoMi/hiui/tree/master/skills/hiui-workflow/ux-walkthrough into .gemini/skills/ux-walkthrough/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ux-walkthrough", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install XiaoMi/hiui ux-walkthroughInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add XiaoMi/hiui --skill ux-walkthrough -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/XiaoMi/hiui.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/hiui-workflow/ux-walkthrough .github/skills/ux-walkthrough && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "ux-walkthrough" agent skill from https://github.com/XiaoMi/hiui/tree/master/skills/hiui-workflow/ux-walkthrough into .github/skills/ux-walkthrough/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ux-walkthrough", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add XiaoMi/hiui --skill ux-walkthrough -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install XiaoMi/hiui ux-walkthrough --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/XiaoMi/hiui.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/hiui-workflow/ux-walkthrough .opencode/skills/ux-walkthrough && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "ux-walkthrough" agent skill from https://github.com/XiaoMi/hiui/tree/master/skills/hiui-workflow/ux-walkthrough into .opencode/skills/ux-walkthrough/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ux-walkthrough", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
ux-walkthrough体验走查 skill。适用于代码库、URL、截图三种输入,输出结构化体验问题报告,并同步生成本地 docx 报告。触发词:体验走查、UX review、交互走查、界面审查、体验问题。
UX Walkthrough is an agent skill from XiaoMi/hiui. 体验走查 skill。适用于代码库、URL、截图三种输入,输出结构化体验问题报告,并同步生成本地 docx 报告。触发词:体验走查、UX review、交互走查、界面审查、体验问题。
Its SKILL.md is about 1.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 60 other files, including scripts and reference files (for example `README.md`, `agents/openai.yaml` and `docs/onboarding/execution-sop.md`).
It sits in Frontend & Design, covering Word documents, UX design and Design systems. It works with Microsoft Word. The repository describes itself as: HIUI is a solution that is adequate for the fomulation and implementation of interaction and UI design standard for front, middle and backend. The licence is MIT.
2 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit f056c80. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Ships 1 file in scripts/, which the agent can run.
Shell commands in SKILL.md call:
python3From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
UX Walkthrough loads about 1.3k tokens when it runs, and up to ~33k if it reads all its reference files. Until then it costs about 27 tokens; SKILL.md has 351 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
The full file from XiaoMi/hiui at commit f056c80, republished under its MIT licence (© XiaoMi). 351 words, ~1,308 tokens.
.claude/skills/ux-walkthrough/SKILL.md (or your agent's skills folder). This skill also uses 55 other files; get the full folder from GitHub.对产品进行系统性体验走查,输出结构化报告与生成本地 .docx。
<SKILL_ROOT> = 本 skill 目录的绝对路径。
python3 <SKILL_ROOT>/scripts/<脚本>.py ...references/ux-checklist.md(UX 体验规则)references/hiui-template-baseline.md(Delta 走查;模板库全部典型页型,见该文页型索引)references/severity-rubric.md 为准,不用 checklist 预设 P 级代替report.json、标注校验和本地 .docx.docx 依赖 Python 包 python-docx;若环境缺失,该任务只能报告 docx_generation 失败,不能宣称完整完成| 输入 | 模式 | 文档 |
|---|---|---|
| 本地项目目录 | code | references/mode.md#code |
http(s) URL | url | references/mode.md#url |
| 图片 | screenshot | references/mode.md#screenshot |
无法判断时,只问一句最小必要澄清。
A 前置检查 → B 走查与报告 → C 生 docx 与完成自检python3 <SKILL_ROOT>/scripts/precheck_walkthrough.py <输入> --jsonnext_action、mode、status、gate;code 模式额外读 runtime_probecontinue_walkthrough → 进入 B;否则补证据 / 澄清 / 失败说明,不写完整报告next_action 可能被 runtime 探测改写:try_url_walkthrough → 对 runtime_probe.reachable_urls[0] 再跑 URL precheck,阶段 B 按 url 走start_dev_server_then_url_walkthrough → 先启动 runtime_probe.suggested_dev_command;成功则 URL precheck,失败则收窄 codefallback_code_walkthrough → 阶段 B 按 code 走,但须遵守体验边界(见 mode-code.md § 体验边界)code 运行时优先(混合走查):
try_url_walkthrough 或启动 dev 后拿到本地 URL → 切换 url 模式:浏览器截图 + 标注图,report.json 的 source=urlfallback_code_walkthrough → source=code,附录注明「未启动项目,结论基于代码推断」;只强报 code 可确定的体验问题顺序(不可变):
references/hiui-template-baseline.md 对应节(页型索引列全量页型)references/walkthrough-worksheet.md 的 Batch 1→4 顺序,逐条对照 references/ux-checklist.md 判断;每批填完工作表再进下一批related_examples 指向的锚点(禁止通读 issue-examples/*.md 全文);HiUI 页先问是否与 baseline 合规默认一致references/ignore-list.md(含 §5 HiUI)→ 去掉误报references/severity-rubric.md → 定 P0/P1/P2输出: 对话中完整 Markdown 报告(references/report-template.md)
整理 report.json 前,必须为 全部 17 条 填写 checklist_coverage(见 report-json.md):
pass 必须写 pass: <验证证据,>=8 字>,禁止裸 pass
issue / pending:... / n/a:... 规则见 report-json.md
禁止在交付报告中输出「HiUI 模板对齐」模块(HiUI Delta 仅走查阶段内部使用;issue 描述可保留 [HiUI-偏离] / [业务域] 标签)
标题格式:序号. [P级]标题
URL/截图模式:确定 issue 须有标注图与 images[].bbox
证据不足 → 标「待确认 / 待交互验证」,不写确定问题;仍不足则回到阶段 A,不硬写完整报告
--box;须用 annotate_issue.py(或 locate_in_screenshot.py + preview_bbox.py + annotate.py),输出到 output/annotations/*-annotated.png(流程见 annotation-style.md § 标注流程)references/report-json.md 整理 report.json;URL/截图模式的 issues[].images[] 须指向标注版、设 "annotated": true,并记录 "bbox": [x,y,w,h]python3 <SKILL_ROOT>/scripts/validate_checklist_coverage.py --report-json <report.json> --jsonpython3 <SKILL_ROOT>/scripts/validate_report_annotations.py --report-json <report.json> --jsonpython3 <SKILL_ROOT>/scripts/generate_docx.py \
--report-json <report.json> \
--output <SKILL_ROOT>/output/<项目名>-ux-report-<YYYYMMDD>.docx \
--jsonreferences/report-json.md § DOCXgenerate_docx.py 默认校验 checklist 覆盖与标注;未通过则不得 success 完成判断references/annotation-style.md(先 § 标注流程,再 § 样式);推荐工具:annotate_issue.pygenerated;失败路径已说明失败阶段和原因已分析 / 已出报告 / 已生 json 均不等于完成,docx 未生成不算完整完成。
| 阶段 | 必读 | 按需 |
|---|---|---|
| A | mode.md 对应锚点 | gates.md § 阶段 A |
| B | walkthrough-worksheet, hiui-template-baseline(HiUI 时), checklist, ignore-list, severity-rubric | — |
| C | report-template, report-json, annotation-style | annotate_issue.py, validate_checklist_coverage.py, validate_report_annotations.py |
默认不读: 底层脚本源码及与单次走查无关的维护说明
python3 <SKILL_ROOT>/scripts/detect_input_mode.py <输入> --json
python3 <SKILL_ROOT>/scripts/probe_dev_server.py <项目路径> --json
python3 <SKILL_ROOT>/scripts/check_evidence_gate.py --source <mode> ... --json序号. [P级]标题checklist_coverage 17 条均已填写,且 pass 均含 >=8 字验证证据validate_checklist_coverage.py 已通过images[].bbox 已记录validate_report_annotations.py 已通过docs/onboarding/gates.mdreferences/ux-checklist.mdreferences/walkthrough-worksheet.mdreferences/report-template.mdreferences/annotation-style.md© XiaoMi, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 55 other files (scripts, references) in skills/hiui-workflow/ux-walkthrough of XiaoMi/hiui.
Open the folder on GitHubat commit f056c80
UX Walkthrough next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| UX Walkthrough this skillXiaoMi/hiui | 877 | — | ~1.3k | Automated safety check: Pass | MIT | |
| Impeccablebestofjs/bestofjs | 3.1k | 27 repos | ~2.6k | Automated safety check: Pass | MIT | |
| Color Auditrome-os/rome | 725 | — | ~2.7k | Automated safety check: Pass | MIT | |
| Edit Figma Designwarpdotdev/warp | 65k | 1 repos | ~2.4k | Automated safety check: Pass | AGPL-3.0 | |
| Super UI UX Designsyahiidkamil/Software-Engineer-AI-Agent-Atlas | 401 | — | ~9k | Automated safety check: Pass | None | |
| Intentghaida/intent | 206 | — | ~11k | Automated safety check: Pass | CC0-1.0 |
bestofjs/bestofjs
A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…
rome-os/rome
Audit a design system's color palette against measurable color-science disciplines — WCAG/APCA contrast of declared token pairs, perceptual (OKLCH) ramp uniformity, color-blindness safety of…
warpdotdev/warp
Creates or revises Figma designs from a written description using the Figma MCP authoring tools, in a new blank file or an existing one.
syahiidkamil/Software-Engineer-AI-Agent-Atlas
Complete UI/UX design capability — a wiki-style knowledge map of design theory (UX laws, Nielsen heuristics, usability, visual hierarchy, typography, contrast/WCAG, design systems…
ghaida/intent
The entry point for Intent, a UX and design strategy system.
github/awesome-copilot
Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools.
XiaoMi/hiui
A skill your agent uses when the user's task involves HiUI (@hi-ui/) — writing HiUI components, debugging HiUI issues, querying HiUI props/docs, migrating from HiUI V4 to V5, or setting up React 19…
XiaoMi/hiui
可作为 hiui-page-workflow 等更大页面工作流的标准 S0 前置 skill,专注 B 端中后台与 HiUI 页面生成前的需求细化。将模糊或抽象的后台/管理台/运营台/配置台/审批流需求细化为可执行的产品方案、MVP 范围、用户流程、业务规则、可追踪页面清单、产品 PRD、全局生成上下文、页面级提示词和 HiUI 交接包。适用于澄清后台产品想法、把粗略需求转成 PRD…
XiaoMi/hiui
用于 React / HiUI 页面从需求细化到端到端生成与验收。适用于从模糊产品需求生成并验收页面、 HiUI 页面提测前检查、页面生成后做体验走查、页面从需求到实现再到 UX 验收闭环等任务。
XiaoMi/hiui
在 React 项目中接入、生成、修改、联调或验收 HiUI 典型页与非典型页面时使用。适用于 数据统计表、普通表格、树形表格、左树右表、数据可视化、异常反馈页、抽屉表单/详情、 全页编辑/详情、不规范原型截图转规范页、老旧系统截图/URL/源码现代化转译,以及 host-integration、rules-only、legacy-host-compatible 等场景。
Works with
Categories
体验走查 skill。适用于代码库、URL、截图三种输入,输出结构化体验问题报告,并同步生成本地 docx 报告。触发词:体验走查、UX review、交互走查、界面审查、体验问题。. UX Walkthrough is an agent skill from XiaoMi/hiui.
UX Walkthrough fits situations like: tasks that involve Word documents; tasks that involve UX design; tasks that involve Design systems.
Run `npx skills add XiaoMi/hiui --skill ux-walkthrough -a claude-code`. Or copy the skill folder (skills/hiui-workflow/ux-walkthrough in XiaoMi/hiui) into .claude/skills/ux-walkthrough in your project. Claude Code loads it when a task matches its description.
Run `npx skills add XiaoMi/hiui --skill ux-walkthrough -a codex`. Or copy the skill folder (skills/hiui-workflow/ux-walkthrough in XiaoMi/hiui) into .agents/skills/ux-walkthrough in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add XiaoMi/hiui --skill ux-walkthrough -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ux-walkthrough, .gemini/skills/ux-walkthrough, .github/skills/ux-walkthrough and .opencode/skills/ux-walkthrough in your project.
Going by SKILL.md and its folder, UX Walkthrough needs the command-line tools its instructions call (python3). Our summary lists: Python 3.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
UX Walkthrough is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.3k tokens (SKILL.md is roughly 5.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 31k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with UX Walkthrough: Impeccable (bestofjs/bestofjs, 3.1k stars), Color Audit (rome-os/rome, 725 stars), Edit Figma Design (warpdotdev/warp, 65k stars) and Super UI UX Design (syahiidkamil/Software-Engineer-AI-Agent-Atlas, 401 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
XiaoMi (a GitHub organization) maintains it in XiaoMi/hiui, which has 877 GitHub stars. The repository holds 5 skills in this directory. The repository was last updated on July 24, 2026.
Source: XiaoMi/hiui on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.