ui-craft SKILL.md skillA
ui-craft from suge8/friedbun is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add suge8/friedbun/ui-craft@git:20261021.c987d4dPins git:20261021.c987d4d in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- suge8/friedbun
- Path
skills/frontend/ui-craft/SKILL.md- Versions recorded
- 5
- Latest version
- git:20261021.4b53b7c, committed Oct 21, 2026
- First version recorded
- Oct 9, 2026
- Size
- 15,846 bytes
- Repository stars
- 12
- License
- MIT
新建、重设计、打磨或审查界面（页面、组件、弹层、落地页）时读，也用于单项的动效、配色、排版、图标、表单反馈、无障碍与移动端适配.
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 Craft 项目已有组件、token、lint、DESIGN.md 和平台规范时以它们为准；本文件补它们表达不了的品味和默认取值。 ## 开工 1. 读现有 Button、Input、菜单、Dialog、token 和一个相邻页面，全局尺寸沿用项目值。改已有界面时，先 grep 列出同类组件（Tab、Toast、弹层、行菜单、头像、图注、Radio）的全部实例，改在共享实现上，不逐处补。 2. 定主要输入（`pointer`、`touch`、`hybrid`）和一个默认密度（`compact`、`comfortable`、`touch`）；组件因业务例外时用语义变体承载。窗口变宽时增加内容、列或面板，控件尺寸固定。原生桌面应用用系统控件尺寸，下表供 Web、Electron 和自绘界面。 3. 新建或大改时，先从请求、README 和代码定主要用户与核心任务；每页一个主要任务，定好层级与焦点再选 Card、分栏、侧栏或长页结构。没有既有品牌时选一个明确视觉方向，直接落到配色、字体、间距和表面层级。 ## 动手前按情形读参考 任务涉及左列情形时，写代码前先读右列文件；动效取值、表单与反馈规则、图标描边都在参考里，本文件只有总则。 | 情形 | 读取 | |---|---| | 动效、转场、进出场、手风琴、Tab 指示条、弹簧 | `reference/motion.md` | | 拖拽、swipe、bottom sheet、carousel | `reference/gestures.md` | | 选图标、描边、品牌 logo、图标动效 | `reference/icons.md` | | 表单、设置开关、Label/Placeholder、校验、提交状态、Toast/Banner/Tooltip | `reference/forms-and-feedback.md` | | 删重复页眉、描述、helper、重复 CTA | `reference/content-reduction.md` | | 字体、字阶、行高、换行截断、混合方向 | `reference/typography.md` | | 调色板、语义色、对比度、暗色与高对比 | `reference/color.md` | | 焦点、键盘、读屏播报、命中区、禁用态、缩放重排 | `reference/accessibility.md` | | 手机上像网页：hover 粘住、100vh、输入放大、安全区、状态栏颜色 | `reference/mobile.md` | | 审查界面并出报告 | `reference/review.md` | ## 品味 …
Read the whole file at its exact version.
How to install
mdr add suge8/friedbun/ui-craft@sha256:44cc8aa00396cc03The line at the top of this page pins the label git:20261021.c987d4d, 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_v4tfq7jscs4wqucm)
1 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 5 versions of this file, between Oct 9, 2026 and Oct 21, 2026, about one every 3 days.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20261021.4b53b7c latest | 2026-10-21 | 4b53b7c | 15,846 B | A | view · diff |
| git:20261021.c987d4d | 2026-10-21 | c987d4d | 16,045 B | A | view · diff |
| git:20261014.c035de9 | 2026-10-14 | c035de9 | 16,344 B | A | view · diff |
| git:20261011.febc3d4 | 2026-10-11 | febc3d4 | 15,846 B | A | view · diff |
| git:20261009.b8d1191 | 2026-10-09 | b8d1191 | 15,590 B | A | view |
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 (15846 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
suge8/friedbun · 12 stars · license MIT · pushed 2026-10-21 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_v4tfq7jscs4wqucm GET https://markdownregistry.com/api/v1/resolve?ref=suge8/friedbun/ui-craft GET https://markdownregistry.com/api/v1/blob/44cc8aa00396cc038953db0613a5bdc2d2b21ba3be733644c05af9ab33ecdf4a
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.