Menu

Individual skill

ui-designer

0upvotes

UI design, UI 设计, 界面设计, 视觉设计, 设计语言, 设计方向, 改版。Use when: 需要决定产品界面长什么样、用起来什么感觉——从口述需求、PRD/Journey、截图或品牌材料出发，自行判读风格、构图、组件和交互，产出设计语言、组件规格和可运行的高保真界面。方向开放时把两个候选方向都做成页面供选择。有前端仓库时写进隔离沙箱，便于迭代并直接交给 prototype-designer；没有仓库时产出独立设计包。可单独使用。

plugins/testany-eng/skills/ui-designer/SKILL.md

Read pinned source

Source commit 38b460cf3669f84ff6d1427d3d9b2a4a08e42233

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
No
Repository scan complete
No
Skill scan complete
No
Observed behavior
Not checked yet
Last checked
Nov 7, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings)
82
Repository last updated
Oct 23, 2026
License
MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

# 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. **为场景设计操作方式**：每个核心任务都找出在这个场景下最省力的完成方式，往往比视觉风格更决定好不好用。
Back to top