ui-design SKILL.md skillC
ui-design from mrpulor-gh/nuphus is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add mrpulor-gh/nuphus/ui-design@git:20260821.c0c683cPins git:20260821.c0c683c in mdr.lock. Pin the fingerprint instead.
- Audit grade
- C, 15 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- mrpulor-gh/nuphus
- Path
plugin/skills/builtin/ui-design/SKILL.md- Versions recorded
- 1
- Latest version
- git:20260821.c0c683c, committed Aug 21, 2026
- Size
- 16,635 bytes
- Repository stars
- 89
- License
- Apache-2.0
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 设计方法论 > 让 AI Agent 输出符合工业生产标准的专业级 UI，而非泛滥、雷同的「AI 味」设计。 --- ## 一、 核心原则 **先推理，后构建。** AI 最大的设计问题是跳过对业务逻辑和用户意图的深度分析，直接套用万能模板：居中 Hero 布局、饱和度过高的蓝紫渐变、无脑的 Inter 全家桶、以及满屏的毛玻璃卡片。这不叫设计，这叫向默认值妥协[cite: 3]。 本 Skill 旨在每个设计决策点插入强制推理步骤，让最终产出的每一行样式都有据可查[cite: 3]。 --- ## 二、 四阶段决策协议 (Design Protocol) 处理任何前端 UI 或组件生成任务时，必须严格按顺序执行以下四个阶段[cite: 3]。跳过任意阶段均视为任务失败[cite: 3]。 ### Phase 1 ── 采样定位 (Context Sampling) 在编写任何代码前，必须率先明确并输出以下两个维度的核心简报[cite: 3]： 1. **产品类型定义**：明确该项目的真实定位。属于 SaaS / 专业工具平台 / 复杂仪表盘 / 技术文档站 / 个人主页 / 电商 / 内容资讯站 / 还是企业后台管理系统[cite: 3]？ 2. **用户注意力模式**：用户的浏览状态是快速扫读（Scannable）、深度阅读（Deep Reading）、操作效率优先（Efficiency First）、还是随机浏览发现（Discovery）[cite: 3]？ ### Phase 2 ── 架构辩论 (Architectural Debate) 针对以下 7 个核心决策，必须写出 **【选择 + 核心论据 + 潜在反方论点 + 你的回应】**，以此逼迫设计走向深度思考[cite: 3]： 1. **布局骨架与信息密度**：根据受众选择稀疏、均衡还是极致密集，严禁直接套用万能的均衡间距[cite: 3]。 2. **主色调与色彩体系**：定义核心色彩和传达意图，必须明确说明为什么不使用泛滥的蓝紫渐变[cite: 3]。 3. **字体搭配排版**：明确定义标题字体与正文字体的对比搭配，禁止不加思考地单用一套字体走天下[cite: 3]。 4. **视觉质感与纯度**：在扁平（Flat）、微弱阴影（Subtle Shadow）、细线分隔（Border Divider）、玻璃质感（Glassmorphism）或粗糙质感（Brutalist）中选择一种，并确保全局视觉语言的纯粹与统一[cite: 3]。 5. **动效预算与节制**：根据交互性质定义动效级别。无 / 极低（仅 Hover 反馈） / 适中（滚动与状态触发） / 丰富（Hero 区域叙事编排）[cite: 3]。 …
Read the whole file at its exact version.
How to install
mdr add mrpulor-gh/nuphus/ui-design@sha256:3d508c900808ecceThe line at the top of this page pins the label git:20260821.c0c683c, 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_epg2wscqce6vkiky)
3 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on Aug 21, 2026.
Audit of the latest version
- fail: Frontmatter declares a name
- fail: Frontmatter declares a description
- pass: Frontmatter block present
- pass: Size between 200 bytes and 200 KB (16635 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
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
mrpulor-gh/nuphus · 89 stars · license Apache-2.0 · pushed 2026-10-31 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_epg2wscqce6vkiky GET https://markdownregistry.com/api/v1/resolve?ref=mrpulor-gh/nuphus/ui-design GET https://markdownregistry.com/api/v1/blob/3d508c900808ecceb4c8b59d2c8a806bc80434c8dbc6b74cf37dbeabb72b9309
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 mrpulor-gh/nuphus
Every file in mrpulor-gh/nuphus