Skills
.Work. You
Rest

smithery-homepage

Official

Edit your Smithery dashboard in one place

Software Engineering#React Query#MCP#dashboard#shadcn/ui#TanStack Start#Smithery Connect#typed API integration
Authorsmithery-ai
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It solves the problem of building and maintaining a personal dashboard that pulls live data from MCP tools without manually wiring authentication, server calls, caching, or UI updates.

Core Features & Use Cases

  • Create and evolve a persistent homepage: Sets up a TanStack Start + shadcn/ui app in ~/.smithery/homepage and supports ongoing feature additions or UI edits.
  • Connect MCP tools through Smithery Connect: Uses @smithery/api and @modelcontextprotocol/sdk to call MCP servers safely from server-side functions.
  • Reliable typed tool integration: Enforces React Query for all API requests, uses cached Zod schemas from real tool responses for validation, and standardizes loading/error handling.
  • Use Case: Show Linear issues, Gmail updates, Notion pages, or other MCP-powered results as homepage pages and widgets, then keep them fresh with cached queries and refetch behavior.

Quick Start

Use the smithery-homepage skill to scaffold the dashboard at ~/.smithery/homepage and then update a new route page to display data from one connected MCP tool.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: smithery-homepage
Download link: https://github.com/smithery-ai/cli/archive/main.zip#smithery-homepage

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.