awesome-design-html

Installation
SKILL.md

Awesome Design HTML

A reference library of 118 single-file HTML pages, split into:

  • assets/web/design.zhongguo-colors.html — 🎨 中国传统色 Chinese Traditional Colors: a 742-hue swatch page derived from nevertoday/zhongguo-traditional-colors. Hues are auto-grouped by color family (红/橙/黄/绿/青/蓝/紫/白/灰褐/黑), searchable by name or HEX, click-to-copy. Use when the user wants a Chinese traditional color palette / 中式配色 / 色卡. Featured first in the gallery.
  • assets/web/ — 96 marketing-page demos (incl. 22 中国大厂). Hero + features + pricing + design system reference. Use when the user wants a website / landing page / product page in a brand's style.
  • assets/ios/ — 22 iOS app mockups. Three iPhone frames in a hero stage showing the real app's home / detail / profile screens + design system reference. Use when the user wants a mobile app UI mockup or to honor a brand's native iOS surfaces (Now Playing, swipe deck, chat bubble, lesson path...).

Every file is self-contained: inline CSS in a :root token block, Google Fonts CDN, brand-faithful colors / typography / radius / components, plus a "View source ↗" link to the underlying design spec.

How to use this skill

When the user mentions a brand name plus design / style / page / UI / hero / pricing / screen / iPhone / app:

Installs
72
GitHub Stars
121
First Seen
May 26, 2026
awesome-design-html — yzfly/awesome-design-html