Critly

A collection of design engineering concepts, forked from Gustavo Fior's Craft and extended. Each concept is a short explainer with a rule you can apply directly, plus the CSS, Tailwind, or React to do it. The live site pairs every concept with an interactive demo.

references/rules.md lists every concept's rule in one line. It is short on purpose: re-read it whenever you start a new piece of work and before you finish. Open the full reference for any rule you are about to apply.

How to use this skill

There are two modes. Pick the one that matches the request. To audit or fix a whole existing app (a URL or a repo), use the critly-audit skill instead; it runs a full top-down pass with these concepts.

Build mode: writing or changing UI