51l3nt51n/51l3nt51n-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Enforce classic UI design principles by applying a global monospace font, refactoring the dashboard to use a basic HTML table, and stripping modern CSS from the index page.

Browse Source
This commit is contained in:
51l3nt51n
2026-03-03 16:22:56 +00:00
parent 626e76adba
commit aee36fa70d
4 changed files with 46 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.agents/skills/classic_ui_design/SKILL.md
View File

@@ -7,7 +7,7 @@ description: Use this skill to ensure all UI designs follow a raw, text-based, t
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 `<style>` tags, inline `style="..."` attributes (except maybe `display:inline` for form elements), or external stylesheets. Do not use Flexbox, CSS Grid, or margins/padding.
1. **No CSS or Styling:** Absolutely no complex style tags. The **ONLY EXCEPTION** is `<style>* { font-family: monospace !important; }</style>` 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 `<table>`, `<tr>`, `<td>` 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 `<center>` tags, `align="..."` attributes, or `<div align="center">`. The entirety of the text should remain left-aligned naturally within the browser window.
4. **Pure Structural Flow:** Rely strictly on basic structural blocks:
@@ -21,6 +21,7 @@ When asked to design or update UIs under this style, you **MUST** strictly adher
- Underline: `<u>`
- Basic Colors: `<font color="red">`, `<font color="#000000">`
6. **Form Elements:** Keep `<form>`, `<input>`, `<select>`, and `<button>` elements unstyled. Use `<input type="submit">` instead of fancy buttons. Give inputs a basic `size="..."` if necessary for width.
7. **Body:** A common body tag to use is `<body bgcolor="#FFFFFF" text="#000000" link="#0000EE" vlink="#551A8B" alink="#FF0000">`. Do not include a background or surface color.
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 `<style>* { font-family: monospace !important; }</style>` in the `<head>` of your HTML document.
9. **Body element:** A common body tag to use is `<body bgcolor="#FFFFFF" text="#000000" link="#0000EE" vlink="#551A8B" alink="#FF0000">`. Do not include a background or surface color.
By following these constraints, you will achieve the strict, highly generic, early web (1995-1998) look.