使用说明
🎨 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-chat
Ejemplo 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.py
El 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 |
