收录AI 工具

移动端UI尺寸规范与mobile-uiux-spec-skill

2026-11-070 阅读
AI 摘要 · 自动生成

文章系统梳理iOS、Android、小程序、H5、鸿蒙五大移动端的尺寸单位与适配陷阱,涵盖安全区、胶囊按钮、键盘遮挡等常见问题,并推出mobile-uiux-spec-skill用于统一计算和规划跨端尺寸,配合wg-skills体系提升AI生成UI的规范性。

核心要点

  • 01iOS用pt、Android用dp/sp、小程序用rpx、H5用CSS px、鸿蒙用vp/fp,单位不可混用
  • 02小程序自定义导航必须运行时获取statusBarHeight和胶囊矩形,不能写死
  • 03H5底部安全区用env(safe-area-inset-bottom),首屏高度优先验证dvh
  • 04空间职责分离:PageContainer管gutter、Card管padding、Footer管安全区
  • 05mobile-uiux-spec-skill可输出跨端设计交付说明与验收清单
文中提到的开源项目
原始来源 · 请支持原创

完整内容请访问原文:

考拉搞AI

//评论

0 条
加载中…

//相关内容

开源Skill:用AI代码生成Q版历史动画视频
收录2026-11-11

开源Skill:用AI代码生成Q版历史动画视频

作者分享如何用Claude等AI agent,通过逐帧拆解原片、测量画面规律、生成代码动画的方式,制作出爆火的Q版历史故事视频。作者将整套流程封装成Skill并开源,包含风格规则、制作工具、例片代码和测量脚本,用户只需一条命令即可从选题到成片全自动生成视频,大幅降低动画制作门槛。
猿大侠
0 阅读2 个开源项目
#Claude#AI视频生成#Skill开源
GitHub免费AI工具精选:10个项目与上手建议
收录2026-11-11

GitHub免费AI工具精选:10个项目与上手建议

文章盘点了GitHub上10个热门免费AI工具,按普通人使用门槛分为三组:易上手的语音、PPT和图表工具,科幻感强的数据可视化与Agent管理项目,以及面向程序员的逆向、编码技能包等。作者还指出下载源码不等于能直接运行,AI可辅助安装但风险需自己确认,并推荐新手从VoiceStudio、ppt-master、diagram-design三个工具开始。
食糖水
1 阅读5 个开源项目
#Agent#开源工具#AI语音
免费SSL自动续签原理拆解:CNAME委派是关键
收录2026-11-11

免费SSL自动续签原理拆解:CNAME委派是关键

文章拆解了ssl.inurl.link等平台实现“一次配置永久自动”SSL续签的底层原理:基于Let's Encrypt的90天免费证书,通过CNAME委派将域名验证从服务器转移到平台,平台持有续签职责并固定私钥,辅以告警兜底。结论是“永久自动”真实可行,前提是信任平台持有证书公钥侧,且无需登录服务器。
风信旗
0 阅读
#CNAME委派#DNS验证#SSL续签