/ 目錄 / 演練場 / RampStack Skills
● 社群 rampstackco ⚡ 即開即用

RampStack Skills

作者 rampstackco · rampstackco/claude-skills

以一個 skill 套件涵蓋網站的完整生命週期——品牌聲音、設計、內容、SEO、開發、維運、成長、研究——技術堆疊無關。

RampStack 的 skills 套件涵蓋小型網站在其生命週期中所需的一切。技術堆疊無關,因此無論你用 Next.js、Astro 還是靜態 HTML,相同的 skills 都有效。

為什麼要用

核心特性

即時演示

實際使用效果

就緒

安裝

選擇你的客戶端

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "rampstack-skills": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/rampstackco/claude-skills"
      ],
      "_inferred": true
    }
  }
}

開啟 Claude Desktop → Settings → Developer → Edit Config。儲存後重啟應用。

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "rampstack-skills": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/rampstackco/claude-skills"
      ],
      "_inferred": true
    }
  }
}

Cursor 使用與 Claude Desktop 相同的 mcpServers 格式。專案級設定優先於全域。

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "rampstack-skills": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/rampstackco/claude-skills"
      ],
      "_inferred": true
    }
  }
}

點擊 Cline 側欄中的 MCP Servers 圖示,然後選 "Edit Configuration"。

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "rampstack-skills": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/rampstackco/claude-skills"
      ],
      "_inferred": true
    }
  }
}

格式與 Claude Desktop 相同。重啟 Windsurf 生效。

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "rampstack-skills",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/rampstackco/claude-skills"
      ]
    }
  ]
}

Continue 使用伺服器物件陣列,而非映射。

~/.config/zed/settings.json
{
  "context_servers": {
    "rampstack-skills": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/rampstackco/claude-skills"
        ]
      }
    }
  }
}

加入 context_servers。Zed 儲存後熱重載。

claude mcp add rampstack-skills -- git clone https://github.com/rampstackco/claude-skills

一行命令搞定。用 claude mcp list 驗證,claude mcp remove 移除。

使用場景

實戰用法: RampStack Skills

帶領小型網站完成上線

👤 Claude Code 使用者 ⏱ ~15 min intermediate

何時使用: 你是獨立創業者,需要所有生命週期功能,但不想用 10 種不同工具。

步驟
  1. 品牌
    執行品牌 skill——聲音 + 色彩✓ 已複製
    → 品牌產物
  2. 設計/內容/SEO
    依序通過 skill 堆疊✓ 已複製
    → 頁面起草完成
  3. 上線
    維運清單✓ 已複製
    → 網站上線

結果: 網站以一致的思路上線。

組合

與其他 MCP 搭配,撬動十倍槓桿

rampstack-skills + filesystem

將產物寫入你的專案

結合 rampstack-skills 與 filesystem:將產物寫入你的專案✓ 已複製

工具

此 MCP 暴露的能力

工具輸入參數何時呼叫成本
lifecycle skills (詳見文件) 每個階段一個 skill 1 次呼叫

成本與限制

運行它的成本

API 配額
不適用
每次呼叫 Token 數
中等
費用
免費
提示
依序使用 skills——後期的 skills 依賴前期的產物

安全

權限、密鑰、影響範圍

憑證儲存:
資料出站:

故障排查

常見錯誤與修復

跳步驟造成混亂

重新執行前面的 skills,確保產物存在

替代方案

RampStack Skills 對比其他方案

替代方案何時用它替代權衡
單一用途 skills你只需要某個階段缺乏一致性

更多

資源

📖 閱讀 GitHub 上的官方 README

🐙 查看未解決的 issue

🔍 瀏覽全部 400+ MCP 伺服器和 Skills