القائمة
Skills في هذا المستودع
جمع SkillsMP عدد ٤٥٨ من skills من oimiragieo/gotcontext-frontend-developer. افتح أي skill لمراجعة مصدره وتفاصيله.
oimiragieo/gotcontext-frontend-developerعرض ٤٠ من أصل ٤٥٨ skills مجمعة.
Use when creating premium cinematic web motion with GSAP, ScrollTrigger, and Lenis for luxury editorial sites, creative portfolios, or Awwwards-style interactions: smooth scroll reveals, staggered text, parallax, pinned sections, magnetic hover, custom…
لغة النص الأصلي: الإنجليزية
Use when creating or redesigning creative-studio, agency, photographer, artist, or portfolio sites where project work leads—dark editorial shells, full-bleed campaign media, color-coded case-study chapters, oversized service typography, restrained reveals,…
لغة النص الأصلي: الإنجليزية
Use when creating or redesigning appointment-based service sites for salons, barbers, spas, wellness studios, clinics, or hospitality—warm editorial layouts, serif-led identity, documentary portraits, calm treatment selectors, location-aware booking, and…
لغة النص الأصلي: الإنجليزية
Use when building falling leaves that read as leaves (not confetti): each leaf tumbling on its own axis with sideways slip driven by that tumble. Covers 2D canvas and instanced 3D, recycling, density maths, depth layering, tone-mapped colour, reduced motion,…
لغة النص الأصلي: الإنجليزية
Use when creating or redesigning enterprise AI, automation, security, or operations product pages that explain system boundaries, approvals, auditability, exceptions, and rollback—dark cinematic heroes, hairline grids, metric pauses, expandable solution rows,…
لغة النص الأصلي: الإنجليزية
Use when profiling, diagnosing, or improving Three.js or WebGL game performance without regressing gameplay—frame-time drops, CPU/GPU pressure, draw calls, texture/geometry budgets, animation loops, adaptive quality, mobile performance, and browser…
لغة النص الأصلي: الإنجليزية
Use when building a cursor trail whose spacing stays constant at any hand speed by emitting motes per distance travelled (not on a timer)—sub-segment placement, ring-buffer ordering, idle breath, 3D screen anchoring, coasting, touch and reduced-motion…
لغة النص الأصلي: الإنجليزية
Use when creating or redesigning SaaS or AI product landing pages where a real workflow, interface, or deterministic demo is the central proof—pale atmospheric shells, product UI in the hero, prompt-to-output stories, audience tabs, compact feature modules,…
لغة النص الأصلي: الإنجليزية
Use when building cursor-following spotlight reveals that expose a second aligned image through a soft radial mask—hover-to-color, before-and-after, x-ray, material, texture, product-detail, or illustrated heroes where a desaturated or embossed base stays…
لغة النص الأصلي: الإنجليزية
Use when turning an ordered process into a data-driven vertical or horizontal scroll story with a base line, progress fill, active step states, responsive collapse, semantic fallback, and reduced-motion—onboarding, checkout, roadmaps, recipes, case studies,…
لغة النص الأصلي: الإنجليزية
Use when building reversible scroll-controlled visual transformations with a pinned or sticky stage, normalized progress, and video, image-sequence, canvas, SVG, or DOM renderers—hero transformations, product assembly, UI walkthroughs, object rotation,…
لغة النص الأصلي: الإنجليزية
Use when revealing marked-up text word by word as scroll progress advances while preserving semantic inline links, emphasis, responsive wrapping, and reduced-motion readability—headlines, quotes, manifestos, product statements, onboarding, or editorial…
لغة النص الأصلي: الإنجليزية
Use when creating subtle editorial word-by-word text reveals where each word fades and rises into place on viewport entry—premium portfolio headlines, hero copy, section intros, and short marketing text needing a cinematic staggered reveal with…
لغة النص الأصلي: الإنجليزية
Use when a single section needs a restrained particle atmosphere (petals, leaves, snow, sparks, confetti, dots, paper, icons, or brand fragments) with configurable density, gravity, wind, sway, recycling, pointer disturbance, and reduced-motion…
لغة النص الأصلي: الإنجليزية
Use when building, tuning, or QA-testing a Three.js game for mobile web: touch movement and actions, target selection, touch inventory, safe areas, portrait/landscape HUD, battery/performance budgets, and real-device browser verification.
لغة النص الأصلي: الإنجليزية
Use when building or refactoring reusable, data-driven enemy archetype and moveset systems for Three.js action games—content schemas, model/rig conventions, combat timing and contact contracts, runtime state boundaries, placeholders, fixtures, or playthrough…
لغة النص الأصلي: الإنجليزية
Use when building scroll-controlled real-time Three.js experiences as one persistent 3D world whose camera, lighting, atmosphere, materials, objects, DOM story, and interactions evolve across authored chapters (scrollytelling, portfolios, product stories,…
لغة النص الأصلي: الإنجليزية
Use when creating premium cinematic web motion with GSAP, ScrollTrigger, and Lenis for luxury editorial sites, creative portfolios, or Awwwards-style interactions: smooth scroll reveals, staggered text, parallax, pinned sections, magnetic hover, custom…
لغة النص الأصلي: الإنجليزية
Use when creating or redesigning creative-studio, agency, photographer, artist, or portfolio sites where project work leads—dark editorial shells, full-bleed campaign media, color-coded case-study chapters, oversized service typography, restrained reveals,…
لغة النص الأصلي: الإنجليزية
Use when creating or redesigning appointment-based service sites for salons, barbers, spas, wellness studios, clinics, or hospitality—warm editorial layouts, serif-led identity, documentary portraits, calm treatment selectors, location-aware booking, and…
لغة النص الأصلي: الإنجليزية
Use when building falling leaves that read as leaves (not confetti): each leaf tumbling on its own axis with sideways slip driven by that tumble. Covers 2D canvas and instanced 3D, recycling, density maths, depth layering, tone-mapped colour, reduced motion,…
لغة النص الأصلي: الإنجليزية
Use when creating or redesigning enterprise AI, automation, security, or operations product pages that explain system boundaries, approvals, auditability, exceptions, and rollback—dark cinematic heroes, hairline grids, metric pauses, expandable solution rows,…
لغة النص الأصلي: الإنجليزية
Use when profiling, diagnosing, or improving Three.js or WebGL game performance without regressing gameplay—frame-time drops, CPU/GPU pressure, draw calls, texture/geometry budgets, animation loops, adaptive quality, mobile performance, and browser…
لغة النص الأصلي: الإنجليزية
Use when building a cursor trail whose spacing stays constant at any hand speed by emitting motes per distance travelled (not on a timer)—sub-segment placement, ring-buffer ordering, idle breath, 3D screen anchoring, coasting, touch and reduced-motion…
لغة النص الأصلي: الإنجليزية
Use when creating or redesigning SaaS or AI product landing pages where a real workflow, interface, or deterministic demo is the central proof—pale atmospheric shells, product UI in the hero, prompt-to-output stories, audience tabs, compact feature modules,…
لغة النص الأصلي: الإنجليزية
Use when building cursor-following spotlight reveals that expose a second aligned image through a soft radial mask—hover-to-color, before-and-after, x-ray, material, texture, product-detail, or illustrated heroes where a desaturated or embossed base stays…
لغة النص الأصلي: الإنجليزية
Use when turning an ordered process into a data-driven vertical or horizontal scroll story with a base line, progress fill, active step states, responsive collapse, semantic fallback, and reduced-motion—onboarding, checkout, roadmaps, recipes, case studies,…
لغة النص الأصلي: الإنجليزية
Use when building reversible scroll-controlled visual transformations with a pinned or sticky stage, normalized progress, and video, image-sequence, canvas, SVG, or DOM renderers—hero transformations, product assembly, UI walkthroughs, object rotation,…
لغة النص الأصلي: الإنجليزية
Use when revealing marked-up text word by word as scroll progress advances while preserving semantic inline links, emphasis, responsive wrapping, and reduced-motion readability—headlines, quotes, manifestos, product statements, onboarding, or editorial…
لغة النص الأصلي: الإنجليزية
Use when creating subtle editorial word-by-word text reveals where each word fades and rises into place on viewport entry—premium portfolio headlines, hero copy, section intros, and short marketing text needing a cinematic staggered reveal with…
لغة النص الأصلي: الإنجليزية
Use when a single section needs a restrained particle atmosphere (petals, leaves, snow, sparks, confetti, dots, paper, icons, or brand fragments) with configurable density, gravity, wind, sway, recycling, pointer disturbance, and reduced-motion…
لغة النص الأصلي: الإنجليزية
Use when building, tuning, or QA-testing a Three.js game for mobile web: touch movement and actions, target selection, touch inventory, safe areas, portrait/landscape HUD, battery/performance budgets, and real-device browser verification.
لغة النص الأصلي: الإنجليزية
Use when building or refactoring reusable, data-driven enemy archetype and moveset systems for Three.js action games—content schemas, model/rig conventions, combat timing and contact contracts, runtime state boundaries, placeholders, fixtures, or playthrough…
لغة النص الأصلي: الإنجليزية
Use when building scroll-controlled real-time Three.js experiences as one persistent 3D world whose camera, lighting, atmosphere, materials, objects, DOM story, and interactions evolve across authored chapters (scrollytelling, portfolios, product stories,…
لغة النص الأصلي: الإنجليزية
Use when creating premium cinematic web motion with GSAP, ScrollTrigger, and Lenis for luxury editorial sites, creative portfolios, or Awwwards-style interactions: smooth scroll reveals, staggered text, parallax, pinned sections, magnetic hover, custom…
لغة النص الأصلي: الإنجليزية
Use when creating or redesigning creative-studio, agency, photographer, artist, or portfolio sites where project work leads—dark editorial shells, full-bleed campaign media, color-coded case-study chapters, oversized service typography, restrained reveals,…
لغة النص الأصلي: الإنجليزية
Use when creating or redesigning appointment-based service sites for salons, barbers, spas, wellness studios, clinics, or hospitality—warm editorial layouts, serif-led identity, documentary portraits, calm treatment selectors, location-aware booking, and…
لغة النص الأصلي: الإنجليزية
Use when building falling leaves that read as leaves (not confetti): each leaf tumbling on its own axis with sideways slip driven by that tumble. Covers 2D canvas and instanced 3D, recycling, density maths, depth layering, tone-mapped colour, reduced motion,…
لغة النص الأصلي: الإنجليزية
Use when creating or redesigning enterprise AI, automation, security, or operations product pages that explain system boundaries, approvals, auditability, exceptions, and rollback—dark cinematic heroes, hairline grids, metric pauses, expandable solution rows,…
لغة النص الأصلي: الإنجليزية
Use when profiling, diagnosing, or improving Three.js or WebGL game performance without regressing gameplay—frame-time drops, CPU/GPU pressure, draw calls, texture/geometry budgets, animation loops, adaptive quality, mobile performance, and browser…
لغة النص الأصلي: الإنجليزية