Habilidad del sistema de diseño semántico para Google Stitch. Genera archivos DESIGN.md compatibles con agentes que imponen estándares de IU premium y antigénéricos: tipografía estricta, color calibrado, diseños asimétricos, micromovimiento perpetuo y rendimiento acelerado por hardware.
Esta habilidad para Google Stitch, llamada 'taste-design', está diseñada para generar automáticamente archivos DESIGN.md que los agentes de IA (como Claude Code, Cursor, Codex) pueden leer y utilizar para guiar el desarrollo de interfaces de usuario. Su propósito principal es imponer estándares de diseño premium y antigénéricos, evitando la apariencia común y poco profesional de muchas aplicaciones. La habilidad se enfoca en cinco pilares fundamentales: tipografía estricta (con jerarquías claras y familias tipográficas específicas), color calibrado (usando una paleta matemática en lugar de elecciones subjetivas), diseños asimétricos (para crear composiciones visualmente interesantes), micromovimiento perpetuo (animaciones sutiles y continuas que mejoran la experiencia del usuario) y rendimiento acelerado por hardware (optimizaciones para lograr 120 FPS en las animaciones). Al integrar esta habilidad en un flujo de trabajo con agentes de IA, los desarrolladores pueden asegurar consistencia y calidad de diseño en todos los componentes generados, siguiendo las especificaciones detalladas en el archivo DESIGN.md que se produce.
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/skills/taste-designHabilidad del sistema de diseño semántico para Google Stitch. Genera archivos DESIGN.md compatibles con agentes que imponen estándares de IU premium y antigénéricos: tipografía estricta, color calibrado, diseños asimétricos, micromovimiento perpetuo y rendimiento acelerado por hardware.
This repo contains 6 individual skills — each has its own dedicated page.
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.
Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.
Unified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synthesis (.stitch/DESIGN.md), and high-fidelity screen generation/editing via Stitch MCP.
Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".