msitte msitte
Getting Started AI Signs $initiation webh.md Rules
Home / Docs / Introduction & AI Signs

Introduction & AI Signs

An open-source guardrail framework engineered to identify and eliminate telltale AI mistakes, generic purple gradients, and vibe-coded cliches.

msitte / laucn is designed to correct the systematic imperfections that AI models inject into codebases. When coding models generate frontends without explicit guardrails, they fall into predictable habits that immediately look synthetic.

The Universal Initiation Workflow

In accordance with Skills.md, whenever you invoke the initiation command, the coding agent reads the instruction set, confirms with installed successfully (1.0.1 beta), lists available commands, and immediately activates the webh.md negative constraints.

Universal Installer Initiation
read github.com/ucursor/msitte/blob/main/Skills.md $initiation

Looking for the skills file for other agents? View the full registry at msitte.pages.dev/skills.

The AI Signs

AI models leave unmistakable fingerprints when building websites. Based on the negative constraints defined in webh.md, here is the breakdown of what AI models usually do in the reverse:

1. Purple-to-Indigo & Neon Gradients

AI models almost universally pick #0b1020 backgrounds drowned in purple-blue-indigo linear gradients, glowing circular blurs, and gradient-masked headline text to fake a "futuristic" aesthetic.

msitte standard: Enforce solid obsidian surfaces (#111112, #161619), deliberate monochrome contrast, and subtle 1px border lighting.

2. Unicode & Emojis As Fake Icons

Instead of linking real graphical icons, AI models routinely insert emojis (✨, 💡, 🚀) or text symbols (●, ✕, ✓, and em-dashes —) directly into headlines, cards, and buttons. They often attempt to construct logos from Unicode glyphs.

msitte standard: Strictly prohibit Unicode symbols and emojis as icons. Use crisp Google Material Symbols or high-contrast SVG assets.

3. Ghost UI & Missing Placeholders

AI models either generate completely text-only interfaces without images, or invent hallucinated Unsplash links that 404. They also generate fake "Upload Image" buttons inside mockups instead of coding real image tags.

msitte standard: Always provide dedicated empty HTML <img> placeholders for the site owner to fill in code.

4. Saturated Electric Accent Abuse

AI models plaster hyper-saturated neon lime (#22c55e), electric cyan (#06b6d4), and hot magenta on button borders and card outlines, creating eye strain.

msitte standard: Use restrained mint highlights (#00f59b), calibrated off-whites, and secondary grays.

5. Illegible, Ultra-Thin Typography

AI models output ultra-thin font weights (100–300), excessive letter-spacing, and washed-out gray text that fails accessibility and contrast tests.

msitte standard: Balanced typographic weights with Inter and Google Sans Code, proper line-heights, and high readability.

6. Non-Functional Mockup Traps

AI models create UI cards, tabs, and copy buttons with zero interactive states, no active indicator lines, and non-functional clipboard logic.

msitte standard: Every interactive element must support active states, keyboard focus, sliding indicators, and copy confirmation.
Laucn AI Signs Breakdown and Visual Comparison Placeholder

Core webh.md Rules Summary

webh.md - Mandatory Constraint Rules
# WEBSITE DESIGN GUIDELINES (webh.md)
- Never use Unicode symbols, decorative symbols (●, ✨), or em-dashes as icons.
- Avoid purple-blue-indigo gradients and electric neon accents (#22c55e, #06b6d4).
- Use empty HTML <img> placeholders for future assets; never hallucinate stock images.
- Enforce solid dark surfaces (#111112, #161619) over gradient backgrounds (#0b1020).
- Ensure all components support genuine interactive states and keyboard navigation.