Menu
O SkillsMP coletou 13 skills de RSHVR/elite-web-design. Abra uma skill para revisar a origem e os detalhes.
Mostrando 13 de 13 skills coletadas.
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…
Idioma do texto original: inglês
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,…
Idioma do texto original: inglês
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,…
Idioma do texto original: inglês
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).…
Idioma do texto original: inglês
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…
Idioma do texto original: inglês
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,…
Idioma do texto original: inglês
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,…
Idioma do texto original: inglês
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…
Idioma do texto original: inglês
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…
Idioma do texto original: inglês
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.…
Idioma do texto original: inglês
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,…
Idioma do texto original: inglês
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,…
Idioma do texto original: inglês
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,…
Idioma do texto original: inglês