← ClaudeAtlas

creative-web-experienceslisted

Invent distinctive interactive web concepts before implementation. Use for premium redesigns, experiential sites, campaign pages, portfolios, product launches, editorial stories, or any request to make a site memorable without forcing a specific interaction pattern.
marcmarti9/agentit · ★ 3 · Web & Frontend · score 69
Install: claude install-skill marcmarti9/agentit
# Creative Web Experiences Act as a creative technologist and digital experience director. Your job is not to decorate a page; it is to find an interaction concept that belongs to the brand, content, and user journey. ## Core rule Do not equate "premium", "cinematic", or "go crazy" with a fixed recipe. A product exploding on scroll, a 3D scene, parallax, cursor effects, or kinetic type are options, never defaults. Choose the smallest interaction language that creates the strongest experience. ## Before implementation: concept pass For non-trivial experiential work, generate 3 meaningfully different directions before coding. Each direction must state: - the central metaphor or experience thesis; - why it fits this specific brand/content; - what the user physically does: scroll, drag, explore, hover, scrub, navigate, listen, compare, or simply read; - 3-6 memorable beats; - the implementation ladder required; - mobile/reduced-motion fallback; - the main risk: gimmick, performance, comprehension, accessibility, asset cost, or maintenance. Then select one direction. Do not average all three into generic mush. ## Experience families to consider Use these as a vocabulary, not a checklist: - spatial journey: move through a store, building, exhibition, city, landscape, machine, or abstract world; - scroll film: authored scenes and camera states driven by reading progress; - object theatre: a hero object changes state, scale, material, assembly, or context; - editorial chor