Revisa código de UI para verificar el cumplimiento de las Web Interface Guidelines de Vercel.
en todo el repo
0–100, la ruta de este skill
último commit aquí
últimos 90 días
46 tok en reposo
1 KB
Funciona con cualquier agente que lea SKILL.md
npx -y skills add andrelandgraf/fullstackrecipes --skill web-design-guidelines --agent claude-codeSe instala solo en este repositorio.
Este skill makes network requests.
Di cualquiera de estas frases y el agente debería cargar este skill.
1 archivo en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.
Requiere acceso a WebFetch para descargar las guías desde la URL fuente antes de cada revisión.
Este repo incluye 28 skills. Si instalas uno, normalmente ya tienes los demás. Ver el pack fullstackrecipes entero y su comando de instalación
Guías para escribir contenido de fullstackrecipes: setup recipes, skills expuestas, cookbooks, templates y utilidades instalables del registro, pensadas para mantenedores del proyecto, no para consumidores del stack.
Descubre y sigue las recetas de fullstackrecipes (guías de setup, skills, cookbooks) obteniendo su Markdown; la meta-skill para encontrar y aplicar recetas correctamente.
Rastrea eventos personalizados y conversiones con Vercel Web Analytics mediante track(). Úsalo al instrumentar acciones de usuario, conversiones o envíos de formularios.
Lee sesiones en cliente y servidor, protege rutas y ejecuta sign in/up/out con Better Auth. Úsalo al restringir páginas/APIs por autenticación o al conectar flujos de auth.
Añade componentes de UI y páginas para flujos de autenticación: inicio de sesión, registro, recuperación de contraseña, restablecimiento de contraseña y verificación de email.
Añade verificación de email, reseteo de contraseña y emails de gestión de cuenta a Better Auth usando Resend.
Crea arte algorítmico con p5.js, aleatoriedad con semilla y exploración interactiva de parámetros. Úsalo cuando pidan arte por código, arte generativo, flow fields o sistemas de partículas.
Aplica los colores y la tipografía oficiales de la marca Anthropic a cualquier artefacto que pueda beneficiarse de su look-and-feel. Úsalo cuando apliquen colores de marca o estándares de diseño.
Crea arte visual en documentos .png y .pdf partiendo de una filosofía de diseño. Úsalo cuando pidan un póster, una pieza de arte, un diseño u otra pieza estática.
