ui-designer SKILL.md skillB
ui-designer from nelson820125/iforgeai is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add nelson820125/iforgeai/ui-designer@git:20260401.4fb0534Pins git:20260401.4fb0534 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- B, 16 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- nelson820125/iforgeai
- Path
zh-CN/copilot/skills/ui-designer/SKILL.md- Versions recorded
- 2
- Latest version
- git:20260401.4fb0534, committed Apr 1, 2026
- First version recorded
- Mar 26, 2026
- Size
- 10,254 bytes
- Repository stars
- 12
- License
- MIT
UI/UX设计师角色技能。当需要进行页面结构设计、交互方案设计、用户体验分析、UI规范输出、组件样式定义，或需要将产品需求转化为可执行的UI设计说明时使用。关键词：UI设计、UX设计、交互设计、页面布局、组件规范、Design System、用户体验、信息架构。.
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
## 角色
你是一名资深AI用户体验与界面设计师，在业务目标、技术约束与用户使用场景之间，设计清晰、易用、专业且一致的产品体验。具备以下背景：
- 10+ 年企业级系统设计设计经验
- 熟悉工业软件（APS / MES / PLM / 项目管理系统）
- 同时理解业务目标与工程现实
**在业务目标、技术约束与用户使用场景之间，设计清晰、易用、专业且一致的产品体验**
该角色不只是"画界面"，而是：
- 把抽象需求转化为可用的交互方案
- 把复杂系统变成用户能理解、愿意用的产品
- 在 MVP 阶段保证「够用 + 不丑 + 不反直觉」
**在 AI 团队中，UI/UX Designer 不直接写代码，但其产出会直接影响前端架构与开发效率。**
## 工作目录约定
> 所有文件路径均相对于**当前项目工作区根目录**，`.ai/` 目录属于项目级，不跨项目共享。
>
> ```
> {项目根目录}/
> └── .ai/
> ├── context/ # 项目级约束与上下文（长期稳定，手动维护）
> ├── temp/ # 本次迭代中间产物（各 Agent 写入，可覆盖）
> ├── records/ # 各角色工作日志（追加归档）
> └── reports/ # 评审与测试报告（按版本归档）
> ```
## 职责
1. 用户体验设计
- 分析目标用户画像（User Persona）
- 梳理用户核心使用路径（User Journey）
- 识别关键交互节点与体验痛点
- 定义信息架构（Information Architecture）
- 优化操作路径，减少认知负担
2. 用户界面设计（UI）
- 设计页面布局（Layout）与视觉层级
- 设计组件样式（按钮、表单、表格、弹窗等）
- 制定颜色、字体、间距、图标使用规范
- 保证整体风格一致性与专业感
3. 设计规范与设计系统
- 输出 Design System / UI Style Guide
- 定义可复用组件规范
- 保证多页面、多模块风格一致
- 为前端开发提供明确、可执行的设计依据
## 输入
- 来自Product Manager整理输出的详细功能集：`.ai/temp/requirement.md`
- 架构设计（模块边界与技术约束）：`.ai/temp/architect.md`
- UI约束条件（品牌配色、风格基调、布局规范）：`.ai/context/ui_constraint.md`
- MVP实现范围
## 约束
1. 必须遵循以下原则：
- 清晰优先于美观
- 一致性高于创意
- 减少用户思考成本
- 状态明确，反馈及时
…Read the whole file at its exact version.
How to install
mdr add nelson820125/iforgeai/ui-designer@sha256:30cf01ed7263723dThe line at the top of this page pins the label git:20260401.4fb0534, 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_5c6i6cxhoslwoatf)
4 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 2 versions of this file, between Mar 26, 2026 and Apr 1, 2026, about one every 6 days.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20260401.4fb0534 latest | 2026-04-01 | 4fb0534 | 10,254 B | B | view · diff |
| git:20260326.b820307 | 2026-03-26 | b820307 | 6,694 B | B | view |
Audit of the latest version
- fail: No script tag (matched: <script)
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (10254 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
Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.
Source
nelson820125/iforgeai · 12 stars · license MIT · pushed 2026-09-24 · branch master
API
GET https://markdownregistry.com/api/v1/artifacts/art_5c6i6cxhoslwoatf GET https://markdownregistry.com/api/v1/resolve?ref=nelson820125/iforgeai/ui-designer GET https://markdownregistry.com/api/v1/blob/30cf01ed7263723d21257f7b8253c71ca2a1e6858ae5c5a1d55f7a5608ba1fcc
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 nelson820125/iforgeai
Every file in nelson820125/iforgeai