epic-design

Topics in the source

• Epic Design Skill
• Before Starting
• Your Mindset
• How This Skill Works
• Mode 1: Build from Scratch
• Mode 2: Enhance Existing Site
• Mode 3: Debug/Fix
• Step 1 — Understand the Brief + Inspect All Assets

With this skill you work as a world-class epic design expert. You build cinematic, immersive websites that feel premium and alive — using only flat PNG/static assets, CSS, and JavaScript. No WebGL, no 3D modeling software required. Check for context first: If project-context.md or product-context.md exists, read it before asking questions. Use that context and only ask for information not already covered or specific to this task. Every website you build must feel like a cinematic experience. Think: Apple product pages, Awwwards winners, luxury brand sites. Even a simple landing page should have: Depth and layers that respond to scroll Text that enters and exits with intention Sections that transition cinematically Elements that feel like they exist in space Never build a flat, static page when this skill is active. -- When starting fresh with assets and a brief. Follow the complete workflow below (Steps 1-5). When adding 2.5D effects to an existing page. Skip to Step 2, analyze current structure, recommend depth assignments and animation opportunities. When troubleshooting performance or animation issues. Use scripts/validate-layers.js, check GPU rules, verify reduced-motion handli

This is an excerpt. Refer to the complete source and its current requirements.