Skills de Google Labs Code

A scoring scale for evaluating how well a CLI is designed for AI agents, based on the "Rewrite Your CLI for AI Agents" principles.

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".

Configura la clasificación y resolución automatizada de incidencias de GitHub utilizando agentes de codificación Jules en paralelo

Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth. Retrieves screen metadata, HTML/CSS source, and design assets from Stitch projects via MCP Server tools to extract design tokens and visual patterns Synthesizes findings into structured DESIGN.md files covering atmosphere, color palette with hex codes, typography, component styling, and layout principles Translates technical values (Tailwind classes, border-radius, shadows) into evocative...

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...

Transforms vague UI ideas into polished, Stitch-optimized prompts with design system context. Assesses missing elements (platform, page type, visual style, colors, components) and fills gaps systematically Checks for and integrates DESIGN.md files to ensure consistency across multi-page projects Applies enhancement techniques including UI/UX keyword specificity, mood amplification, page structure organization, and proper color formatting Outputs structured prompts ready for Stitch...

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...

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.

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…

Ink terminal renderer for json-render that turns JSON specs into interactive terminal UIs. Use when working with @json-render/ink, building terminal UIs from…

Configurar un repositorio para la verificación local de GitHub Actions usando act, para que Jules pueda validar CI antes de hacer push

Convert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).

react:components — una habilidad instalable para agentes de IA, publicada por google-labs-code/stitch-skills.

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...

Create professional walkthrough videos from Stitch app designs using Remotion with smooth transitions and text overlays. Retrieves screens from Stitch projects and orchestrates them into Remotion video compositions with zoom effects, fade transitions, and contextual text overlays Supports modular component architecture with ScreenSlide and WalkthroughComposition components, plus advanced features like interactive hotspots and voiceover integration Generates screen manifests, downloads...

Expert guidance for discovering, installing, and customizing shadcn/ui components in your project. shadcn/ui is a copy-paste component collection, not a library—components live in your codebase for full ownership and customization without version lock-in Includes 50+ accessible, pre-built components (buttons, dialogs, forms, tables, etc.) built on Radix UI or Base UI primitives with Tailwind CSS styling Supports theme customization via CSS variables, component variants with...

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...

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...

Autonomous website builder using iterative Stitch generation with baton-passing loop coordination. Implements a relay pattern where each agent iteration reads a task from .stitch/next-prompt.md , generates a page via Stitch MCP, integrates it into the site, and writes the next task for continuation Manages Stitch project state through .stitch/metadata.json , persisting project IDs, screen metadata, and design theme across iterations Requires .stitch/DESIGN.md (visual design system) and...

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...

Find bugs in the Stitch SDK using a real API key. Covers standard functional edges and tricky situations.

Encuentra errores en el Stitch SDK usando una clave de API real. Cubre los bordes funcionales estándar y situaciones complicadas.

Develop the Stitch SDK. Covers the generation pipeline, dual modality (agent vs SDK), error handling, and Traffic Light (Red-Green-Yellow) implementation…

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)…

Diseñar el modelo de dominio para el SDK de Stitch. Úsese al mapear herramientas MCP a clases de dominio y enlaces en domain-map.json. Esta es la Etapa 2 de la generación…

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…

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.

Run the full Stitch SDK generation pipeline. Use when a new tool is added, or the SDK needs to be regenerated end-to-end.

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…

Generate or update the README for the Stitch SDK. Use the Bookstore Test structure and source the current API from the codebase. Use when the README needs to…

Use the Stitch SDK to generate, edit, and iterate on UI screens from text prompts, manage projects, and retrieve screen HTML/images. Use when the user wants to…

stitch-sdk-usage — una habilidad instalable para agentes de IA, publicada por google-labs-code/stitch-sdk.

Convierte código frontend (Vite, React, etc.) en un diseño de Stitch encadenando extracción de HTML estático, extracción del sistema de diseño y carga de archivos. **SIEMPRE** usa esto…

Extrae un sistema de diseño completo (DESIGN.md) directamente del código fuente del frontend — React, Vue, Svelte, Angular, HTML/CSS plano, o cualquier framework web.…

Extrae HTML estático autocontenido de una aplicación web construida o componentes React, incrustando CSS e imágenes. Usa esta habilidad siempre que necesites capturar un…

Generar nuevas pantallas a partir de indicaciones de texto o imágenes, editar pantallas existentes con indicaciones y tokens del sistema de diseño, y generar variantes de diseño usando Stitch MCP.…

Gestiona sistemas de diseño en Stitch utilizando herramientas MCP. Incluye la recuperación de activos, la creación/actualización de sistemas de diseño en Stitch y su aplicación a pantallas.

Convierte diseños de Stitch en componentes modulares de Vite y React, o sincroniza/actualiza componentes React existentes para alinearlos con los diseños más recientes de Stitch, utilizando…

Convierte diseños HTML de Stitch en componentes de React Native, o sincroniza/actualiza componentes nativos existentes para alinearlos con los diseños más recientes de Stitch, usando StyleSheet.

Subir activos locales (imágenes, maquetas, HTML extraído, markdown de diseño) a un proyecto de Stitch. USA SIEMPRE esta habilidad cuando necesites subir activos visuales, HTML…

Generates semantic design system files that enforce premium, anti-generic UI standards for Google Stitch screen generation. Produces DESIGN.md files encoding visual atmosphere, color calibration, typography rules, component behaviors, layout principles, and motion philosophy in Stitch-native semantic language Enforces strict anti-patterns: bans generic fonts (Inter, Times New Roman), neon aesthetics, overlapping elements, centered Hero sections, fabricated metrics, and AI copywriting clichés...

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,…

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.

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.

Architecture standard for building robust, type-safe TypeScript services using the "Spec and Handler" pattern. Use when building CLIs, libraries, or complex…

Architecture standard for building robust, type-safe TypeScript services using the "Spec and Handler" pattern. Use when building CLIs, libraries, or complex…

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…