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 3 meses
- Permisos
Creador
3 skills en el directorio.
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.
Guía experta para integrar y construir aplicaciones con componentes de shadcn/ui: descubrimiento, instalación, personalización y buenas prácticas.
A prompt library that actually gets used.
Analiza proyectos de Stitch y sintetiza un sistema de diseño semántico en archivos DESIGN.md.
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.
Genera videos de walkthrough a partir de proyectos Stitch usando Remotion, con transiciones suaves, zoom y overlays de texto.
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).
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.
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.
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.
Genera pantallas nuevas desde texto o imágenes, edita pantallas existentes con prompts y tokens de diseño, y crea variantes usando Stitch MCP.
Gestiona design systems en Stitch usando herramientas MCP: recupera assets, crea/actualiza design systems y los aplica a pantallas.
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.
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.
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.
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.