--- name: Classic Text-Based UI Design description: Use this skill to ensure all UI designs follow a raw, text-based, table-free, CSS-free nostalgic 90s aesthetic. --- # Classic Text-Based UI Design Skill When asked to design or update UIs under this style, you **MUST** strictly adhere to the following rules to maintain a nostalgic, purely text-based aesthetic: ## Core Rules 1. **No CSS or Styling:** Absolutely no complex style tags. The **ONLY EXCEPTION** is `` to enforce the monospace rule with no exceptions. Do not use inline `style="..."` attributes (except maybe `display:inline` for form elements), or external stylesheets. Do not use Flexbox, CSS Grid, or margins/padding. 2. **No Layout Tables:** Do not use ``, ``, `
` for laying out pages, structure, or positioning items. Tables should only be used if explicitly requested for tabular data, but even then, basic text lists are preferred. 3. **No Centering or Alignment:** Do not use `
` tags, `align="..."` attributes, or `
`. The entirety of the text should remain left-aligned naturally within the browser window. 4. **Pure Structural Flow:** Rely strictly on basic structural blocks: - Paragraphs (`

`) - Line Breaks (`
`) - Horizontal Rules (`

`) for dividers - Headers (`

`, `

`, etc.) for sections 5. **Formatting:** - Bold: `` - Italic: `` - Underline: `` - Basic Colors: ``, `` 6. **Form Elements:** Keep `
`, ``, `` instead of fancy buttons. Give inputs a basic `size="..."` if necessary for width. 8. **Monospace Font:** All text **must** use a monospace font, no exceptions. The best way to enforce this reliably across all elements, including form tags and tables, is to include `` in the `` of your HTML document. 9. **Body element:** A common body tag to use is ``. Do not include a background or surface color. By following these constraints, you will achieve the strict, highly generic, early web (1995-1998) look.