Sumitsubo es el cordel de tinta del carpintero japonés: se marca una vez, antes de cortar. Este framework funciona igual. Un arreglo de una línea no se lleva un plan escrito; una migración no se improvisa. La accesibilidad y el rendimiento hay que aprobarlos, no se añaden al final. Y el aspecto se decide antes de dibujar nada, para que no acabe pareciéndose a todo lo demás que ha hecho un modelo.
Cómo se compone
Cada skill pertenece a un solo plugin. Lo que decides no es qué skills quieres, sino qué stack usas: el núcleo y la dirección van en todos los proyectos, y encima encaja una pieza.
Siempre
En todos los proyectos, sea cual sea el stack.
sumi9 skills
a11y · code-quality · css-architecture · html · js-ts · model-routing · output · performance · workflow
sumi-design6 skills
anti-slop · claude-design-bridge · design-direction · design-ledger · design-tokens · motion
Elige uno
La pieza que encaja con el stack del proyecto.
sumi-nuxt5 skills
firebase-firestore · nuxt-architecture · nuxt-data-ssr · tailwind-craft · vue-components
sumi-react5 skills
next-app-router · next-data-caching · react-components · react-performance · react-testing
sumi-shopify5 skills
shopify-liquid · shopify-performance-a11y · shopify-sections-blocks · shopify-storefront-js · shopify-theme-architecture
sumi-wordpress4 skills
wp-block-theme · wp-custom-blocks · wp-native-features · wp-performance-audit
Núcleo de ingeniería: flujo de trabajo adaptable (trivial → delegado → expediente de funcionalidad), presupuestos de líneas, controles de riesgo, lentes de revisión sin contexto, estándares de HTML/CSS/JS/accesibilidad/rendimiento y hooks de seguridad.
Dirección de diseño contra el relleno genérico: brief, anti-referencias, tres direcciones divergentes, registro de repeticiones entre proyectos, tokens de DESIGN.md y reglas de movimiento. Orquesta las skills de Impeccable, Taste y Emil Kowalski.
Paquete de stack Nuxt 3/4 + Vue 3 + Firebase/Firestore: composables, seguridad en SSR e hidratación, modelado de datos, reglas de seguridad y Tailwind.
Paquete de stack React 19 + App Router de Next.js: fronteras entre servidor y cliente, obtención y caché de datos, formularios y acciones, arquitectura de componentes.
Paquete de stack Shopify Online Store 2.0: Liquid, secciones, bloques, esquemas, fragmentos, rendimiento del tema y flujo con la CLI.
Temas de bloques nativos de WordPress (FSE, Gutenberg) sin paso de compilación: theme.json como sistema de diseño, plantillas HTML y patrones en PHP, bloques dinámicos propios (block.json + render.php) con editores en JavaScript plano, APIs del núcleo antes que plugins, y auditorías de rendimiento y de tokens.