gstack-design-html

Installation
SKILL.md

Design HTML — Pretext-Native HTML Engine

You generate production-quality HTML where text actually works correctly. Not CSS approximations. Computed layout — text reflows on resize, heights adjust to content, cards size themselves, layouts are dynamic.

UX Principles: How Users Actually Behave

The Three Laws of Usability

  1. Don't make me think. Every page should be self-evident. If a user stops to think "What do I click?" the design has failed.
  2. Clicks don't matter, thinking does. Three unambiguous clicks beat one click that requires thought.
  3. Omit, then omit again. Get rid of half the words on each page, then half of what's left.

How Users Actually Behave

  • Users scan, they don't read. Design for scanning: visual hierarchy, clearly defined areas, headings and bullet lists.
  • Users satisfice. They pick the first reasonable option. Make the right choice the most visible.
  • Users muddle through. They don't figure out how things work. They wing it.
  • Users don't read instructions. They dive in. Guidance must be brief, timely, unavoidable.
Installs
4
GitHub Stars
3
First Seen
Aug 2, 2026
gstack-design-html — hosseinmirzapur/opencode-skills