mini-program-ui-device-skill SKILL.md skillA
mini-program-ui-device-skill from nocodemrli/mini-program-engineering-skill-suite is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add nocodemrli/mini-program-engineering-skill-suite/mini-program-ui-device-skill@git:20260928.e9e955aPins git:20260928.e9e955a in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- nocodemrli/mini-program-engineering-skill-suite
- Path
skills/mini-program-ui-device-skill/SKILL.md- Versions recorded
- 2
- Latest version
- git:20260928.e9e955a, committed Sep 28, 2026
- First version recorded
- Aug 13, 2026
- Size
- 5,959 bytes
- Repository stars
- 95
- License
- MIT
Design, preview, implement, and assess mini-program interfaces against an approved prototype, screenshot, visual reference, design system, or bounded UI request while preserving product semantics and existing accepted behavior. Use when users ask to reproduce a mini-program screen, refine visual hierarchy, adapt layouts across device sizes, handle safe areas or keyboards, inspect touch targets, scrolling, media, or gesture conflicts, compare an implementation with a reference, or prepare a…
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
# /mini-program-ui-device-skill — 小程序界面与真机适配 以已确认参考目标和产品语义为准完成界面工作，并严格区分视觉预览、用户确认、正式集成、本地检查与真机证据。参考存在时，忠实度是可验证目标，不用主观“更漂亮”替代。 ## 输入与阶段边界 - 接收已确认原型、截图、参考页面、设计系统、界面问题或设备反馈；先记录权威参考、允许变化、必须保护交互与未知项。 - 若请求涉及高影响视觉风格、角色形象、关键动画或大范围布局，先产出可独立查看的视觉预览，取得用户确认后才能正式集成。 - 缺少可渲染素材时，当场提供 2–3 个具名文字候选，分别说明视觉重点、变化范围与保持不变的产品语义，供用户先选方向；具名文字候选不等于已渲染预览，不能声称视觉效果、动效或设备表现已经得到验证。 - 用户明确要求立即查看效果且当前只读时，在回复中为每个候选附自包含 SVG 或 HTML 预览代码/可直接查看的数据内容，不写入项目；说明预览尺寸、状态和占位素材。它只证明候选画面可查看，不证明正式源码、动效、交互或真机表现。 - 不为了填满页面新增按钮、入口、奖励、状态或数据规则；产品语义冲突时退回产品决策。 - 模拟器或桌面预览不是真机；没有机型、操作步骤、截图/日志或设备结果时，不报告真机通过。 ## 界面与设备流程 1. 将参考目标拆为布局、层级、间距、尺寸、形态、色彩、字体、素材、交互和状态，并标记可精确比较项。 2. 建立 `proposed` → `proposal-approved` → `implemented` → `locally-verified` → `device-verified` 阶段记录；任何阶段不得自动升级。 3. 先制作视觉预览或最小差异方案；用户确认后，仅在授权范围内正式集成并保护已有资产与交互。 4. 检查最窄屏、最长文案、最大数字、空/加载/错误、动态字体（若支持）、安全区、键盘、横竖屏（若支持）和媒体容器；异步数据、可重入操作或复杂首屏按 [运行时解析状态、异步隔离与整页布局合同](references/runtime-state-and-layout-contracts.md) 建立 resolved 三态、attempt ID 与数值高度预算。 5. 核对触控热区、滚动容器、固定层、弹层、返回/下拉/横滑等行为，建立手势冲突矩阵并给出优先级与失败路径。 6. 分别记录静态检查、桌面/模拟器预览和真实设备结果；视觉对比采用相同状态、尺寸与素材，不能拿不同条件作结论。 7. 图片、图标、动画、音频或字体发生新增、处理或替换时，按 [资产谱系记录模板](assets/asset-lineage-record.md) 记录原始/衍生关系、处理方式、槽位、尺寸、透明通道、哈希、批准范围和替换关系。 …
Read the whole file at its exact version.
How to install
mdr add nocodemrli/mini-program-engineering-skill-suite/mini-program-ui-device-skill@sha256:80f9dbb5b610305dThe line at the top of this page pins the label git:20260928.e9e955a, 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_b4bt2ld7ndvbu6zr)
1 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 2 versions of this file, between Aug 13, 2026 and Sep 28, 2026, about one every 46 days.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20260928.e9e955a latest | 2026-09-28 | e9e955a | 5,959 B | A | view · diff |
| git:20260813.cfc2393 | 2026-08-13 | cfc2393 | 5,636 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 (5959 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
nocodemrli/mini-program-engineering-skill-suite · 95 stars · license MIT · pushed 2026-11-03 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_b4bt2ld7ndvbu6zr GET https://markdownregistry.com/api/v1/resolve?ref=nocodemrli/mini-program-engineering-skill-suite/mini-program-ui-device-skill GET https://markdownregistry.com/api/v1/blob/80f9dbb5b610305dcaa95cc31cd6573d013ad087631aa531a4794b5941e306ff
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 nocodemrli/mini-program-engineering-skill-suite
Every file in nocodemrli/mini-program-engineering-skill-suite