Chiralkit

Chiralkit / UI Kit

Un sistema visual. Cualquier stack.

Tokens, primitivas y patrones expresados una vez e implementados para React, Web Components y templates renderizados en servidor.

Ver registry Ver especificaciones

Los seis niveles del UI Kit

Cada nivel compone desde el anterior — la taxonomía ChiralKit aplicada a lo que el UI Kit realmente entrega. La cardinalidad de cada anillo sigue Fibonacci: 1, 1, 2, 3, 5, 8.

Ver el marco cross-domain en Arquitectura Chiral

  1. Tokens

    Cuenta Fibonacci — 1

    El vocabulario compartido — color, spacing, radius, tipografía — declarado una vez en @chiralkit/tokens y consumido por cualquier stack como CSS custom properties.

  2. Primitivas

    Cuenta Fibonacci — 1

    Custom elements de un solo propósito construidos directamente desde tokens: ds-button, ds-badge, ds-code-block. React y templates llegan al mismo tag.

  3. Patrones

    Cuenta Fibonacci — 2

    Composiciones de primitivas que resuelven interacciones recurrentes — diálogos, forms, tabs — con el mismo contrato de props y eventos entre stacks.

  4. Enantiómeros

    Cuenta Fibonacci — 3

    Especializaciones emparejadas de un patrón que comparten ADN estructural y espejan según el contexto. Dos cards, dos modos de form, enviados juntos con el contrato de transición entre ellos.

  5. Features

    Cuenta Fibonacci — 5

    Flujos end-to-end — sign-in, checkout, settings — ensamblados desde patrones y enantiómeros, portables entre React y templates de servidor.

  6. Pages

    Cuenta Fibonacci — 8

    Composiciones completas de features y chrome compartido. La superficie que el usuario ve; el tope de la espiral del UI Kit.