An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
Datastoria
AI-native ClickHouse console for your cluster diagnostics and query generation, optimization and data visualization.
Install
docker run -d -p 3000:3000 frankchen021/datastoria:latestclaude mcp add datastoria -- docker run -d -p 3000:3000 frankchen021/datastoria:latest{
"mcpServers": {
"datastoria": {
"command": "docker",
"args": [
"run",
"-d",
"-p",
"3000:3000",
"frankchen021/datastoria:latest"
]
}
}
}Install command taken from the project's README or registry entry. Always review code before running it.
README excerpt
Read full README on GitHub →DataStoria
The AI-native ClickHouse console for your cluster diagnostics, query generation, evidence-based optimization, intelligent visualization.
Demo
📖 More demo/screenshots at docs.datastoria.app
🚀 Key Features
🤖 AI Features
- Natural Language Data Exploration — Describe your data needs in plain English and receive optimized ClickHouse queries instantly.
- Smart Query Optimization — AI inspects schema, validates SQL, collects evidence, and recommends concrete ClickHouse performance improvements.
- Intelligent Visualization — Ask for a chart in plain language and DataStoria generates both the SQL and the visualization spec for time series, bar, pie, and table views.
- Agent SKILLs Supported — Skill-based agent architecture that saves tokens across multi-turn conversations; apply the Official ClickHouse Agent Skills to your ClickHouse
- Multiple Model Providers — Use OpenAI, Anthropic Claude, Google Gemini, GitHub Copilot, OpenRouter, Groq, Cerebras, Nebius and more.
- GitHub Copilot Integration — Sign in with GitHub device flow and use your existing Copilot subscription for chat, query assistance, and other AI-powered workflows.
⚡ Powerful Query Experience
- Advanced SQL Editor — Enjoy syntax highlighting, auto-completion, and query formatting for a seamless coding experience.
- Smart Error Diagnostics — Pinpoint syntax errors instantly with precise line and column highlighting, and get AI-powered fix suggestions with one click.
- System Log Inspector — Dive deep into query execution with timeline views, topology graphs, and performance analysis as well as Materialized Views, ZooKeeper states.
- One-Click Explain — Instantly understand query execution plans with visual AST and pipeline views.
- Dependency Graph — Visualize table relationships and trace data flows through Materialized Views, Distributed tables, and external systems.
📊 Cluster Monitoring & Management
- Multi-Cluster Support — Manage multiple ClickHouse clusters effortlessly from a single interface.
- Multi-Node Dashboard — Monitor all nodes with real-time metrics, merge operations, and replication status.
- Cluster wide Dashboards — Access pre-configured panels for query performance, ZooKeeper status, and more.
- Schema Explorer — Navigate databases, tables, and columns with an intuitive tree view.
🔒 Privacy & Security
- 100% Local Execution — All SQL queries run directly from your browser to your ClickHouse server, ensuring complete privacy.
- No Data Collection — Your credentials and query results never leave your machine.
- Bring Your Own API Key — Use your own LLM API keys for AI features, keeping your data under your control.
- Browser-Side Visualization Rendering — For AI-generated visualizations, the model produces SQL and chart specs while your browser fetches and renders the data locally.
🌐 Experience the app
Visiting dataStoria.app to experience all features without any installation.
🛠️ Build from Source
Prerequisites:
Follow these steps to build and run locally:
# Clone the repository
git clone --recurse-submodules https://github.com/FrankChen021/datastoria.git
cd datastoria
Similar plugs
Turn any codebase, with its docs, SQL schemas, configs, and PDFs, into a queryable knowledge graph. A /graphify skill for Claude Code, Cursor, Codex, and Gemini CLI: local…
The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create prototypes, websites, apps, dashboards, presentations, images, and videos with your team…
Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future…
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.