中文 | English

桌面组件 - Widget Hub

🔗 Preview All Widgets

https://widget-js.github.io/widgets/#/

🤖 Generate Desktop Widgets with AI

1. Install Software

• AI coding tool (Claude Code, Trae, Codex, etc. — choose any one)
• Node.js
• WidgetHub Desktop Client

2. Install Skill

npx skills@latest add widget-js/skills

3. Configure the MCP Server in Your AI Coding Tool

{
  "mcpServers": {
    "widgetjs": {
      "transport": "streamableHttp",
      "url": "http://127.0.0.1:3606/mcp"
    }
  }
}

4. Invoke the Skill and Enter a Prompt

/widget Generate a stock widget, 4 by 4 in size, where users can select stock codes and the widget displays real-time prices and price changes.

📃 Full Documentation