/ Каталог / Песочница / claude-skills
● Сообщество jezweb ⚡ Сразу

claude-skills

автор jezweb · jezweb/claude-skills

Full-stack Claude Code skills for Cloudflare, React, Tailwind v4, and AI integrations — opinionated and current.

Jezweb's claude-skills is a pragmatic set of full-stack skills focused on Cloudflare (Workers, D1, R2, KV), modern React, Tailwind v4 upgrades, and common AI integrations (OpenAI, Anthropic, embeddings). Good fit for solo devs and small teams shipping on the Cloudflare stack.

Зачем использовать

Ключевые функции

Живое демо

Как выглядит на практике

claude-skill-3.replay ▶ готово
0/0

Установка

Выберите клиент

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

Откройте Claude Desktop → Settings → Developer → Edit Config. Перезапустите после сохранения.

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

Cursor использует ту же схему mcpServers, что и Claude Desktop. Конфиг проекта приоритетнее глобального.

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

Щёлкните значок MCP Servers на боковой панели Cline, затем "Edit Configuration".

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

Тот же формат, что и Claude Desktop. Перезапустите Windsurf для применения.

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

Continue использует массив объектов серверов, а не map.

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

Добавьте в context_servers. Zed перезагружается автоматически.

claude mcp add claude-skill-3 -- git clone https://github.com/jezweb/claude-skills ~/.claude/skills/claude-skills

Однострочная команда. Проверить: claude mcp list. Удалить: claude mcp remove.

Сценарии использования

Реальные сценарии: claude-skills

How to ship a Cloudflare Worker API with D1 backing

👤 Full-stack devs wanting a Worker+D1 API without boilerplate ⏱ ~45 min intermediate

Когда использовать: You want a small JSON API with auth and persistence, deployed to Cloudflare.

Предварительные требования
  • Skill installed — git clone https://github.com/jezweb/claude-skills ~/.claude/skills/jezweb-skills
  • wrangler CLI — npm i -g wrangler && wrangler login
Поток
  1. Scaffold
    Use the Cloudflare skill. New Worker with D1 binding, Hono router, routes: GET /todos, POST /todos, DELETE /todos/:id.✓ Скопировано
    → Worker code + wrangler.toml + schema.sql
  2. Auth
    Add bearer token auth using a secret in env.✓ Скопировано
    → Middleware + wrangler secret put instructions
  3. Deploy
    wrangler d1 execute + wrangler deploy steps.✓ Скопировано
    → Live URL after deploy

Итог: A deployed Worker API with D1 persistence.

Подводные камни
  • D1 migrations drift between envs — Use wrangler d1 migrations create + apply; don't ad-hoc exec

Upgrade a Tailwind v3 project to v4

👤 Frontend devs on v3 wanting to move to v4's new engine ⏱ ~60 min intermediate

Когда использовать: You're on tailwind@3 and want to adopt v4's Oxide engine + CSS-first config.

Поток
  1. Audit current config
    Audit tailwind.config.{js,ts} for anything that doesn't port 1:1 to v4.✓ Скопировано
    → Per-config-key migration notes
  2. Generate v4 config
    Produce the v4 equivalent: @theme in a CSS entry + package updates.✓ Скопировано
    → CSS entry + package.json diff
  3. Fix breaking utilities
    Grep the codebase for removed/renamed utility classes and produce a replace map.✓ Скопировано
    → Codemod suggestions

Итог: A v4 migration PR ready for review.

Подводные камни
  • PostCSS pipeline conflicts with v4's native engine — Remove PostCSS plugins that v4's engine replaces

Build a lightweight RAG endpoint on Workers

👤 Devs adding AI features to a Cloudflare app ⏱ ~90 min advanced

Когда использовать: You want RAG without standing up a vector DB service.

Поток
  1. Set up Vectorize
    Provision a Vectorize index for embeddings. Use OpenAI text-embedding-3-small.✓ Скопировано
    → wrangler vectorize create + binding
  2. Ingest script
    Write a Worker route /ingest that chunks + embeds + upserts.✓ Скопировано
    → Worker code with chunking heuristic
  3. Query route
    Write /query that embeds the question, retrieves top-k, and calls Claude/OpenAI with the context.✓ Скопировано
    → End-to-end route

Итог: A small but real RAG endpoint deployed on Cloudflare.

Подводные камни
  • Chunks too large lose recall; too small hurt context — Start 512 tokens, overlap 64; tune based on your corpus

Комбинации

Сочетайте с другими MCP — эффект x10

claude-skill-3 + claude-code-owasp-skill

Security-review Worker auth and RAG endpoints

After scaffolding the Worker with auth, run OWASP review on the auth middleware.✓ Скопировано

Инструменты

Что предоставляет этот MCP

ИнструментВходные данныеКогда вызыватьСтоимость
Cloudflare Worker scaffolding - New worker projects Claude tokens
D1 + R2 + KV patterns - Persistence wiring Claude tokens
React RSC patterns - RSC-era apps Claude tokens
Tailwind v4 migration - v3→v4 upgrades Claude tokens
AI integrations - OpenAI/Anthropic/embeddings Claude tokens

Стоимость и лимиты

Во что обходится

Квота API
None at skill level
Токенов на вызов
5-20k per task
Деньги
Free skill; Cloudflare + OpenAI/Anthropic have their own pricing
Совет
Cloudflare free tier covers small Worker APIs; watch Vectorize cost at scale.

Безопасность

Права, секреты, радиус поражения

Хранение учётных данных: No credentials at skill level. Wrangler handles CF secrets.
Исходящий трафик: Deploys go to Cloudflare; any AI calls go to the configured provider

Устранение неполадок

Частые ошибки и исправления

wrangler deploy fails on route

Route patterns require the zone to be in your CF account; check routes vs. workers.dev fallback

Проверить: wrangler deployments list
D1 migrations apply locally but not remote

Run wrangler d1 migrations apply <DB> --remote explicitly

Альтернативы

claude-skills в сравнении

АльтернативаКогда использоватьКомпромисс
Vercel + Next.js templateYou prefer Vercel's DXDifferent pricing and platform capabilities

Ещё

Ресурсы

📖 Читать официальный README на GitHub

🐙 Открытые задачи

🔍 Все 400+ MCP-серверов и Skills