¿Qué incluye stitch-skills?

15 skills indexados en este directorio, repartidos entre 4 categorías, sobre todo Diseño y UI, Herramientas para desarrolladores, Desarrollo de APIs. Cada uno es un SKILL.md con sus propios archivos, y en la lista de esta página tienes los 15 con enlace a su ficha.

¿Cómo instalo todo el pack stitch-skills de una vez?

Con un solo comando: npx -y skills add google-labs-code/stitch-skills --agent claude-code. Instala los 15 skills del repositorio en el proyecto actual. Añade -g al final para dejarlos disponibles en toda la máquina, y cambia --agent si usas Cursor, Codex, Gemini CLI, Windsurf o Cline.

¿Puedo instalar solo uno de los skills?

Sí. Cada ficha de skill trae su propio comando con el selector --skill, así que puedes coger uno suelto sin traerte los 15. Es lo recomendable si solo necesitas una tarea concreta: cada skill instalado ocupa contexto en tu agente.

¿Qué licencia tiene stitch-skills?

El repositorio declara licencia Apache-2.0. Los archivos son del autor; este directorio solo los indexa y enlaza al origen.

¿Quién mantiene stitch-skills?

google-labs-code, en GitHub. El último push al repositorio se registró el 17 de agosto de 2026.

Pack de 15 skills

stitch-skills

google-labs-codestitch-skills

Colección de skills para agentes que trabajan con Google Stitch a través del servidor Stitch MCP, cubriendo diseño, generación de código y utilidades de sistema de diseño.

diseno uiherramientas desarrollodesarrollo apisvideo

Skills: 15
Categorías: 4
Estrellas: 8.3k
Forks: 1.1k
Último push: hace 2 meses
Licencia: Apache-2.0

Instalar

Funciona con cualquier agente que lea SKILL.md

npx -y skills add google-labs-code/stitch-skills --agent claude-code

Instala todos los skills del repositorio, solo en este proyecto.

Instala los 15 skills del repositorio de una vez. Cada ficha individual trae su propio comando si solo quieres uno — cada skill instalado ocupa contexto en el agente.

Qué cubre este pack

Este repositorio agrupa quince skills organizadas en tres plugins que dependen del servidor Stitch MCP. El plugin de diseño incluye generate-design para crear y editar pantallas, code-to-design y extract-static-html para partir de código frontend existente, manage-design-system y extract-design-md para trabajar con archivos DESIGN.md, y upload-to-stitch para subir assets. El plugin de build cubre la conversión de pantallas de Stitch a react-components, react-native y react-vite-dashboard, además de remotion para generar videos de walkthrough y shadcn-ui como guía de integración de componentes. El plugin de utilidades aporta enhance-prompt, stitch-loop, design-md y taste-design para refinar prompts y generar sistemas de diseño en DESIGN.md.

Quien trabaje en un flujo completo con Stitch —desde generar una pantalla hasta convertirla en componentes React o React Native y documentar el sistema de diseño resultante— encontraría sentido en instalar los tres plugins juntos, dado que el README advierte de dependencias entre skills. Equipos centrados solo en una parte del flujo, como extraer DESIGN.md desde código existente o generar videos de presentación, pueden instalar plugins o skills sueltas.

Todas las skills requieren tener configurado el servidor Stitch MCP; no funcionan como herramientas de diseño independientes sin esa integración.

Skills destacados

Los 15 más populares del pack, sobre Diseño y UI, Herramientas para desarrolladores, Desarrollo de APIs.

Design Md

8.3k

Analiza proyectos de Stitch y sintetiza un sistema de diseño semántico en archivos DESIGN.md.

Costo de contexto al activarse: 1.9k tok
Tamaño del paquete: 3 archivos
Última actualización: hace 5 meses

Oficialdiseno ui

Enhance Prompt

8.3k

Convierte ideas vagas de UI en prompts pulidos y optimizados para Stitch: añade especificidad, palabras clave de UI/UX, contexto de sistema de diseño y estructura la salida.

Costo de contexto al activarse: 1.7k tok
Tamaño del paquete: 3 archivos
Última actualización: hace 5 meses

Oficialdiseno ui

Made With JEV

The #1 directory of projects built with Jev

Visitar Made With JEV

React Vite Dashboard

8.3k

Convierte diseños de Stitch en dashboards React + Vite en producción con TanStack Query, tokens accesibles desde DESIGN.md y patrones listos para Web3 (ethers/viem).

Costo de contexto al activarse: 926 tok
Tamaño del paquete: 2 archivos
Última actualización: hace 3 meses
Permisos

Oficialdesarrollo apis

Remotion

8.3k

Genera videos de walkthrough a partir de proyectos Stitch usando Remotion, con transiciones suaves, zoom y overlays de texto.

Costo de contexto al activarse: 3.2k tok
Tamaño del paquete: 7 archivos
Última actualización: hace 3 meses
Permisos

Oficialvideo

Shadcn Ui

8.3k

Guía experta para integrar y construir aplicaciones con componentes de shadcn/ui: descubrimiento, instalación, personalización y buenas prácticas.

Costo de contexto al activarse: 2.3k tok
Tamaño del paquete: 10 archivos
Última actualización: hace 2 meses
Permisos

Oficialdiseno ui

Stitch::code To Design

8.3k

Convierte código frontend (Vite, React, Angular, Vue, etc.) en un Stitch Design encadenando extracción de HTML estático, extracción del sistema de diseño y subida de archivos.

Costo de contexto al activarse: 912 tok
Tamaño del paquete: 1 archivo
Última actualización: hace 2 meses
Permisos

Oficialdiseno ui

Stitch::extract Design Md

8.3k

Extrae un sistema de diseño completo (DESIGN.md) directamente del código fuente frontend —React, Vue, Svelte, Angular, HTML/CSS— analizando componentes, hojas de estilo, configs de Tailwind y tokens de diseño.

Costo de contexto al activarse: 3.5k tok
Tamaño del paquete: 7 archivos
Última actualización: hace 2 meses
Permisos

Oficialdiseno ui

Stitch::extract Static Html

8.3k

Extrae HTML estático autocontenido de una app web o componentes React, inlineando CSS e imágenes, para capturar una vista o subirla a Stitch.

Costo de contexto al activarse: 2.7k tok
Tamaño del paquete: 4 archivos
Última actualización: hace 2 meses
Permisos

Oficialherramientas desarrollo

Stitch::generate Design

8.3k

Genera pantallas nuevas desde texto o imágenes, edita pantallas existentes con prompts y tokens de diseño, y crea variantes usando Stitch MCP.

Costo de contexto al activarse: 2.7k tok
Tamaño del paquete: 4 archivos
Última actualización: hace 5 meses
Permisos

Oficialdiseno ui

Stitch Loop

8.3k

Enseña a los agentes a construir sitios web de forma iterativa con Stitch mediante un patrón de loop autónomo de paso de baton.

Costo de contexto al activarse: 2.6k tok
Tamaño del paquete: 6 archivos
Última actualización: hace 5 meses
Permisos

Oficialherramientas desarrollo

Stitch::manage Design System

8.3k

Gestiona design systems en Stitch usando herramientas MCP: recupera assets, crea/actualiza design systems y los aplica a pantallas.

Costo de contexto al activarse: 1.4k tok
Tamaño del paquete: 3 archivos
Última actualización: hace 4 meses
Permisos

Oficialdiseno ui

AiSelfi

Fotos profesionales con IA en minutos.

Conseguir fotos

Stitch::react Components

8.3k

Convierte diseños de Stitch en componentes modulares de Vite y React, o sincroniza/actualiza componentes React existentes con los últimos diseños de Stitch, usando red a nivel de sistema y validación basada en AST.

Costo de contexto al activarse: 2.2k tok
Tamaño del paquete: 11 archivos
Última actualización: hace 2 meses
Permisos

Oficialdesarrollo apis

Stitch::react Native

8.3k

Convierte diseños HTML de Stitch en componentes React Native, o sincroniza/actualiza componentes nativos existentes según los últimos diseños de Stitch, usando StyleSheet.

Costo de contexto al activarse: 3.1k tok
Tamaño del paquete: 9 archivos
Última actualización: hace 2 meses
Permisos

Oficialherramientas desarrollo

Stitch::upload To Stitch

8.3k

Sube assets locales (imágenes, mockups, HTML extraído, markdown de diseño) a un proyecto de Stitch, útil cuando las llamadas MCP fallan o se truncan por límites de tokens en base64.

Costo de contexto al activarse: 1.1k tok
Tamaño del paquete: 2 archivos
Última actualización: hace 2 meses
Permisos

Oficialherramientas desarrollo

Taste Design

8.3k

Skill de sistema de diseño semántico para Google Stitch que genera archivos DESIGN.md con estándares premium anti-genéricos: tipografía estricta, color calibrado, layouts asimétricos y micro-movimiento perpetuo.

Costo de contexto al activarse: 3.1k tok
Tamaño del paquete: 2 archivos
Última actualización: hace 5 meses

Oficialdiseno ui

Preguntas frecuentes

Ver google-labs-code/stitch-skills en GitHub