ワンクリックでManusで任意のスキルを実行

始める

main-shell-layout

スター2

フォーク1

更新日2026年4月27日 08:56

Main shell layout patterns for WPF UI pages and navigation

インストール

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

Manusで実行

ソース

ZiyaoZh

ZiyaoZh/BetterBTD

GitHub リポジトリを開く Creator のリポジトリを見る

ダウンロード

Manusで実行

技能 02: 主页面壳层布局

目标：构建稳定的应用骨架，承接所有业务页面。

结构模式

顶部: TitleBar
左侧: NavigationView
中央: Page 内容区域
覆盖层: Snackbar/全局提示

设计原则

导航是信息架构，不承载业务逻辑。
内容页通过路由切换，不直接在壳层写业务控件。
全局提示放在 ContentOverlay，保证跨页面可见。

实施要点

导航项按用户任务流排序，不按技术模块排序。
一级菜单放常用入口，二级菜单放同域高级能力。
Footer 保留设置等低频但必须存在的入口。

验收标准

新增页面不需要修改壳层布局结构。
切换页面后标题和状态反馈行为一致。

小规模代码用例

<Grid>
	<Grid.RowDefinitions>
		<RowDefinition Height="Auto" />
		<RowDefinition Height="*" />
	</Grid.RowDefinitions>

	<ui:TitleBar Grid.Row="0" Title="演示应用" />

	<ui:NavigationView Grid.Row="1"
					   OpenPaneLength="160"
					   IsBackButtonVisible="Collapsed">
		<ui:NavigationView.ContentOverlay>
			<ui:SnackbarPresenter x:Name="SnackbarPresenter" />
		</ui:NavigationView.ContentOverlay>
	</ui:NavigationView>
</Grid>

このリポジトリの他の Skills

同じリポジトリ

card-design-system

ZiyaoZh/BetterBTD

Card design language, controls, and interaction composition

2026-04-272

command-behavior-binding

ZiyaoZh/BetterBTD

Command binding and behavior-driven interaction patterns

2026-04-272

custom-composite-controls

ZiyaoZh/BetterBTD

Custom composite control design and reusable control packaging

2026-04-272

dialog-structure-pattern

ZiyaoZh/BetterBTD

Dialog structure and button layout patterns for WPF UI windows

2026-04-272

directory-architecture

ZiyaoZh/BetterBTD

View directory classification and architecture guidance

2026-04-272

global-feedback-and-tray

ZiyaoZh/BetterBTD

Global feedback, snackbar, and tray icon interaction patterns

2026-04-272

name	main-shell-layout
description	Main shell layout patterns for WPF UI pages and navigation

技能 02: 主页面壳层布局

目标：构建稳定的应用骨架，承接所有业务页面。

结构模式

顶部: TitleBar
左侧: NavigationView
中央: Page 内容区域
覆盖层: Snackbar/全局提示

设计原则

导航是信息架构，不承载业务逻辑。
内容页通过路由切换，不直接在壳层写业务控件。
全局提示放在 ContentOverlay，保证跨页面可见。

实施要点

导航项按用户任务流排序，不按技术模块排序。
一级菜单放常用入口，二级菜单放同域高级能力。
Footer 保留设置等低频但必须存在的入口。

验收标准

新增页面不需要修改壳层布局结构。
切换页面后标题和状态反馈行为一致。

小规模代码用例

<Grid>
	<Grid.RowDefinitions>
		<RowDefinition Height="Auto" />
		<RowDefinition Height="*" />
	</Grid.RowDefinitions>

	<ui:TitleBar Grid.Row="0" Title="演示应用" />

	<ui:NavigationView Grid.Row="1"
					   OpenPaneLength="160"
					   IsBackButtonVisible="Collapsed">
		<ui:NavigationView.ContentOverlay>
			<ui:SnackbarPresenter x:Name="SnackbarPresenter" />
		</ui:NavigationView.ContentOverlay>
	</ui:NavigationView>
</Grid>