메뉴
SkillsMP는 RSHVR/elite-web-design에서 13개의 skill을 수집했습니다. skill을 열어 소스와 세부 정보를 확인하세요.
수집된 skill 13개 중 13개를 표시합니다.
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…
원문 언어: 영어
End-to-end pipeline for producing recorded product demo videos from a frontend the user already has (a real app, staging build, or clickable mockup): positioning and story, script + shotlist authoring, building a shot-clock autopilot that drives the real UI,…
원문 언어: 영어
Motion accessibility and WCAG compliance for web animations. CRITICAL: This skill should be co-loaded with elite-gsap or elite-css-animations whenever implementing animations. Covers prefers-reduced-motion (CSS and GSAP patterns), WCAG contrast requirements,…
원문 언어: 영어
UI/UX quality audit for web implementations. Run after building to verify accessibility, performance, animation quality, touch interaction, forms, navigation, typography, and brand consistency. Checks ~190 rules organized by priority (CRITICAL, HIGH, MEDIUM).…
원문 언어: 영어
Brand identity creation and visual identity strategy. Covers defining brand personality, positioning, tone of voice, color psychology, typography as voice, visual identity systems, and living brand documentation. Use when asked about: brand design, visual…
원문 언어: 영어
Elite copywriting that converts — positioning, persuasion psychology, audience research, and execution across every channel. Use whenever the user mentions copy, copywriting, headline, hero copy, landing page, sales page, VSL, email sequence, cold outreach,…
원문 언어: 영어
CSS-native animation techniques including Scroll-Driven Animations API, View Transitions, @property rule, visual effects, and micro-interaction patterns. Use when asked about: CSS animations, scroll-driven animations, CSS scroll timeline, view transitions,…
원문 언어: 영어
Foundation for elite web design. Covers design philosophy, visual systems, and the design-to-code process. Use when asked about: premium website design, award-winning aesthetics, design systems, visual hierarchy, spacing, typography, color theory, data…
원문 언어: 영어
Complete GSAP (GreenSock Animation Platform) reference for elite web animations. Covers ScrollTrigger, SplitText, Flip, MorphSVG, DrawSVG, MotionPath, Observer, Draggable, timelines, Lenis smooth scroll, and framework integration. 2026 UPDATE: All GSAP…
원문 언어: 영어
Curated collection of award-winning websites organized by pattern and technique. Use when asked about: inspiration, examples, Awwwards, FWA, reference sites, what do top sites look like, or when researching how leading studios approach specific patterns.…
원문 언어: 영어
Modern CSS layout patterns for premium web experiences. Use when asked about: bento grids, horizontal scrolling sections, sticky/parallax layouts, container queries, CSS grid, asymmetric layouts, magazine layouts, responsive grid systems, scroll-snap,…
원문 언어: 영어
Performance optimization for premium animated websites. Use when asked about: animation performance, 60fps, Core Web Vitals, Vite setup, bundle optimization, lazy loading, will-change, GPU acceleration, layout thrashing, debugging jank, performance budgets,…
원문 언어: 영어
Conversion optimization and UX strategy for premium websites. Use when asked about: conversion rate optimization (CRO), signup flows, checkout optimization, pricing pages, CTAs, headlines, copywriting, A/B testing, lead generation, cart abandonment,…
원문 언어: 영어