mcpField
P
platform-design-skills

platform-design-skills

github.com/podo设计与 UI29165 次安装1 天前更新
代码仓库

关于 platform-design-skills

platform-design-skills 是面向跨平台 UI 设计的规范包，整合 Apple Human Interface Guidelines、Material Design 3 和 WCAG 2.2 规则，适用于 iOS、Android、macOS 和 Web。

主要功能

  1. 01300 多条设计规则
  2. 02Apple HIG 指南
  3. 03Material Design 3 指南
  4. 04WCAG 2.2 无障碍规则
  5. 05四个平台的设计惯例

适用场景

  1. 01检查平台对应的触控目标
  2. 02选择符合平台惯例的导航模式
  3. 03应用排版与组件惯例
  4. 04审查无障碍要求

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill platform-design-skills

安装后在 Claude Code 中输入/platform-design-skills确认已加载。

附带文件stub.yaml

详细介绍

platform-design-skills

目录条目占位 — 完整软件包：ehmo/platform-design-skills

决策树

在进行任何跨平台 UI 设计工作前，请先执行以下步骤：

  1. 是否已安装 platform-design 技能？ 检查：~/.design-agent-skills/skills/platform-design/SKILL.md 是否存在（示例路径）。

    • 是 → 调用相关平台技能并继续
    • 否 → 前往第 2 步

  2. 你能访问 Shell 吗？

    • 能 → 运行下方的安装命令，然后调用该技能
    • 不能 → 显示安装命令；在 Claude Code 中，将其作为以 ! 开头的聊天消息发送 — 全局安装请添加 -g，仅用于当前项目则省略

安装命令

npx skills add ehmo/platform-design-skills

安装后调用

  • 使用以下命令检查已安装的技能名称：ls ~/.design-agent-skills/skills/ | grep platform
  • 触发短语："platform design"、"HIG rules"、"Material Design 3"、"cross-platform"

功能

整合了来自 Apple Human Interface Guidelines、Google Material Design 3 和 WCAG 2.2 的 300 多条设计规则。确保应用遵循 iOS、Android、macOS 和 Web 平台规范：包括正确的触控目标、导航模式、字体排印比例、组件行为以及各平台的无障碍要求。

评论

支持 Markdown