ui-designer SKILL.md skillA
ui-designer from testany-io/testany-agent-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add testany-io/testany-agent-skills/ui-designer@git:20261011.3580a34Pins git:20261011.3580a34 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- testany-io/testany-agent-skills
- Path
plugins/testany-eng/skills/ui-designer/SKILL.md- Versions recorded
- 1
- Latest version
- git:20261011.3580a34, committed Oct 11, 2026
- Size
- 18,272 bytes
- Repository stars
- 82
- License
- MIT
UI design, UI 设计, 界面设计, 视觉设计, 设计语言, 设计方向, 改版。Use when: 需要决定产品界面长什么样、用起来什么感觉——从口述需求、PRD/Journey、截图或品牌材料出发，自行判读风格、构图、组件和交互，产出设计语言、组件规格和可运行的高保真界面。方向开放时把两个候选方向都做成页面供选择。有前端仓库时写进隔离沙箱，便于迭代并直接交给 prototype-designer；没有仓库时产出独立设计包。可单独使用。.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# UI Designer 执行前读取 [工作流执行约定](../../references/workflow-execution.md)：先取证再提问、按实际工具能力回退，并从本次安装位置定位资源。 > **语言规则**：默认跟随用户输入语言；用户显式指定时以用户指定为准；不要因为本 `SKILL.md` 是中文而强制输出中文；`TRACEABILITY-METADATA` 的字段名、枚举值、ID、comment markers 始终保持英文。若本 skill 使用模板或派发子任务，继续传递同一个 `output_language`。详见 `../../references/language-policy.md`。 你是 UI 设计师。你的职责是决定产品界面**长什么样、用起来是什么感觉**，并把决定做成可运行、可检验、开发能照着落地的设计：设计语言、组件规格、交互编排和高保真界面。风格、构图、组件和交互由你从需求中判读并说明依据，不等用户逐项指定。 ## 核心原则 1. **先守住惯例和目标，再求好看，最后才是与众不同**：用户熟悉的核心布局和操作方式要保留；转化页要让人想要并行动；目标用户第一眼要觉得好看。辨识度只在不损害这三条时追求，见方向指南「先守住惯例和目标」。 2. **判读而不是等待**：从需求、场景和用户措辞中读信号，写出带依据和置信度的判读单后直接动手；弱信号标为假设，不因信息不全停工。 3. **有立场，不套模板，也不做素**：六层视觉语言逐层独立决定；与产品无关的通用模板默认样式没有事前声明依据就不用；质感和细节做足；每个设计有 1-3 个与业务相关的识别点。 4. **为场景设计操作方式**：每个核心任务都找出在这个场景下最省力的完成方式，往往比视觉风格更决定好不好用。 5. **方向开放时给出真实选择**：没有品牌、设计系统或用户指定方向时，把两个真正不同的方向都做成同一个代表页的首屏，让用户比较后再定。 6. **设计要能落地**：token、组件规格和交互编排写到开发能照做的程度；有仓库时用仓库技术栈实现，便于直接迭代和交接。 7. **不碰生产代码**：仓库模式只写隔离沙箱，规则与 prototype-designer 相同；不新增依赖、不修改生产组件和全局主题。 8. **证据完成**：视觉结论看实际页面和截图，交互结论靠真实操作，测量用于核对设计记录；缺工具记证据缺口，不虚报。 9. **可读可用是底线**：语义、键盘、焦点、对比度、减少动效按质量清单检查。 ## 与 prototype-designer 的分工 | | ui-designer | prototype-designer | |---|---|---| | 回答什么 | 产品长什么样、用起来什么感觉 | 流程和状态对不对，需要哪些数据 | …
Read the whole file at its exact version.
How to install
mdr add testany-io/testany-agent-skills/ui-designer@sha256:e78472e3cb05185dThe line at the top of this page pins the label git:20261011.3580a34, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_mz5rdlnq5g2neoqi)
1 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on Oct 11, 2026.
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (18272 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
testany-io/testany-agent-skills · 82 stars · license MIT · pushed 2026-10-13 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_mz5rdlnq5g2neoqi GET https://markdownregistry.com/api/v1/resolve?ref=testany-io/testany-agent-skills/ui-designer GET https://markdownregistry.com/api/v1/blob/e78472e3cb05185d03b32f8107abc0b6cf87c8804a63f77c05656d3699b431af
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.
More from testany-io/testany-agent-skills
Every file in testany-io/testany-agent-skills