mcpField
S
swiftui-design-skill

swiftui-design-skill

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

关于 swiftui-design-skill

面向 iOS 和 macOS 应用设计者的 SwiftUI 视觉设计技能，涵盖设计方向、布局、字体、色彩、品牌素材和界面评审，侧重视觉呈现而非代码结构。

主要功能

  1. 01视觉方向与风格选择
  2. 02布局与间距体系
  3. 03字体与色彩指导
  4. 04品牌素材整合
  5. 05多维度界面设计评审

适用场景

  1. 01为新应用选择视觉方向
  2. 02改进风格单调的 SwiftUI 界面
  3. 03制作精致的 iOS 界面原型

安装

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

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

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

附带文件stub.yaml

详细介绍

swiftui-design-skill

目录条目占位 — 完整技能：wholiver/swiftui-design-skill

决策树

  1. 是否已安装完整技能？

    • 全局：f=~/.agents/skills/swiftui-design-skill/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • 项目：f=.agents/skills/swiftui-design-skill/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → 技能已以 swiftui-design-skill 名称安装，调用它并继续
    • pointer → 转到第 2 步

  2. 检测范围，然后安装：

    [ -e ~/.agents/skills/swiftui-design-skill ] && echo "global" || echo "project"

    全局：

    npx skills add wholiver/swiftui-design-skill --skill swiftui-design-skill -g -y

    项目：

    npx skills add wholiver/swiftui-design-skill --skill swiftui-design-skill -y

    Claude Code： 发送一条以 ! 开头的聊天消息来运行命令，无需离开对话。

注意

  • 许可证： MIT

安装后调用

  • 技能名称：swiftui-design-skill
  • 触发短语："SwiftUI design"、"SwiftUI visual design"、"iOS visual design"、"SwiftUI aesthetics"

功能

SwiftUI 视觉设计技能，用于构建独具特色的 iOS/macOS 界面，避免千篇一律的 AI 风格。它专注于美学层面，而非代码结构：设计方向与视觉风格选择、布局与间距系统、排版、色彩、品牌素材整合，以及对最终 UI 进行多维度设计审查。适用于 SwiftUI 屏幕看起来千篇一律或像 AI 生成的情况、为新应用选择视觉方向，或制作精致的 iOS 界面原型。

不适用场景

  • SwiftUI 代码架构、视图组合或惯用模式 → 使用 swiftui-patterns
  • iOS 26 Liquid Glass API、动画和经过验证的 UI 组件代码 → 使用 swiftui-claude-skills
  • 关注 Apple 平台交互/HIG 合规，而非视觉设计 → 使用 apple-hig-skills
  • 跨平台移动设计（Android + iOS）→ 使用 mobile-app-ui-design 或 mobile-app-design

评论

支持 Markdown