/ Diretório / Playground / claude-skills
← Todos os servidores ↗ GitHub
● Comunidade jezweb ⚡ Instantâneo

claude-skills

por 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.

▶ Ver demo 📦 Instalar 💡 Casos de uso

Por que usar

Principais recursos

Demo ao vivo

Como fica na prática

claude-skill-3.replay ▶ pronto
0/0

Instalação

Repositório do autor · Documentação oficial de Skills do Claude

Casos de uso

Usos do mundo real: 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

Quando usar: You want a small JSON API with auth and persistence, deployed to Cloudflare.

Fluxo
  1. Scaffold
    Use the Cloudflare skill. New Worker with D1 binding, Hono router, routes: GET /todos, POST /todos, DELETE /todos/:id.✓ Copiado
    → Worker code + wrangler.toml + schema.sql
  2. Auth
    Add bearer token auth using a secret in env.✓ Copiado
    → Middleware + wrangler secret put instructions
  3. Deploy
    wrangler d1 execute + wrangler deploy steps.✓ Copiado
    → Live URL after deploy

Resultado: A deployed Worker API with D1 persistence.

Armadilhas
  • 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

Quando usar: You're on tailwind@3 and want to adopt v4's Oxide engine + CSS-first config.

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

Resultado: A v4 migration PR ready for review.

Armadilhas
  • 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

Quando usar: You want RAG without standing up a vector DB service.

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

Resultado: A small but real RAG endpoint deployed on Cloudflare.

Armadilhas
  • Chunks too large lose recall; too small hurt context — Start 512 tokens, overlap 64; tune based on your corpus

Combinações

Combine com outros MCPs para 10× de alavancagem

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.✓ Copiado

Ferramentas

O que este MCP expõe

FerramentaEntradasQuando chamarCusto
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

Custo e limites

O que custa rodar

Cota de API
None at skill level
Tokens por chamada
5-20k per task
Monetário
Free skill; Cloudflare + OpenAI/Anthropic have their own pricing
Dica
Cloudflare free tier covers small Worker APIs; watch Vectorize cost at scale.

Segurança

Permissões, segredos, alcance

Armazenamento de credenciais: No credentials at skill level. Wrangler handles CF secrets.
Saída de dados: Deploys go to Cloudflare; any AI calls go to the configured provider

Solução de problemas

Erros comuns e correções

wrangler deploy fails on route

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

Verificar: wrangler deployments list
D1 migrations apply locally but not remote

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

Alternativas

claude-skills vs. outros

AlternativaQuando usarTroca
Vercel + Next.js templateYou prefer Vercel's DXDifferent pricing and platform capabilities

Mais

Recursos

📖 Leia o README oficial no GitHub

🐙 Ver issues abertas

🔍 Ver todos os 400+ servidores MCP e Skills