---
title: Productivity
description: Data visualization dashboard for MCP Apps
---

Interactive charts with theme adaptation, multi-language support, fullscreen toggle, and bidirectional tool calls.

<img
  src="/images/showcase-productivity.png"
  alt="Productivity showcase"
  style={{ width: "100%", maxWidth: "960px", borderRadius: "12px" }}
/>

## Links

<CardGroup cols={2}>
  <Card
    title="Try the demo"
    icon="play"
    href="https://productivity.skybridge.tech/try"
  >
    Launch the live view experience.
  </Card>
  <Card
    title="View source on GitHub"
    icon="github"
    href="https://github.com/alpic-ai/skybridge/tree/main/examples/productivity"
  >
    Browse the full example code.
  </Card>
</CardGroup>

## Skybridge APIs used

- [`data-llm Attribute`](/api-reference/data-llm)
- [`useCallTool`](/api-reference/use-call-tool)
- [`useDisplayMode`](/api-reference/use-display-mode)
- [`useLayout`](/api-reference/use-layout)
- [`useOpenExternal`](/api-reference/use-open-external)
- [`useSendFollowUpMessage`](/api-reference/use-send-follow-up-message)
- [`useToolInfo`](/api-reference/use-tool-info)
- [`useUser`](/api-reference/use-user)
