Ready for AI · Agent Ready
Datos verificables. Procedimientos claros.
QuicklyCSS combina documentación legible por máquinas con instrucciones específicas por tarea para que un agente pueda construir, comprobar y corregir sin inventar clases.
API estructurada
Clases, tokens, módulos, breakpoints y atributos disponibles en JSON.
Skills por tarea
Procedimientos breves para instalar, construir, auditar y migrar.
Salida verificable
Cada flujo exige evidencia, accesibilidad y validación contra el catálogo.
Arquitectura para agentes
Dos capas que trabajan juntas
La primera describe qué existe. La segunda indica cómo usarlo correctamente para una tarea concreta.
Ready for AI
Fuentes canónicas para recuperar contexto, consultar la documentación y validar cada decisión.
Agent Ready
Instrucciones operativas y criterios de aceptación adaptados a cada tipo de trabajo.
- Elegir las fuentes necesarias
- No inventar clases ni equivalencias
- Comprobar responsive y accesibilidad
- Entregar evidencia y límites
Catálogo público
Skills oficiales de QuicklyCSS
Entrega al agente el archivo correspondiente a la tarea. Cada skill enlaza las fuentes de verdad y define su propia comprobación final.
Instalar QuicklyCSS
Selecciona los bundles oficiales y evita dependencias duplicadas.
Abrir SKILL.md ↗Construir una página
Convierte requisitos en HTML semántico con clases verificadas.
Abrir SKILL.md ↗Layout responsive
Resuelve móvil, tableta y escritorio sin variantes inventadas.
Abrir SKILL.md ↗Implementar componentes
Conserva anatomía, atributos, JavaScript y accesibilidad.
Abrir SKILL.md ↗Aplicar color
Usa colores semánticos, tonos oficiales y contraste accesible.
Abrir SKILL.md ↗Auditar clases
Clasifica clases válidas, propias y desconocidas con evidencia.
Abrir SKILL.md ↗Migrar V1 a V2
Mapea reemplazos confirmados y registra lo que no tiene equivalencia.
Abrir SKILL.md ↗Descubrimiento automático: skills/index.json
Uso recomendado
Del pedido a una entrega comprobada
Este flujo evita que el agente trate la nomenclatura del framework como una suposición.
Seleccionar
Elige la skill que coincide con la tarea solicitada.
Consultar
Lee reglas, Markdown y API antes de generar código.
Construir
Usa solo clases confirmadas y separa cualquier CSS propio.
Verificar
Prueba responsive, interacción, accesibilidad y dependencias.