🎨 Design System Agent
Dos modos de uso:
| Modo | Descripción |
|---|---|
| Chat | Conversación en Ollama: traduce hex→OKLCH, px→em, explica convenciones |
| Agente | Ejecuta sobre archivos: lee, convierte y escribe en design-system/ |
1. Chat (solo conversación)
Solo traduce y explica. No modifica archivos.
ollama pull qwen2.5-coder
ollama create design-system-chat -f Modelfile.chat
ollama run design-system-chatEjemplo en el chat: *"traduce #0D5FBD a OKLCH"* → responde el valor convertido.
2. Agente (ejecuta en archivos)
Normaliza los tokens del design system en disco.
pip install -r requirements.txt
ollama serve
# Modelo con tools: qwen3-coder:480b-cloud (o configurar OLLAMA_MODEL en .env)
python agent-design-system.pyEl agente lee design-system/ y:
- Detecta inconsistencias (ej. primary + primario)
- Convierte colores hex → OKLCH
- Convierte spacing y typography (px → em)
- Crea lo que falte
Alternativa: paletas por ciudad
python agent.py "Paleta Barcelona"Genera colors.json, colors.css, README, preview.html en ~/Desktop/{ciudad}/.
Configuración
| Variable | Descripción |
|---|---|
OLLAMA_MODEL | Modelo Ollama (default) |
USE_OPENAI | 1 para usar OpenAI |
OPENAI_API_KEY | Para OpenAI |