> ## Documentation Index
> Fetch the complete documentation index at: https://docs.skybridge.tech/llms.txt
> Use this file to discover all available pages before exploring further.

# Productivity

> Data visualization dashboard for MCP Apps

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

<img src="https://mintcdn.com/skybridge-alpic/XI38pgajnb4znwkn/images/showcase-productivity.png?fit=max&auto=format&n=XI38pgajnb4znwkn&q=85&s=f3bb8429e1f2c66c499e3363d07f3167" alt="Productivity showcase" style={{ width: "100%", maxWidth: "960px", borderRadius: "12px" }} width="951" height="436" data-path="images/showcase-productivity.png" />

## 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)