G

Skills de Google Labs Code

agent-dx-cli-scale
google-labs-code
Una escala de puntuación para evaluar qué tan bien está diseñada una CLI para agentes de IA, basada en los principios de "Reescribe tu CLI para Agentes de IA".
official
automate-github-issues
google-labs-code
Configura la clasificación y resolución automatizada de incidencias de GitHub utilizando agentes de codificación Jules en paralelo
official
design-md
google-labs-code
Analiza proyectos de diseño de Stitch y genera archivos DESIGN.md semánticos como fuente de verdad para prompts. Recupera metadatos de pantalla, código fuente HTML/CSS y activos de diseño de proyectos de Stitch a través de herramientas del servidor MCP para extraer tokens de diseño y patrones visuales. Sintetiza los hallazgos en archivos DESIGN.md estructurados que cubren atmósfera, paleta de colores con códigos hex, tipografía, estilo de componentes y principios de diseño. Traduce valores técnicos (clases de Tailwind, border-radius, sombras) a un lenguaje evocador...
official
enhance-prompt
google-labs-code
Transforma ideas vagas de UI en prompts pulidos y optimizados para Stitch, con contexto del sistema de diseño. Evalúa elementos faltantes (plataforma, tipo de página, estilo visual, colores, componentes) y completa vacíos sistemáticamente. Revisa e integra archivos DESIGN.md para garantizar consistencia en proyectos de múltiples páginas. Aplica técnicas de mejora que incluyen especificidad de palabras clave UI/UX, amplificación de ambiente, organización de estructura de página y formato de color adecuado. Genera prompts estructurados listos para Stitch...
official
github-codebase-briefing
google-labs-code
Esta habilidad realiza una "lectura profunda" de un repositorio. Evita listados superficiales al comprender primero la arquitectura del proyecto y luego evaluar los elementos abiertos en ese contexto.
official
ink
google-labs-code
Renderizador de terminal Ink para json-render que convierte especificaciones JSON en interfaces de terminal interactivas. Úselo al trabajar con @json-render/ink, creando interfaces de terminal a partir de…
official
local-action-verification
google-labs-code
Configurar un repositorio para la verificación local de GitHub Actions usando act, para que Jules pueda validar CI antes de hacer push
official
react:components
google-labs-code
react:components — una habilidad instalable para agentes de IA, publicada por google-labs-code/stitch-skills.
official
remotion
google-labs-code
Crea videos tutoriales profesionales a partir de diseños de la aplicación Stitch usando Remotion, con transiciones suaves y superposiciones de texto. Obtiene pantallas de proyectos de Stitch y las organiza en composiciones de video de Remotion con efectos de zoom, transiciones de fundido y superposiciones de texto contextual. Admite una arquitectura de componentes modulares con componentes ScreenSlide y WalkthroughComposition, además de funciones avanzadas como puntos interactivos e integración de voz en off. Genera manifiestos de pantalla, descarga...
official
shadcn-ui
google-labs-code
Guía experta para descubrir, instalar y personalizar componentes shadcn/ui en tu proyecto. shadcn/ui es una colección de componentes de copiar y pegar, no una biblioteca: los componentes residen en tu código base para total propiedad y personalización sin bloqueo de versiones. Incluye más de 50 componentes accesibles y preconstruidos (botones, diálogos, formularios, tablas, etc.) construidos sobre primitivas de Radix UI o Base UI con estilo Tailwind CSS. Soporta personalización de temas mediante variables CSS, variantes de componentes con...
official
stitch-design
google-labs-code
Punto de entrada unificado del sistema de diseño para crear y editar pantallas de interfaz de usuario de alta fidelidad con Stitch MCP. Transforma ideas de diseño preliminares en indicaciones estructuradas utilizando terminología profesional de UI/UX y contexto del sistema de diseño. Sintetiza proyectos existentes de Stitch en documentos .stitch/DESIGN.md como "fuente de verdad" para mantener la coherencia entre pantallas. Enruta solicitudes de manera inteligente entre flujos de trabajo de generación de texto a diseño, edición de pantallas y documentación del sistema de diseño. Gestiona automáticamente activos mediante...
official
stitch-loop
google-labs-code
Constructor de sitios web autónomo que utiliza generación iterativa Stitch con coordinación de bucle de paso de testigo. Implementa un patrón de relevo donde cada iteración del agente lee una tarea de .stitch/next-prompt.md, genera una página a través de Stitch MCP, la integra en el sitio y escribe la siguiente tarea para continuar. Gestiona el estado del proyecto Stitch a través de .stitch/metadata.json, persistiendo IDs de proyecto, metadatos de pantalla y tema de diseño entre iteraciones. Requiere .stitch/DESIGN.md (sistema de diseño visual) y...
official
stitch-sdk-bug-bash
google-labs-code
Encuentra errores en el Stitch SDK usando una clave de API real. Cubre los bordes funcionales estándar y situaciones complicadas.
official
stitch-sdk-development
google-labs-code
Desarrollar el Stitch SDK. Cubre el pipeline de generación, la modalidad dual (agente vs SDK), el manejo de errores y la implementación del Semáforo (Rojo-Verde-Amarillo)…
official
stitch-sdk-domain-design
google-labs-code
Diseñar el modelo de dominio para el SDK de Stitch. Usar al mapear herramientas MCP a clases de dominio y enlaces en domain-map.json. Esta es la Etapa 2 de la generación…
official
stitch-sdk-pipeline
google-labs-code
Ejecuta el pipeline completo de generación del SDK de Stitch. Úsalo cuando se agregue una nueva herramienta o sea necesario regenerar el SDK de principio a fin.
official
stitch-sdk-readme
google-labs-code
Generar o actualizar el README para el Stitch SDK. Usar la estructura de Bookstore Test y obtener la API actual desde el código base. Usar cuando el README necesite…
official
stitch-sdk-usage
google-labs-code
stitch-sdk-usage — una habilidad instalable para agentes de IA, publicada por google-labs-code/stitch-sdk.
official
taste-design
google-labs-code
Habilidad del Sistema de Diseño Semántico para Google Stitch. Genera archivos DESIGN.md compatibles con agentes que aplican estándares de UI premium y antigénéricos — tipografía estricta,…
official
tdd-red-green-refactor
google-labs-code
Esta habilidad implementa un marco estructural para la programación asistida por IA, asegurando que cada línea de código sea verificable, tipificada y con propósito.
official
tdd-red-green-refactor
google-labs-code
Esta habilidad implementa un marco estructural para la programación asistida por IA, asegurando que cada línea de código sea verificable, tipificada y con propósito.
official
typed-service-contracts
google-labs-code
Estándar de arquitectura para construir servicios TypeScript robustos y seguros en tipos utilizando el patrón "Spec and Handler". Úselo al construir CLI, bibliotecas o sistemas complejos…
official