用途：该技能提供在 Directus 中构建生产级 Vue 3 UI 扩展的专家指导，覆盖自定义面板、接口、显示、布局与模块的开发。
主要能力：使用 @directus/extensions-sdk 与 Vue 3 Composition API 创建扩展；实现实时数据可视化、响应式设计，并与 Directus 组件库和主题系统集成；支持玻璃拟态等现代 UI 风格与移动端适配；可创建团队可复用的 UI 组件。
扩展类型：面板（Insights 模块的仪表盘部件）、接口（自定义数据录入组件）、显示（字段值自定义渲染）、布局（集合的替代视图）、模块（Directus 中的完整自定义区块）。
技术栈：Vue 3 Composition API、TypeScript、@directus/extensions-sdk、Vite 构建、Pinia（通过 useStores）状态管理、Vue Router（模块中导航）。
使用方式：通过 npx create-directus-extension@latest 初始化扩展，选择 panel、名称与 typescript 等选项；用 definePanel 或 defineInterface 配置元数据与选项；在 Vue 组件中通过 useApi、useStores 获取数据并渲染。
适用场景：构建数据可视化仪表盘面板、复杂数据类型的专用输入接口、自定义集合显示与布局、带 WebSocket 的实时组件、需要移动端一致性与主题集成的团队组件。
限制：资料未提供具体收费、价格、平台支持范围与效果数据；示例中的部分逻辑（如变化率计算）为占位实现，需替换为实际逻辑。