/ Directorio / Playground / claude-skills
← Todos los servidores ↗ GitHub
● Comunidad jezweb ⚡ Instantáneo

claude-skills

por jezweb · jezweb/claude-skills

Habilidades de Claude Code full-stack para Cloudflare, React, Tailwind v4 e integraciones de IA — con opinión y al día.

Claude-skills de Jezweb es un conjunto pragmático de habilidades full-stack enfocadas en Cloudflare (Workers, D1, R2, KV), React moderno, actualizaciones de Tailwind v4 e integraciones comunes de IA (OpenAI, Anthropic, embeddings). Ideal para desarrolladores independientes y equipos pequeños que despliegan en el stack de Cloudflare.

▶ Ver demo 📦 Instalar 💡 Casos de uso

Por qué usarlo

Características clave

Demo en vivo

Cómo se ve en la práctica

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

Instalación

Repositorio del autor · Documentación oficial de Skills de Claude

Casos de uso

Usos del mundo real: claude-skills

Cómo desplegar una API de Cloudflare Worker respaldada por D1

👤 Desarrolladores full-stack que quieren una API Worker+D1 sin boilerplate ⏱ ~45 min intermediate

Cuándo usarlo: Quieres una pequeña API JSON con autenticación y persistencia, desplegada en Cloudflare.

Flujo
  1. Estructura
    Usa la habilidad de Cloudflare. Nuevo Worker con vinculación D1, router Hono, rutas: GET /todos, POST /todos, DELETE /todos/:id.✓ Copiado
    → Código de Worker + wrangler.toml + schema.sql
  2. Autenticación
    Agrega autenticación de token bearer usando un secreto en env.✓ Copiado
    → Middleware + instrucciones de wrangler secret put
  3. Despliegue
    Pasos de wrangler d1 execute + wrangler deploy.✓ Copiado
    → URL activa después del despliegue

Resultado: Una API Worker desplegada con persistencia D1.

Errores comunes
  • Las migraciones de D1 se desvían entre entornos — Usa wrangler d1 migrations create + apply; no ejecutes ad-hoc

Actualizar un proyecto de Tailwind v3 a v4

👤 Desarrolladores frontend en v3 que quieren pasar al nuevo motor de v4 ⏱ ~60 min intermediate

Cuándo usarlo: Estás en tailwind@3 y quieres adoptar el motor Oxide de v4 + configuración CSS-first.

Flujo
  1. Auditar la configuración actual
    Audita tailwind.config.{js,ts} para cualquier cosa que no se traslade 1:1 a v4.✓ Copiado
    → Notas de migración por clave de configuración
  2. Generar configuración v4
    Produce el equivalente de v4: @theme en una entrada CSS + actualizaciones de paquete.✓ Copiado
    → Entrada CSS + diff de package.json
  3. Corregir utilidades que se rompen
    Busca en la base de código las clases utilitarias eliminadas/renombradas y produce un mapa de reemplazo.✓ Copiado
    → Sugerencias de codemod

Resultado: Un PR de migración v4 listo para revisar.

Errores comunes
  • Conflictos del pipeline de PostCSS con el motor nativo de v4 — Elimina los plugins de PostCSS que reemplaza el motor de v4

Construir un endpoint RAG ligero en Workers

👤 Desarrolladores que agregan características de IA a una aplicación Cloudflare ⏱ ~90 min advanced

Cuándo usarlo: Quieres RAG sin configurar un servicio de BD vectorial.

Flujo
  1. Configurar Vectorize
    Aprovisiona un índice de Vectorize para embeddings. Usa OpenAI text-embedding-3-small.✓ Copiado
    → wrangler vectorize create + binding
  2. Script de ingesta
    Escribe una ruta de Worker /ingest que divide en fragmentos + incrusta + actualiza.✓ Copiado
    → Código de Worker con heurística de fragmentación
  3. Ruta de consulta
    Escribe /query que incruste la pregunta, recupere los top-k y llame a Claude/OpenAI con el contexto.✓ Copiado
    → Ruta de extremo a extremo

Resultado: Un pequeño pero real endpoint RAG desplegado en Cloudflare.

Errores comunes
  • Fragmentos demasiado grandes pierden recuperación; demasiado pequeños dañan el contexto — Comienza con 512 tokens, superposición 64; ajusta según tu corpus

Combinaciones

Combínalo con otros MCPs para multiplicar por 10

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

Revisión de seguridad de autenticación de Worker y endpoints RAG

Después de estructurar el Worker con autenticación, ejecuta una revisión OWASP en el middleware de autenticación.✓ Copiado

Herramientas

Lo que expone este MCP

HerramientaEntradasCuándo llamarCoste
Cloudflare Worker scaffolding - Nuevos proyectos de worker tokens de Claude
D1 + R2 + KV patterns - Conexión de persistencia tokens de Claude
React RSC patterns - Aplicaciones de la era RSC tokens de Claude
Tailwind v4 migration - actualizaciones de v3→v4 tokens de Claude
AI integrations - OpenAI/Anthropic/embeddings tokens de Claude

Coste y límites

Lo que cuesta ejecutarlo

Cuota de API
Ninguno a nivel de habilidad
Tokens por llamada
5-20k por tarea
Monetario
Habilidad gratuita; Cloudflare + OpenAI/Anthropic tienen su propio precio
Consejo
El nivel gratuito de Cloudflare cubre pequeñas APIs Worker; vigila el costo de Vectorize a escala.

Seguridad

Permisos, secretos, alcance

Almacenamiento de credenciales: Sin credenciales a nivel de habilidad. Wrangler maneja los secretos de CF.
Salida de datos: Los despliegues van a Cloudflare; cualquier llamada de IA va al proveedor configurado

Resolución de problemas

Errores comunes y soluciones

wrangler deploy falla en la ruta

Los patrones de ruta requieren que la zona esté en tu cuenta de CF; comprueba las rutas frente al fallback workers.dev

Verificar: wrangler deployments list
Las migraciones de D1 se aplican localmente pero no remotamente

Ejecuta wrangler d1 migrations apply <DB> --remote explícitamente

Alternativas

claude-skills vs otros

AlternativaCuándo usarlaContrapartida
Vercel + Next.js templatePrefieres la DX de VercelDiferentes precios y capacidades de plataforma

Más

Recursos

📖 Lee el README oficial en GitHub

🐙 Ver issues abiertas

🔍 Ver todos los 400+ servidores MCP y Skills