斜杠命令学习卡

一款交互式学习卡片应用,提供GitHub Copilot和Claude Code中145+斜杠命令的详细信息、示例及练习功能。

  • by BrettReifs
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 BrettReifs/slash-cards

使用说明

砍牌

一个MCP应用程序,可在GitHub Copilot(VS Code、CLI、GitHub.com、Visual Studio、JetBrains、Xcode)和Claude Code(CLI、Agent SDK)上为145多个斜线命令呈现交互式闪存卡。

快速开始

npm install
npm run build
npm run serve        # HTTP server at http://localhost:3001/mcp
# or
npm run serve --stdio  # stdio transport for MCP clients

VS Code

在VS Code中打开此文件夹。这 .vscode/mcp.json 自动配置服务器。询问副驾驶: “显示可用的斜线命令”.

克劳德桌面

添加 claude_desktop_config.json:

{
  "mcpServers": {
    "slash-cards": {
      "command": "npx",
      "args": ["tsx", "/path/to/slash-cards/main.ts", "--stdio"]
    }
  }
}

特性

  • 8个平台上的145+个命令
  • 图库优先浏览器,具有最新优先、工作区相关性和字母排序功能
  • 可过滤的命令库(平台、类别、搜索)
  • 翻转卡片,上面有命令详细信息、示例、文档链接以及新的或更新的徽章
  • 学习模式包括真/假、多项选择、打字回忆和混合掌握课程
  • 对已审查的命令和薄弱环节进行本地保留跟踪
  • 主机原生主题(适用于VS Code和Claude主题)
  • 独立预览模式通过 dist/mcp-app.html?preview=1
  • 非UI主机的文本回退
  • 无障碍(WCAG AA、键盘导航、减少运动)

建筑

使用官方MCP Apps SDK构建(@modelcontextprotocol/ext-apps)使用工具+UI资源模式。React View通过Vite捆绑为单个HTML文件。