Cargando la bóveda…
Cargando la bóveda…
Combo de 5 skills (Vercel Labs + Anthropic) que cierran el ciclo completo de Claude Code. find-skills es la meta-skill que instala a las otras 4 por vos. Después: mcp-builder conecta APIs, agent-browser navega web, web-design-guidelines audita diseño, frontend-design genera con estilo.
Claude Code arranca potente pero le faltan manos. Estas 5 skills cubren los huecos: encontrar lo que falta, conectarse a tus tools, entrar a internet, auditar y diseñar.
Lo importante: la primera, find-skills, es una meta-skill. Una vez instalada, las otras 4 se instalan por vos desde Claude — no buscás más en GitHub.
Le decís en lenguaje natural "necesito algo para auditar mi diseño" o "quiero conectar Claude a Notion" y entra al catálogo de skills.sh, encuentra la que sirve y la instala.
Es la puerta de entrada al resto. Sin ella, instalás las otras 4 a mano una por una. Con ella, le decís a Claude y listo.
npx skills add https://github.com/vercel-labs/skills --skill find-skillsLe describís una herramienta o API que usás y arma el server MCP que conecta a Claude con ella. Soporta Python y TypeScript, te guía por 4 fases: investigar, construir, revisar, probar.
Vos no escribís el código del server, pero código sí hay — Claude lo escribe a partir de tu descripción. La skill sabe cómo hacerlo bien.
npx skills add https://github.com/anthropics/skills --skill mcp-builderO /plugin marketplace add anthropics/skills si preferís plugin.
Le da a Claude un navegador real: entra a páginas, hace clic, saca info, prueba tu web como una persona.
En vez de mandar capturas enteras (caro), arma un menú numerado de botones/links y manda solo eso. Gasta hasta 10x menos tokens que Claude para Chrome o Playwright.
npx skills add https://github.com/vercel-labs/agent-browserVer Agent Browser para guía completa.
Toma más de 100 reglas de diseño de Vercel (accesibilidad, performance, tipografía, foco, responsive) y revisa tu página. Te dice qué está mal.
NO diseña. Es revisor, no generador. La que diseña es la #5.
npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelinesTrae direcciones estéticas con tipografías ya combinadas (minimalista, brutalista, retro-futurista, editorial) y empuja a Claude a elegir una de verdad en vez del default genérico.
Esquiva las señales típicas de IA: fuentes sobreusadas, degradados violeta cliché, layouts de molde. Tu página deja de verse "hecha por máquina".
npx skills add https://github.com/anthropics/claude-code --skill frontend-designDespués de instalar find-skills, pegá esto en Claude Code:
Tengo find-skills instalada. Usala para encontrar e instalar estas 4 skills, una por una, confirmando cada instalación:
1. mcp-builder (Anthropic) — servers MCP
2. agent-browser (Vercel) — navegador real
3. web-design-guidelines (Vercel) — auditoría de diseño
4. frontend-design (Anthropic) — estilos visuales
Para cada una: buscala en el catálogo, mostrame el comando, instalala, verificá. Si alguna no aparece, decímelo. No inventes nombres.1. BUSCA → find-skills te trae lo que necesitás
2. CONECTA → mcp-builder une Claude con tus tools
3. NAVEGA → agent-browser entra a la web
4. AUDITA → web-design-guidelines revisa
5. DISEÑA → frontend-design genera con criterioPedís una página → Claude la arma → la prueba en browser → la audita → la deja con estilo. Todo en el mismo hilo.
Cada skill suma contexto que Claude lee. Si recién arrancás, instalá find-skills sola y dejá que ella te traiga el resto cuando lo necesites.
Si usás Claude solo para escribir o investigar, las dos de diseño y agent-browser te quedan grandes. Con find-skills sola alcanza.
Para una tarea de 5 min ("leé este link y resumime"), no bajes el combo completo.
Si sabés exactamente qué usás, no cargues skills por cargar. Cada una es contexto extra en cada respuesta.
find-skills busca lo que existe. Skill Creator te arma una nueva si no hay.
Primero el setup base, después este combo.
Otro combo curado, complementario.