Animated Landing Pages

If .khuym/onboarding.json is missing or stale for the current repo, stop and invoke khuym:using-khuym before continuing.

Use this skill to turn a motion-first landing-page concept into a working site without losing cohesion between art direction, generated media, layout structure, and implementation details.

Start Here

1. Detect the real stack from the repo before borrowing the tutorial stack. Prefer the repo's actual framework, router, styling system, icon library, and asset pipeline over forcing Vite, React, Tailwind, or Material Icons.
2. Lock the page promise in one sentence: who the page is for, what it sells, and what feeling the motion should create.
3. Decide which sections need custom media, which only need layout inspiration, and which should stay static for contrast.
4. Read references/workflow.md before generating assets or code.
5. Read references/prompt-library.md when you need prompt wording for media generation or AI-assisted coding.
6. Read references/pressure-scenarios.md if the request is vague, over-scoped, or drifting toward generic "AI slop."

Hard Rules