placidovenegas
17 verified skills
supabase-postgres-best-practices
Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimizing Postgres queries, schema designs, or database configurations.
data-ai
heroui-react
HeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when building UIs with HeroUI — creating Buttons, Modals, Forms, Cards; installing @heroui/react; configuring dark/light themes with oklch variables; or fetching component docs. Keywords: HeroUI, Hero UI, heroui, @heroui/react, @heroui/styles.
development
supabase-migration
Cuando necesites crear, modificar o borrar tablas, enums, indices, RLS policies o seeds en Supabase. También para ejecutar SQL vía MCP.
tools
fix-error
Cuando hay un error de build, runtime, TypeScript, o Supabase que necesita diagnóstico y fix.
development
design-system
Gestionar y aplicar el design system de Kiyoko AI. Estilo Notion + Supabase — minimal, limpio, funcional. Colores, tipografía, componentes, patrones de layout.
testing
create-page
Cuando necesites crear una nueva página (ruta) en la app Next.js. Incluye page.tsx, loading.tsx, error.tsx y opcionalmente layout.tsx.
testing
kiyoko-dark-ui
Sistema visual para paneles, modales y controles oscuros estilo Kiyoko IA. Usar cuando haya que diseñar drawers, botones, bordes, radios y superficies con acabado profesional dark-first.
testing
heroui-migration
HeroUI v2 to v3 migration guide for agents. Use when migrating HeroUI v2 apps to v3, upgrading components, or accessing migration documentation. Keywords: HeroUI migration, v2 to v3, migration guide, upgrade HeroUI.
documentation
create-component
Cuando necesites crear un componente React nuevo. Decide si es Server o Client Component según la interactividad necesaria.
tools
supabase-postgres-best-practices
Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimizing Postgres queries, schema designs, or database configurations.
data-ai
scene-engine
Motor de escenas de Kiyoko AI. Usar cuando se trabaje con escenas, prompts de imagen/video, timeline, camara, o generacion de contenido audiovisual. Referencia completa en docs/v6/MY DOCUMENT/kiyoko-motor-escenas-spec.md
testing
create-hook
Cuando necesites crear un custom hook para fetch (useQuery), mutaciones (useMutation) o suscripciones realtime con Supabase.
testing
create-layout
Crear patrones de layout reutilizables — dropdown menus, tablas renderizables, sidebars colapsables, modales, tabs, panels. Estilo Notion + Supabase.
tools
heroui-migration
HeroUI v2 to v3 migration guide for agents. Use when migrating HeroUI v2 apps to v3, upgrading components, or accessing migration documentation. Keywords: HeroUI migration, v2 to v3, migration guide, upgrade HeroUI.
documentation
heroui-react
HeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when building UIs with HeroUI — creating Buttons, Modals, Forms, Cards; installing @heroui/react; configuring dark/light themes with oklch variables; or fetching component docs. Keywords: HeroUI, Hero UI, heroui, @heroui/react, @heroui/styles.
development
refactor
Reorganizar y refactorizar componentes en carpetas por dominio. Eliminar duplicados, extraer componentes reutilizables, mejorar imports.
development
ui-audit
Auditar componentes UI para consistencia visual, compliance con design system, accesibilidad y patrones Notion/Supabase. Usar cuando se quiera verificar calidad visual del proyecto.
testing