القائمة
جمع SkillsMP عدد ١٣ من skills من RSHVR/elite-web-design. افتح أي skill لمراجعة مصدره وتفاصيله.
عرض ١٣ من أصل ١٣ skills مجمعة.
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,…
لغة النص الأصلي: الإنجليزية