isekailisted

# Motion Web — no more default AI websites Every page must look like a $10,000+ agency build. "Acceptable" is failure. ## Companion skills This skill covers visual design and motion only. For interactive components (forms, dialogs, tables, dropdowns), compose them from the **shadcn** skill instead of hand-rolling markup — real accessible primitives, styled to match the locked palette/type from this skill's tokens. The moment a build needs accounts, a database, file uploads, or an actual deploy, switch to the **isekai-backend** skill — a gorgeous static page with no working signup form is not a $10k build, it's a mockup. ## BANNED (the default AI look — never ship any of these) - Centered hero + 3 feature cards in a grid + emoji icons - `bg-gradient-to-r from-purple-500 to-pink-500` and all purple/indigo-on-white defaults - Same rounded-xl shadow-md card repeated for everything - Walls of text; paragraphs longer than 2 sentences; feature lists nobody asked for - Inter/system font as the only font; no display typeface - Static pages — zero animation = zero budget look - Gray placeholder boxes or broken images. Every image loads or doesn't exist. ## Process (in order, before writing code) 1. **Pick ONE art direction** from [references/directions.md](references/directions.md) — match the project's vibe, never the same direction twice in a row. The user's base template is the starting *stack*, not the *look*. 2. **Lock palette (4-6 colors) + font pair** (display + body, loaded