npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@zat-design/sisyphus-react-mcp

v4.7.0

Published

MCP server for @zat-design/sisyphus-react — 向 AI 编码助手暴露组件库的清单/API/示例查询能力

Readme

@zat-design/sisyphus-react-mcp

用途

Sisyphus MCP 向 AI 暴露真实的组件清单、API、TypeScript 类型和 demo。只查组件用法时单独使用 MCP;需要从截图或需求生成保险业务页骨架时,配合 Scene Agent 使用。

安装与版本

需要 Node.js 18+。新项目默认安装 npm latest 稳定版:

npm install @zat-design/sisyphus-react

在 Claude Code .mcp.json 或 Cursor .cursor/mcp.json 中配置:

{
  "mcpServers": {
    "sisyphus-react": {
      "command": "npx",
      "args": ["-y", "@zat-design/sisyphus-react-mcp"]
    }
  }
}

锁版或 beta 项目将组件库、MCP 和 Scene 均设为 @<完整版本>,三包必须完全同版。MCP 启动时会校验版本、schema v2 和 SHA-256。

MCP 工具

| MCP 工具 | 用途 | | ---------------------------- | ----------------------------- | | sisyphus-get-meta-status | 验证版本、schema 和元数据 | | sisyphus-search | 将业务语言映射到候选组件/能力 | | sisyphus-list-components | 确认候选组件存在 | | sisyphus-get-component-api | 获取候选组件的真实 API | | sisyphus-get-type | 核对公开 TypeScript 类型 | | sisyphus-list-examples | 按组件和场景词筛选 demo ID | | sisyphus-get-example | 获取选中的单个 demo 源码 | | sisyphus-get-examples | 仅供旧工作流兼容 |

推荐顺序

  1. sisyphus-get-meta-status
  2. 按需 sisyphus-search,再用 sisyphus-list-components 确认候选组件。
  3. 编码前调用 sisyphus-get-component-api,按需补查 sisyphus-get-type。
  4. 先 sisyphus-list-examples,再 sisyphus-get-example。
  5. 只使用已验证 API 编码并运行项目校验。