---
name: quicklycss-build-page
description: "Construye páginas completas con QuicklyCSS V2 a partir de requisitos de interfaz. Úsalo para landing pages, sitios, paneles o vistas que deban usar exclusivamente clases oficiales verificadas."
---

# Construir una página con QuicklyCSS V2

1. Consulta `https://quicklycss.cl/llms.txt` y selecciona las páginas Markdown relacionadas con la solicitud.
2. Lee `https://quicklycss.cl/AI_USAGE.md` antes de escribir código.
3. Diseña primero la estructura semántica, el orden de lectura y los estados de interacción.
4. Implementa la página únicamente con clases presentes en `https://quicklycss.cl/quicklycss-api.json`.
5. Si falta una capacidad, usa CSS propio claramente separado; no inventes una clase QuicklyCSS.
6. Incluye el JavaScript oficial solo si se requieren componentes `data-qy-*`.

## Entrega

- Devuelve un HTML completo listo para probar.
- Enumera los bundles y las clases principales utilizados.
- Señala cualquier requisito que no tenga una clase oficial.
- Verifica responsive, teclado, foco visible, contraste y `prefers-reduced-motion`.