寻求Shell Toolkit(St)、Clutter组件的可视化文档及部件图库

GNOME Shell扩展开发确实只能依赖St和Clutter，不像Libadwaita有直观的可视化学习资源，以下是几个实用的学习途径：

1. 官方代码与调试工具 #

• 直接参考GNOME Shell仓库js/ui目录下的源码：面板通知、系统菜单、任务栏等核心UI都是用St/Clutter实现的，能看到组件的实际布局、交互逻辑，是最贴近实际开发的参考案例。
• 使用Looking Glass调试工具：按Alt+F2输入lg打开，可实时查看Shell界面的组件树，选中任意UI元素就能查看对应的St/Clutter类型、属性，还能在控制台实时测试代码效果。

2. 社区整理的实用指南 #

• 社区维护的GNOME Shell扩展开发指南：其中包含St基础组件（如St.Label、St.Button）的使用示例，搭配效果说明，能快速掌握基础组件的用法。
• Clutter场景化教程：部分社区博客会结合实际需求讲解Clutter布局容器（如Clutter.Box、Clutter.Grid）、动画效果的实现，附带可视化演示，弥补官方API文档的不足。

3. 扩展案例与实时调试 #

• 通过Extension Manager查看热门扩展源码：很多成熟扩展（如系统监控类、窗口管理类）会用到复杂的St/Clutter组合逻辑，拆解这些源码能快速掌握高级用法。
• 用GJS命令行编写测试脚本：比如快速创建St窗口并添加组件，运行后直接查看可视化效果，边写边调试，比纯看文档更高效。

多数扩展开发者都是通过拆解官方代码、分析成熟扩展来掌握St/Clutter的，多动手调试、查看组件树，是快速上手的关键。

内容的提问来源于stack exchange，提问作者user2456909