Ir al contenido
API de entrega
Antes de planificar en torno a una función, consulte el estado de las capacidades.

GuíasDiseño

Asistente del sitio web y paletas

Planifique un sitio web mediante una breve entrevista, reciba recomendaciones de páginas y secciones, apruebe un plano y elija una paleta de colores a partir de su logotipo.

Esta página fue traducida del inglés. Si hay alguna diferencia, prevalece la versión en inglés. Leer en inglés

Abra Design → Website helper. La insignia de la parte superior indica si las sugerencias usan Claude suggestions o Matching without AI.

  1. Inicie un plan. En Plans, póngale un nombre y haga clic en Start plan.

  2. Responda a la entrevista (1. Discovery). La ronda 1 tiene 8 preguntas, 5 de ellas obligatorias: sector, objetivo principal, público, región y evidencia de marca. En una pregunta obligatoria puede usar Save answer o Let Atlas assume. La ronda 2 se abre con hasta 7 preguntas de seguimiento opcionales (captación de clientes potenciales, páginas de oferta, idiomas, cumplimiento normativo, pruebas de confianza, nivel de movimiento, responsable del contenido), cada una con el motivo por el que se pregunta.

  3. Añada documentos de contexto (2. Briefs), opcional. Suba archivos de texto, Markdown o JSON de hasta 256 kB. Los documentos se leen como información simple: las instrucciones que contengan se señalan y nunca se siguen.

  4. Obtenga recomendaciones (3. Recommendations). Atlas sugiere tipos de página, las secciones que su sitio web ya tiene y elementos aprobados de la biblioteca, y enumera sus Assumptions.

  5. Apruebe el plano (4. Blueprint). Ajuste cada Page title y Address (slug) y después haga clic en Approve blueprint. Un plano aprobado nunca cambia; inicie un plan nuevo para cambiar de rumbo.

  6. Cree páginas en borrador. Haga clic en Create draft pages y después en Open draft para completarlas en el editor de páginas. No se publica nada.

IA y créditos. Cuando las sugerencias de IA están activadas, cada recomendación consume créditos de IA de su organización. Si la IA no está configurada, no quedan créditos o la IA no está disponible, Atlas recurre a la coincidencia sin IA y no cobra nada.

Límites. Hasta 50 planes por sitio y 10 documentos de contexto por plan. Las páginas en borrador se crean vacías a partir de su tipo de página; los elementos recomendados de la biblioteca se enumeran, pero no se colocan en las páginas.

Abra Design → Brand y la tarjeta Palettes from your logo (el sitio necesita un contrato del sitio activo).

  1. Elija de dónde Sample colours from (su logotipo o una imagen de medios; PNG, JPEG, WebP o GIF) y después Suggest palettes.

  2. Compare seis paletas: tres From your logo y tres Independent. Cada una muestra el contraste WCAG como AA, AA large o Fails. Cambie Preview width entre Phone y Desktop y haga clic en Compare on a page para verlas en una página real.

  3. Haga clic en Edit tokens para ajustar cualquiera de los 12 colores (fondo, superficie, texto, texto atenuado, acción principal, texto sobre el color principal, acento, borde, éxito, advertencia, error, anillo de foco). El contraste se mide de nuevo a medida que edita; Reset to suggested deshace sus cambios.

  4. Haga clic en Use this palette. No se ofrecen las paletas con texto por debajo de un contraste de 4,5:1.

Usar una paleta propone un cambio en la configuración del sitio; no cambia su sitio web. Un administrador del sitio lo revisa y lo activa en Site setup, y su desarrollador asigna los tokens de color a su CSS. Atlas muestra la tarea para el desarrollador junto con la propuesta.

Plantillas. Save as template conserva una paleta para todos los sitios de su organización (hasta 100 plantillas). Úsela en otro sitio con Use template.

Una conexión de agente de programación con el permiso Read website plans puede leer, mediante MCP y solo en modo de lectura, los planos aprobados, las paletas y los tokens de diseño. Consulte Agentes de IA (MCP).