@devschile/chucao
v2.3.0
Published
Chucao — devsChile design system, packaged as StencilJS web components
Readme
Chucao
Isotipo diseñado por @irmirx; su uso en este proyecto está aprobado por la autora.
Kit de marca + sistema de diseño web de devsChile, listo para reusar en proyectos nuevos. Pensado para copiarse y usarse directo, sin depender de piezas externas.
- guía gráfica: paleta, tipografía, todas las variantes del isotipo y el set de favicon, renderizados
- rama
docs, publicada con GitHub Pages
Qué contiene este repo
- La identidad de marca y el sistema de diseño web, documentados en
DESIGN.md— la referencia completa que se usó construyendo pegas.devschile.cl y semanario.devschile.cl. Este proyecto agrega los archivos de imagen reales queDESIGN.mddescribe pero no traía. - Los assets de marca (isotipo, logotipo, favicons) en
assets/— inventario, uso y licencia endocs/assets.md. - Una librería de Web Components framework-agnostic hecha con
StencilJS, publicada en npm como
@devschile/chucao— desarrollo y convenciones endocs/components.md, consumo endocs/using-the-library.md.
Documentación
| Documento | Idioma | Contenido |
| ----------------------------------------------------------------------------------------- | ------- | ------------------------------------------------------------------------------ |
| CONTRIBUTING.md | Español | Cómo contribuir: flujo de trabajo, commits, proponer un componente |
| AGENTS.md | English | Convenciones del repo para contribuyentes y agentes de IA |
| CLAUDE.md | English | Router para agentes de Claude Code: apunta a AGENTS.md sin duplicar reglas |
| SECURITY.md | Español | Cómo reportar un problema de seguridad y versiones soportadas |
| CODE_OF_CONDUCT.md | Español | Código de conducta de devsChile — aplica a todos los repos de la organización |
| DESIGN.md | Español | Identidad de marca + sistema de diseño web |
| docs/assets.md | Español | Inventario de assets/, uso del favicon, licencia |
| docs/components.md | English | Desarrollo de la librería StencilJS: estructura, tokens, convenciones |
| docs/using-the-library.md | English | Cómo consumir @devschile/chucao (lazy loading, standalone, React/Vue/Svelte) |
| docs/releasing.md | English | Cómo publicar releases y desplegar la librería al CDN |
| docs/testing.md | English | Testing y cobertura de los componentes |
| docs/storybook.md | English | Evaluación de desplegar Storybook en el CDN (no adoptado) |
| llms.txt | English | Índice para agentes y crawlers (componentes, tokens, docs) |
| docs/ai.md | English | Guía para agentes IA que consumen Chucao |
Cómo reusar esto en un proyecto nuevo
- Copia
DESIGN.mdal proyecto (o solo referéncialo desde acá) para tener a mano la paleta, tipografía y componentes CSS de referencia — sección "2. Sistema de diseño web". - Copia de
assets/lo que el proyecto necesite: como mínimo el favicon y elhuemul-icono.png(o.svg) para el header. - El acento teal (
#2dd4bf) es intercambiable; el isotipo y el logotipo no lo son (ver "Reglas de uso" enDESIGN.md).
Hecho por la comunidad, para la comunidad. 🦌
