Skills Agentes

Shiki Code Blocks

Resalta la sintaxis de bloques de código con Shiki. Soporta renderizado en el servidor en RSC y cambio automático entre tema claro y oscuro.

Estrellas
20

en todo el repo

Actividad
46

0–100, la ruta de este skill

Actualizado
hace 3 meses

último commit aquí

Commits
1

últimos 90 días

Contexto
96 tok

30 tok en reposo

Paquete
1 archivo

385 B

Instalar

Funciona con cualquier agente que lea SKILL.md

npx -y skills add andrelandgraf/fullstackrecipes --skill shiki-code-blocks --agent claude-code

Se instala solo en este repositorio.

Este skill makes network requests.

Qué hace

  • Añade resaltado de sintaxis a bloques de código usando Shiki
  • Permite renderizado en el servidor dentro de React Server Components (RSC)
  • Cambia automáticamente entre tema claro y oscuro

Úsalo cuando

  • Se necesita resaltar sintaxis en bloques de código de una app
  • Se requiere que el resaltado funcione en RSC con SSR
  • Se quiere que el bloque de código cambie de tema según el modo claro/oscuro

No lo uses cuando

    Qué lo activa

    Di cualquiera de estas frases y el agente debería cargar este skill.

    • Añade resaltado de sintaxis con Shiki a mis bloques de código
    • Necesito que el código se renderice en el servidor con soporte de tema oscuro

    Archivos

    1 archivo en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.

    Antes de instalar

    Necesita en el PATH:curl

    Detalles

    Licencia
    No especificada
    Recursos incluidos
    Solo SKILL.md
    Código fuente
    Ver SKILL.md

    Más de andrelandgraf/fullstackrecipes

    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.

    Costo de contexto al activarse
    2.5k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 3 meses
    herramientas desarrollo

    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.

    Costo de contexto al activarse
    719 tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 3 meses
    herramientas desarrollo

    Rastrea eventos personalizados y conversiones con Vercel Web Analytics mediante track(). Úsalo al instrumentar acciones de usuario, conversiones o envíos de formularios.

    Costo de contexto al activarse
    483 tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 3 meses
    datos analitica

    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.

    Costo de contexto al activarse
    672 tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 3 meses
    desarrollo apis

    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.

    Costo de contexto al activarse
    89 tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 3 meses
    desarrollo apis

    Añade verificación de email, reseteo de contraseña y emails de gestión de cuenta a Better Auth usando Resend.

    Costo de contexto al activarse
    76 tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 3 meses
    desarrollo apis

    Skills relacionados

    Úsalo cuando la implementación esté completa, todos los tests pasen, y necesites decidir cómo integrar el trabajo.

    Costo de contexto al activarse
    1.9k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 25 días
    herramientas desarrollo

    Úsalo al empezar trabajo de feature que necesita aislamiento del workspace actual, o antes de ejecutar planes de implementación: asegura un workspace aislado vía herramientas nativas o fallback a git worktree.

    Costo de contexto al activarse
    1.7k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 2 meses
    herramientas desarrollo

    Úsala al crear nuevas skills, editar skills existentes o verificar que funcionan antes de desplegarlas.

    Costo de contexto al activarse
    6.6k tok
    Tamaño del paquete
    7 archivos
    Última actualización
    hace 25 días
    herramientas desarrollo