Interface skills
These skills are not part of factories-hub. Kiln adds them to each hub and each AdonisJS app, with the plugin modern-web-guidance. They come from Emil Kowalski and Jakub Krehel.
CLAUDE.md of the app makes them required.
| When an agent | It runs |
|---|---|
| Writes or changes HTML, CSS or client-side JavaScript | modern-web-guidance, first |
| Chooses a UI library | pick-ui-library |
| Builds or changes a page | better-layout and better-writing. Also better-typography or better-colors when type or colour changes |
| Adds or changes an animation | emil-design-eng, then animate. Also choreograph when several elements move together |
| Builds for a phone, or a PWA | mobile-native. Also apple-design for gestures, sheets and drag |
| Hands back interface work | better-interface, interface-review, break-ui. Also review-animations when motion changed |
Flow's rules win on how the code is arranged. These skills win on how the interface looks, reads and moves.
/prototype, /variant, /state-machine, /break and /explain-interface run only when you start them.