Individual skill
mini-program-ui-device-skill
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 device-verification matrix. Separates proposed visual previews, user approval, source integration, local checks, and real-device evidence; never invents product functionality for visual completeness or claims device validation without device-specific proof.
skills/mini-program-ui-device-skill/SKILL.md
Source commit 2b7f9cb24f142125189b8757fcea489546d76ba7
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 4, 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)
- 95
- Repository last updated
- Nov 3, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- agent-skills Repository topic
- ai-agents Repository topic
- mini-program Repository topic
- software-engineering Repository topic
- wechat-mini-program Repository topic
- codex-skills Repository topic
- evidence-first Repository topic
- release-readiness Repository topic
- alipay Repository topic
- ci-cd Repository topic
- design Derived category
- design-interface Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 5,959 bytesSKILL.mdcore · 5,959 bytesagents/openai.yamlasset · 295 bytesassets/accessibility-matrix.mddoc · 1,444 bytesassets/asset-lineage-record.mddoc · 2,461 bytesassets/ui-device-evidence-record.mddoc · 1,623 bytesreferences/runtime-state-and-layout-contracts.mddoc · 10,642 bytesreferences/ui-device-workflow.mddoc · 4,280 bytes
Read excerpt
# /mini-program-ui-device-skill — 小程序界面与真机适配
以已确认参考目标和产品语义为准完成界面工作，并严格区分视觉预览、用户确认、正式集成、本地检查与真机证据。参考存在时，忠实度是可验证目标，不用主观“更漂亮”替代。
## 输入与阶段边界
- 接收已确认原型、截图、参考页面、设计系统、界面问题或设备反馈；先记录权威参考、允许变化、必须保护交互与未知项。
- 若请求涉及高影响视觉风格、角色形象、关键动画或大范围布局，先产出可独立查看的视觉预览，取得用户确认后才能正式集成。
- 缺少可渲染素材时，当场提供 2–3 个具名文字候选，分别说明视觉重点、变化范围与保持不变的产品语义，供用户先选方向；具名文字候选不等于已渲染预览，不能声称视觉效果、动效或设备表现已经得到验证。
- 用户明确要求立即查看效果且当前只读时，在回复中为每个候选附自包含 SVG 或 HTML 预览代码/可直接查看的数据内容，不写入项目；说明预览尺寸、状态和占位素材。它只证明候选画面可查看，不证明正式源码、动效、交互或真机表现。
- 不为了填满页面新增按钮、入口、奖励、状态或数据规则；产品语义冲突时退回产品决策。
- 模拟器或桌面预览不是真机；没有机型、操作步骤、截图/日志或设备结果时，不报告真机通过。
## 界面与设备流程