Is the generated code accessible and performant?

Absolutely. It enforces WCAG 2.1 AA standards, includes mandatory reduced-motion CSS, and follows GPU-acceleration rules to ensure smooth performance across devices.

Can I use this on existing web projects?

Yes, the skill includes a dedicated enhancement mode to analyze existing site structures and recommend specific depth assignments or animation opportunities.

How does it handle image assets and backgrounds?

It features an automated asset inspection pipeline that judges whether backgrounds should be removed based on the asset's intended depth layer and role in the design story.

Does this skill require WebGL or 3D libraries?

No, Epic Design utilizes high-performance CSS and JavaScript techniques to achieve cinematic 2.5D effects without the heavy overhead of WebGL or Three.js.

Epic Design

Name: Epic Design
Author: micsapp

bymicsapp

0•

设计工具

Builds cinematic, 2.5D interactive websites using advanced CSS and JavaScript scroll storytelling techniques without requiring WebGL.

The Epic Design skill transforms Claude into a world-class front-end design expert capable of creating immersive, high-end web experiences. It specializes in 'scrollytelling' and 2.5D depth effects, using a structured 6-layer depth model to bring static assets to life through motion. By focusing on optimized CSS, JavaScript, and intelligent asset inspection rather than heavy 3D libraries, it ensures performant, Apple-style animations, product reveals, and cinematic transitions that feel premium, responsive, and accessible.

主要功能

01Built-in Accessibility & Reduced-Motion Support

02Structured 6-Layer Depth System for Visual Hierarchy

03Intelligent Asset Inspection & Background Removal Judgment

04Performance-First CSS/JS Animations (No WebGL Required)

050 GitHub stars

06Advanced 2.5D Parallax & Scroll Storytelling Architecture

使用场景

01Enhancing existing websites with premium interactive micro-interactions

02Developing immersive portfolio sites with scroll-driven reveals

03Creating high-conversion Apple-style product landing pages

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add micsapp/micstec-skills epic-design

For use in Claude.ai and ChatGPT