Design — Product UI, Landing Pages & Conversion Copy

Hand-off — the visual system vs the craft of motion. This skill owns the visual system and page composition, and sets motion intent + budget only. The implementation of an animation is ../motion-craft/SKILL.md's; how a piece of interface should be BUILT — boundaries, state, the loading and empty and error states — is ../ui-engineering/SKILL.md's. When a request could belong to several of those, start from the one that owns the decision, not the one that owns the file. The motion reference in this skill defers its mechanics to them rather than restating them.

Research the best current work, then ship a premium, accessible, fast, high-converting interface.

SDD gate. If this fired on a new, non-trivial feature or behaviour change and there is no approved spec + plan under 02-DOCS/wiki/sdd/, hand off to ../specify/SKILL.md first — it runs brainstorm → spec → plan → tasks before any code, then routes back here once the plan is approved. Build straight from here only for a genuinely one-line / low-risk change. Method: ../sdd/SKILL.md.

Hand-offs. The WORDS are ../marketing/SKILL.md's: it co-owns the 02-DOCS/wiki/brand/ study (the words dimensions there, the visual ones here), and deep keyword research, GEO, or a technical SEO audit belongs to it — this skill only enforces SEO-aware structure in markup. The BUILD (App Router / React 19) is ../nextjs/SKILL.md's. Mirroring the brand tokens into a Flutter app is ../flutter/SKILL.md's. Pure backend/data/infra with no UI surface: decline — there is nothing to design. Three references live outside this repo and are named for direction only, not invocable here: frontend-design-direction for dense internal tooling used daily (never paint a marketing skin on a tool that needs repeated daily use — fold its judgment in via the DIRECTION BRIEF); liquid-glass-design for native iOS 26 SwiftUI Liquid Glass (this skill ships the web glass approximation only); motion-ui / motion-foundations for motion-code mechanics (springs, AnimatePresence internals, layout animations — this skill sets motion intent + budget).

Brand grounding — before you design anything

A design with no brand behind it is a guess, and a guess defaults to your AI-generic prior. That is why this gate is a hard stop rather than a warning: an incomplete brand study blocks the work.