收录AI 工具
移动端UI尺寸规范与mobile-uiux-spec-skill
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//相关内容

开源Skill:用AI代码生成Q版历史动画视频
作者分享如何用Claude等AI agent,通过逐帧拆解原片、测量画面规律、生成代码动画的方式,制作出爆火的Q版历史故事视频。作者将整套流程封装成Skill并开源,包含风格规则、制作工具、例片代码和测量脚本,用户只需一条命令即可从选题到成片全自动生成视频,大幅降低动画制作门槛。

GitHub免费AI工具精选:10个项目与上手建议
文章盘点了GitHub上10个热门免费AI工具,按普通人使用门槛分为三组:易上手的语音、PPT和图表工具,科幻感强的数据可视化与Agent管理项目,以及面向程序员的逆向、编码技能包等。作者还指出下载源码不等于能直接运行,AI可辅助安装但风险需自己确认,并推荐新手从VoiceStudio、ppt-master、diagram-design三个工具开始。

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