跳到正文
cccskills
免费在 GitHub 公开

ui

Design language and guidance, and review for the Internals Viewer app

中文简介正在准备中。当前显示原文说明。

danny-sg/internals-viewer星标 28(GitHub 28 + cccskills 0)

实测评分 未实测

查看安装方法

包含的文件(1)

  • SKILL.md1.8 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Design

Internals Viewer is a WinUI3 desktop application that displays dense and complex information about the internals of SQL Server. UI consistency is important, if the app is coherent, consisent, and intuative the complexity is easier to navigate and understand.

User flow is:

Connect to database > View allocations > Open detail view (Page/Index/Columnstore/Query)

The detail view then progressively show information about the specific area and link to each other.

Top level views are added as tabs. Tabs can contain Dock Tabs that add child elements as tabs that can be rearrange. These child elements can be singleton, fixed/unclosable, or tabs can be dynamically added by the view.

View Commandbar

All top level views should have a command bar with a consistent layout:

Title/Sub-title | Commands | Details (optional) | Navigation (optional)

  • Title/Sub-title gives information about the view type and the current object. It can also contain a navigation control if it is intrinsic to the type, e.g. the Page view has Page Address navigation in the title that shows the current address and allows a user to change it

  • Commands are view specific, but ordering should be consistent - for example if two views contain the same commands they should always be displayed in the same order relative to each other.

  • Details is specifc to the view but should always be presented the same, label/value in an aligned grid, max 2 rows, with label TextFillColorTertiaryBrush.

  • Navigation is right aligned, and optional depending on the view.

Views

Checks

  • Are colours/styles/fonts/font weights/padding/margins consistent across all views?
  • Are fonts/

Performance

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

testing

免费

Running and writing tests for Internals Viewer. Use when running the test suite or a single test, adding a test project or test class, interpreting test failures, or deciding whether a failure is a real regression or an environmental one.

中文简介正在准备中。当前显示原文说明。

danny-sg/internals-viewer282026年10月24日 更新

查看 danny-sg 的全部技能

报告此技能的问题