关于 windows-app-developer
面向 Windows 桌面应用开发的技能,涵盖 WinUI 3、WPF 与 Windows App SDK。提供 XAML、MVVM、Windows 集成和 MSIX 打包方面的指导,也包括 WPF 迁移场景。
主要功能
- 01WinUI 3 与 WPF 开发指导
- 02XAML 布局和自定义控件
- 03MVVM 架构实施
- 04Windows 功能集成
- 05MSIX 打包流程
适用场景
- 01搭建新的 WinUI 3 应用
- 02将 WPF 应用迁移到 WinUI 3
- 03创建 XAML 界面和控件
- 04准备 Microsoft Store 应用打包
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ 404kidwiz/ claude-supercode-skills --skill windows-app-developer安装后在 Claude Code 中输入/windows-app-developer确认已加载。
详细介绍
Windows 应用开发者
用途
擅长使用 WinUI 3、WPF 和 Windows App SDK 构建现代 Windows 桌面应用。专注于基于 XAML 的 UI 开发、MVVM 架构、原生 Windows 集成,以及使用 MSIX 进行现代化打包。
适用场景
- 使用 WinUI 3 或 WPF 构建 Windows 桌面应用
- 为 Windows 应用实现 MVVM 架构
- 创建 XAML 布局和自定义控件
- 使用 MSIX 打包应用
- 与 Windows 功能集成(通知、任务栏、系统托盘)
- 将 WPF 应用迁移到 WinUI 3
- 实现 Windows 专属功能(跳转列表、动态磁贴)
- 构建可提交至 Microsoft Store 的应用
快速开始
在以下情况下调用此技能:
- 使用 WinUI 3 或 WPF 构建 Windows 桌面应用
- 为 Windows 应用实现 MVVM 架构
- 创建 XAML 布局和自定义控件
- 使用 MSIX 打包应用
- 与 Windows 功能集成(通知、任务栏)
以下情况请勿调用:
- 构建跨平台应用 → 使用 mobile-developer 或 electron-pro
- 控制台应用 → 使用相应的语言技能
- PowerShell GUI → 使用 powershell-ui-architect
- Web 应用 → 使用相应的 Web 技能
决策框架
Windows App Task?
├── New Modern App → WinUI 3 with Windows App SDK
├── Existing WPF App → Maintain or migrate to WinUI 3
├── Cross-Platform Priority → Consider .NET MAUI
├── Enterprise Internal → WPF with proven patterns
├── Store Distribution → MSIX packaging required
└── System Integration → P/Invoke or Windows SDK APIs
核心工作流
1. WinUI 3 应用设置
- 使用 Windows App SDK 模板创建项目
- 配置 Package.appxmanifest 中的功能
- 设置 MVVM 基础架构(CommunityToolkit.Mvvm)
- 实现导航和外壳结构
- 创建可复用的控件库
- 配置 MSIX 打包
- 为 Store 发布或旁加载分发设置 CI/CD
2. MVVM 实现
- 使用可观察属性定义 ViewModel
- 为用户操作实现命令
- 创建用于数据和业务逻辑的服务
- 设置依赖注入容器
- 在 XAML 中将 View 绑定到 ViewModel
- 实现导航服务
- 为 XAML 预览添加设计时数据
3. MSIX 打包
- 配置 Package.appxmanifest
- 定义应用标识和功能
- 设置视觉资源(图标、启动画面)
- 配置安装行为
- 使用证书为程序包签名
- 测试安装和更新
- 提交至 Microsoft Store 或进行内部部署
最佳实践
- 新项目使用 WinUI 3,旧项目维护使用 WPF
- 严格采用 MVVM,以便进行测试并实现关注点分离
- 使用 x:Bind,在编译时验证绑定
- 利用 Community Toolkit 实现常见模式
- 使用 MSIX 打包,获得现代化的安装体验
- 遵循 Fluent Design System,确保 UX 一致
反模式
- 代码隐藏逻辑 → 移至 ViewModel
- 同步 UI 操作 → 对 I/O 使用 async/await
- 直接从 View 调用服务 → 通过 ViewModel 调用
- 忽略 DPI 感知 → 在多个缩放比例下测试
- 缺少功能声明 → 在清单中声明所需功能
评论
支持 Markdown