Frontend standards

Warm Storefront UI

A light storefront that reads calm and exact: warm paper, a poster headline, one amber action.

The aiskillup.online home page: a soft blue hero with faint wave contours, a heavy two-line headline whose first line is faded and whose last phrase sits on a white slab, an amber button and an outline button, and a dark terminal below. — Live on aiskillup.online, built in this style. Captured 2026-09-25. Built with Qwik + Qwik City and plain CSS custom properties, on Cloudflare Workers; the skill does not depend on it.

Trigger accuracy

Not measured yet. We will publish the trigger accuracy here, with the date and the test suite, once the eval has run. No number until then.

What we changed

The full token file of a live store: a warm paper and charcoal ramp, five pastels that each carry one meaning, type, space and motion, in OKLCH.
Recipes for the pieces that sell: the amber button with its same-hue edge and 1px press, the wholly clickable catalogue card, the buy box, the closing band.
The poster headline done right: Gasoek One at weight 400, -0.01em tracking and 1.08 leading, with a ghost first line that still passes contrast.
The wavy contour divider as a formula, not an image, so it scales to any width without a seam.
A blog layout with filterable topics, pagination and a sticky sidebar that carries the product, plus a ui-ux-pro-max setup for the usability pass.

What it does, on real work

A landing page

> build a landing page for a Markdown note app in the warm storefront style

Written to produce a soft-blue hero under a contour texture, a two-line poster headline with a ghost first line, one amber button, white cards on paper and a wave into the closing band.

A product page that sells

> make the product page for a $49 icon pack

Written to produce a buy box with a tabular price, what the buyer receives, the refund line and one amber button, with nothing else filled amber.

A blog

> restyle this blog with warm-storefront-ui

Written to add filterable topic chips and pagination to the index, and a sticky sidebar with the product and other posts to each post.

Requirements

Claude Code with skills support
Any stack that renders CSS: HTML, React, Next.js, Qwik, Vue, Svelte, Astro, Tailwind
Fonts: Gasoek One, Geist, Geist Mono (free, Google Fonts)
Recommended: ui-ux-pro-max, installed from its own repo

traders-zone.in, a live site built in this style

Glass Instrument UI

Dark and premium without looking generated: glass cards, a violet and lime identity, mono numbers.

Eval suite not run yet

free-mac.online, a live site built in this style

macOS Native Dark UI

An app that feels like Apple shipped it: system colours, SF type, a real Mac window.