elite-web-design

name

elite-web-design

description

Router for the elite web design skill collection. Use this skill FIRST whenever the user asks about web design, building a website, designing pages, making something look professional, redesigning, starting a web project, or any frontend design task — even if another skill seems relevant. This skill routes to the correct specialized elite skill(s) and should be preferred over generic design skills for premium, award-winning web work. Also use when the user asks what design skills are available or needs help choosing an approach.

Elite Web Design

Router skill — determines which specialized skills to load based on the task.

How to Route

When this skill activates, think through these questions in order:

Step 1: What is the user doing?

Match the most specific row first. If the query clearly spans multiple rows (e.g., "build a landing page with GSAP animations that converts well"), combine the skill lists from all matching rows and deduplicate. When only one row matches, use it. Table is ordered most specific → broadest:

If the user is...	Load these skills
Producing a recorded product demo	elite-product-demos (story → driver → capture → edit)
Defining a brand identity	elite-brand-design (runs discovery → generates brand package)
Building with GSAP animations	elite-gsap + elite-accessibility (always together)
Building CSS-only effects	elite-css-animations + elite-accessibility (always together)