An AI model must follow strict rules when converting content to HTML. These rules ensure the output is consistent, accessible, and uses only approved styles and components. The AI model must not make its own design choices or add unapproved code.
By Pawan Nayar · from the LLOS AI Learning record
An AI model must follow strict rules when converting content to HTML.
These rules ensure the output is consistent, accessible, and uses only approved styles and components. The AI model must not make its own design choices or add unapproved code.
The AI model must use only defined CSS variables for colors. It must not add new color codes. The AI model must follow the framework exactly. It must not make its own interpretations or changes. The AI model must use correct HTML elements like `<header>` and `<footer>`. It must indent all code with two spaces. The AI model must add `alt` text for images and `aria-*` attributes for interactive parts. It must use only approved HTML frameworks. The AI model must fix all HTML, CSS, and JavaScript errors. The AI model must always put elements in the order: header, container, sections, footer. It must include 12 specific meta tags in the `<head>` section.
A developer asks an AI model to convert a Markdown document into an HTML lesson. The AI model creates the HTML but uses a red color for a heading, which is not in the approved CSS variables. The AI model also uses a `<main>` tag around the content, which is not allowed by the framework. This output fails the quality check because the AI model did not follow the color rules and the structural rules.
Resolved from this lesson's own record — real definitions, not invented for this page.
More from the same record, pulled by shared topic — not written new for this page.
A design system is a set of rules for creating web pages. These rules tell a developer how to use fonts and text sizes.
A blog assembler's job is to copy CSS, HTML, and JavaScript code. It must copy these parts word-for-word from 'gold' component files.
Inconsistent CSS means that design elements look different across a website or application. For example, buttons might have different rounded corners or spacing.
A binding reference document sets rules for HTML pages. This document is important for all HTML pages made under LLOS.
An AI model must follow strict rules when converting content to HTML. These rules ensure the output is consistent, accessible, and uses only approved styles and components. The AI model must not make its own design choices or add unapproved code.