05 · Handoff
Spec técnico
Paquete para que Claude Code genere la librería onaris-ui en React + TypeScript. Descarga el proyecto, colócalo en el repo y pide a Claude Code que empiece por spec/README.md.
Archivos del paquete
spec/README.mdPunto de entrada: decisiones cerradas, estructura del paquete, orden de trabajo, reglas y criterios de aceptación.
spec/tokens.jsonTokens agrupados: color, marca, degradados, tipografía, sombra, radios, tamaños, motion, z-index y breakpoints.
spec/components.jsonComponentes con nombre exportado, categoría, descripción, variantes y props.
spec/COMPONENTS.mdVersión legible del spec de componentes, con ejemplos JSX.
tokens.cssVariables CSS canónicas. Se copia tal cual a la librería.
components.cssCSS de referencia de todos los componentes (clases
.ou-*).
assets/brand/Logotipos e isotipo oficiales en SVG, con variantes coral, blanco, navy y currentColor.
Prompt de arranque para Claude Code
Con el proyecto descomprimido en /design-onaris dentro del repo.
Lee /design-onaris/spec/README.md y sigue sus decisiones al pie de la letra.
Crea la librería onaris-ui (React 18 + TypeScript) con la estructura indicada.
Usa /design-onaris/tokens.css como tokens y /design-onaris/components.css como
referencia visual. Implementa los componentes de spec/components.json en el
orden del README, con una historia de Storybook por variante y estado.
Respeta los nombres de la librería actual del repo; si alguno difiere, crea alias.Componentes
Vista del contenido de components.json.