LogoClawIndex
案例技能关于
LogoClawIndex

ios-style-designer - 遵循苹果HIG的iOS风格网页界面设计师

遵循苹果人机界面指南，为iOS/iPadOS原生设计模式构建网页界面

标签

更新于: 2026-03-09
界面设计iOS网页开发前端苹果HIG移动端设计

能力

实现玻璃态模糊效果应用SF Pro字体排版创建明暗模式设计设计底部抽屉

典型输入

苹果人机界面指南iOS设计模式网页环境要求

典型输出

HTML/CSS界面代码Tailwind CSS组件iOS风格UI设计

该技能可以做什么

  • 实现玻璃态模糊效果
  • 应用SF Pro字体排版
  • 创建明暗模式设计
  • 设计底部抽屉
  • 构建导航栏
  • 使用圆角矩形边角

输入

  • 苹果人机界面指南
  • iOS设计模式
  • 网页环境要求
  • 移动端界面规范

输出

  • HTML/CSS界面代码
  • Tailwind CSS组件
  • iOS风格UI设计
  • 移动网页应用布局

要求

  • 网页开发环境
  • 支持backdrop-filter的CSS
  • 移动响应式设计工具
  • 明暗模式测试能力

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。