Skills & Specifications

Genera una presentación PowerPoint (.pptx) de una app web tomando pantallazos reales de cada vista con Chrome (headless) y montándolos en un deck 16:9 limpio (portada, una diapositiva por pantalla con título + descripción, cierre). Úsala cuando el usuario pida una "presentación", "pptx", "powerpoint", "deck", "demo", "capturas/pantallazos de la UI", "diapositivas" o "presentar la app/herramienta". Data-driven: dos manifests JSON + dos scripts reutilizables (capture.mjs y build_deck.py). Pensada para el stack del usuario (Vite + supafast) pero sirve para cualquier app web local. Palabras clave: presentación, presentacion, pptx, powerpoint, deck, slides, diapositivas, capturas, pantallazos, screenshots, demo.

Despachador de agentes por tipo de tarea. Evalúa la tarea recibida, elige el modelo adecuado (haiku/sonnet/opus/fable), lanza el agente especializado correspondiente y reporta siempre qué agentes se lanzaron y qué modelos se usaron. Usar cuando el usuario pida "/delegar <tarea>" o pida ejecutar algo eligiendo el modelo automáticamente.

Sistema de diseño de la plataforma inspirado en Memorisely. Layout minimalista de 4 columnas, botones redondos, acentos suaves en iconos y una gran palabra decorativa de fondo (wordmark).

Sistema de diseño estilo Notion — workspace minimalista, bordes casi imperceptibles, sombras en capas en vez de una sola sombra dura, sin uppercase ni letter-spacing en la UI. Color de acento y tipografía son tokens reemplazables (color de marca del proyecto; tipografía por defecto Inter). Usar SIEMPRE que se construya o edite un botón, input, sidebar, topbar, dropdown, modal/buscador, tooltip o árbol de páginas anidadas en este estilo, o cuando el usuario pida algo "tipo Notion", "minimalista", "workspace" o "sin sombras raras / sin uppercase".

Construir o editar UI con el sistema de diseño "supafast" — el lenguaje visual de apps/performancetv en fenix: React 19 + Tailwind v4 (CSS-first, @theme inline) + shadcn estilo "base-nova" sobre @base-ui/react (NO Radix) + CVA + Geist + tokens oklch. Usar SIEMPRE que se cree/modifique un componente, página, formulario, tabla, nav, card, badge, botón, switch, dialog o layout en este estilo, o cuando el usuario pida algo "rápido", "limpio", "monocromo neutro" o "como performancetv". Cubre tokens de color/radio/tipografía, idioms de componentes base-ui+cva, layout/navegación y motion.