Metricui
React dashboard components — API lookup, code generation, and prop validation for AI tools.
Connector by mpmcgowen · GitHub account verified by the MCP Registry
Chalk Labs
Need help deploying Metricui?
Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.
Install
Works with Claude Code, Codex, VS Code, Cursor, Windsurf, Claude Desktop. Read the repository before you give any tool access to your data.
npx agentmarket install connector/mpmcgowen-metricui
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this server can do and what it asks for, from its tool list and install config. Checked Oct 25, 2026.
- Tools
- 8 read · 0 write · 0 delete · 5 not yet classified
- Secrets
- None asked for
- Install scripts
- Not scanned yet
- Runs as
- Node.js package
Tools by what they do 13
Read from the source code; the running server may list different tools.
Read 8 · Look things up without changing anything.
get_component_apiget_component_exampleget_setup_guidelist_componentssearch_componentssearch_docssuggest_formatvalidate_props
Not yet classified 5 · We could not tell from the name and description.
generate_dashboardgenerate_data_shapegenerate_provider_configgenerate_table_columnsinit_project
Tools (13)
Read from the source code; the running server may differ. Descriptions are the server’s own words; hidden characters are shown as [U+…].
generate_dashboardGenerate a COMPLETE, production-quality MetricUI dashboard with theme presets, MetricGrid auto-layout, DashboardHeader with live status, FilterProvider + PeriodSelector, advanced KpiCards (conditions, goals, sparkline overlays), charts with reference lines and threshold bands, data-driven Callout alerts, and rich DataTable. Returns a full page.tsx file ready to use.
generate_data_shapeGenerate the TypeScript interface for a component's required data shape
generate_provider_configGenerate MetricProvider configuration JSX with only the fields you need
generate_table_columnsGenerate DataTable column definitions from a list of fields
get_component_apiGet the full API reference for a specific MetricUI component — all props, types, defaults, examples
get_component_exampleReturns a complete, working code example for a MetricUI component with the requested features enabled. The example uses realistic sample data and has every relevant prop annotated. You adapt the values/labels to your specific use case — the structure and props are correct as-is.
get_setup_guideGet complete setup instructions for MetricUI — install command, provider setup, CSS imports, and framework-specific configuration for Next.js, Vite, or CRA.
init_projectInitialize a project for MetricUI — generates CLAUDE.md content with usage instructions so AI tools always use MetricUI components. Run this once per project.
list_componentsList all MetricUI components, optionally filtered by category
search_componentsSearch MetricUI components by use case description. Returns ranked results.
search_docsSearch all MetricUI documentation — components, props, types, patterns, format examples, and guides. Returns ranked results with snippets. Use this when a user asks conceptual questions like 'how do I set up dark mode?' or 'what format should I use for currency?'
suggest_formatSuggest the right format configuration for a value type
validate_propsValidate a MetricUI component's prop configuration — catches unknown props, type mismatches, deprecated usage, and common mistakes
Signals
- Stars
- 5
- Forks
- 0
- Open issues
- 0
- Weekly downloads
- 18
- Last commit (this folder)
- Mar 30, 2026 (7 months ago)
- Last release
- Mar 30, 2026 (7 months ago)
- Last package publish
- Mar 28, 2026 (7 months ago)
From GitHub (fetched Oct 24, 2026) and the package registry.
Details
- Registry name
io.github.mpmcgowen/metricui- Version
- 0.2.0
- Auth
- No auth
- Packages
- npm @metricui/mcp-server
- License
- MIT
- Repository
- github.com/mpmcgowen/metricui
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
Done for you
Rather not set it up yourself?
Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.
See how we build AI agents →Read the case studies
Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.
- launches shipped
- 50+
- launches shipped
- media placements
- 500+
- media placements
- founders on every account
- 2
- founders on every account
Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block
Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.
Get Metricui running in your business
Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.
Cite this page
Metricui MCP server. Agent Mart. https://agentmart.dev/connectors/mpmcgowen-metricui (last updated 2026-10-24)