Frontend Crafting

Design and build interfaces that come from the subject, not from a template. This file is a router: it fixes the contract every workflow shares and points to the one reference file the current request actually needs. Design rules live in the references, never here.

Scope

Use this skill when the request is about how an interface looks, reads, or behaves:

• building a new page, screen, or component from a brief;
• reworking an existing surface, whether the change preserves the current design or replaces it;
• critiquing a UI and reporting what is wrong;
• refining a surface that is already broadly right.

Do not use it to drive a browser, capture screenshots, or debug a running local app; that is web-debug. This skill also does not pick a framework, a hosting target, or a data layer.

Core principles