'horizontal' 검색 결과

Build scroll animations with GSAP or Framer Motion, including fade-ins, parallax effects that move layers at different speeds, pinned sections, and horizontal scrolling. Provides implementation patterns for vanilla JavaScript, React, and Next.js, with accessibility guidance.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Fade cards in as they enter the screen
• Create parallax effects for images and text
• Build pinned sections with sequential animations

Render landscape videos with KrillinAI CLI, combining original footage with bilingual subtitles or prepared dubbed footage with target-language subtitles. Optionally replace audio, adjust subtitle styling, and verify the output video and subtitle placement.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Render landscape videos with bilingual subtitles
• Add target-language subtitles to prepared dubbed footage
• Replace audio or customize subtitle styling

Review CSS layouts for unwanted horizontal scrolling on narrow screens and at high browser zoom. Identify fixed widths, overflowing media, and unbroken text, then apply layout fixes that keep content readable within the viewport.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Fix horizontal scrolling on mobile pages
• Check page layouts at 400% browser zoom
• Review wrapping for long URLs and large images

Diagnose failures in GKE HorizontalPodAutoscaler (HPA), which adjusts Pod counts automatically. Investigate missing metrics, unexpected scaling behavior, and slow reactions, then receive proposed configuration fixes or commands for review before deployment.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigating unknown metrics and HPA errors
• Diagnosing workloads that will not scale up or down
• Troubleshooting scaling to and from zero

Build chapter-based pages that move sideways as visitors scroll vertically. Deriving each scene from scroll position keeps reverse scrolling, jumps, and reloads consistent, with guidance for transitions, chapter links, keyboard controls, and reduced motion.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building a horizontal product tour
• Creating a chapter-based scrolling story
• Fixing scene mismatches after jumps or reloads

Build web animations with GSAP ScrollTrigger that respond to scrolling. The skill covers pinned sections, animation progress linked to scroll position, horizontal movement, and the position updates and cleanup needed when page content changes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Animate elements as they enter the viewport
• Keep a section pinned while its content animates
• Move content horizontally through vertical scrolling

랜딩 페이지와 제품 사이트의 디자인을 섹션별 가로 이미지로 만듭니다. 색상과 서체를 통일하며 구도와 여백, 버튼 표현을 달리해 구현 참고 자료로 제공합니다.

• 랜딩 페이지를 섹션별로 검토합니다
• 첫 섹션의 구도를 검토합니다
• 개발자에게 참고 이미지를 공유합니다

Build web animations with GSAP ScrollTrigger that respond to scrolling. Move or reveal elements, keep sections pinned in place, link animation progress to scroll position, and create parallax effects or horizontal movement driven by vertical scrolling.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reveal cards as they enter the viewport
• Keep a section pinned during scrolling
• Link animation progress to scroll position

Create horizontal browser presentations in a magazine-inspired or Swiss Style design. HTML templates provide animated backgrounds, image and data layouts, speaker notes, timing, and a synchronized audience window for talks, product launches, and demonstrations.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating magazine-inspired slides for talks
• Presenting product launches in Swiss Style
• Organizing data and screenshots into visual slides

Build web animations with GSAP ScrollTrigger that respond to scrolling. Move or reveal elements, keep sections pinned in place, link animation progress to scroll position, and create parallax effects or horizontal movement driven by vertical scrolling.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reveal cards as they enter the viewport
• Keep a section pinned during scrolling
• Link animation progress to scroll position

Create a simple HTML slide deck for pitches, overviews, or study materials. Each page pairs one main point with an image or chart, with horizontal navigation, keyboard controls, and a progress bar.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Preparing slides for a project pitch
• Presenting a product or service overview
• Organizing study notes into slides

Create a horizontally navigated HTML presentation with a magazine and e-paper look. Combine a flowing WebGL cover background, serif headlines, chapter dividers, large numbers, image grids, and quotation pages to present your content.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Presenting a campaign with a magazine look
• Highlighting a key number with a short explanation
• Combining image grids and quotation pages

Turn ordered steps into a vertical or horizontal timeline whose progress line and active step update as readers scroll. Keep the sequence readable across screen sizes, with keyboard navigation and support for reduced-motion preferences.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Present onboarding or service steps as a scroll timeline
• Show a roadmap or history with visible progress
• Adapt a timeline for small screens

Create CSS snippets that gradually fade the horizontal or vertical edges of images, text, or containers. Adjust fade width and opacity, with both standard and Safari mask properties included.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Fade the left and right edges of an image
• Fade text at the top and bottom
• Adjust fade width and opacity

Create branded 试界TryWorld AI-knowledge videos in the fixed "Paper Algorithm" (纸上算法) style with HyperFrames. Input is a Chinese voiceover script and optional images; output is a 16:9 horizontal video with Azure YunxiNeural (真·云希) voiceover, word-synced captions, ink/paper animations and unified transitions, an always-visible anti-counterfeit red seal, plus horizontal (4:3) and vertical (3:4) cover images and platform-optimized titles for Bilibili/Douyin/Xiaohongshu. Brand values are theme-driven (themes/paper-algorithm.json by default; custom brand themes supported — see references/theme-guide.md). Use when the user provides an AI 科普/教程/内容解读/知识分享 script and wants a TryWorld/试界 branded video, asks for the 纸上算法/Paper Algorithm style, wants a consistent script-to-video pipeline with covers and titles, or wants this pipeline with their own brand theme.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use this skill whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scroll, text animations, or any motion tied to scroll position — in vanilla JS, React, or Next.js. Covers GSAP ScrollTrigger (pinning, scrubbing, snapping, timelines, horizontal scroll, ScrollSmoother, matchMedia) and Framer Motion / Motion v12 (useScroll, useTransform, useSpring, whileInView, variants). Use this skill even if the user just says "animate on scroll", "fade in as I scroll", "make it scroll like Apple", "parallax effect", "sticky section", "scroll progress bar", or "entrance animation". Also triggers for Copilot prompt patterns for GSAP or Framer Motion code generation. Pairs with the premium-frontend-ui skill for creative philosophy and design-level polish.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Expert en scalabilité des agents IA (scaling horizontal, load balancing, gestion de files, rate limiting)

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Horizontal-first slicing methodology with mandatory ASCII preview for UIKit layout design

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use this skill whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scroll, text animations, or any motion tied to scroll position — in vanilla JS, React, or Next.js. Covers GSAP ScrollTrigger (pinning, scrubbing, snapping, timelines, horizontal scroll, ScrollSmoother, matchMedia) and Framer Motion / Motion v12 (useScroll, useTransform, useSpring, whileInView, variants). Use this skill even if the user just says "animate on scroll", "fade in as I scroll", "make it scroll like Apple", "parallax effect", "sticky section", "scroll progress bar", or "entrance animation". Also triggers for Copilot prompt patterns for GSAP or Framer Motion code generation. Pairs with the premium-frontend-ui skill for creative philosophy and design-level polish.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Turn product requirements, roadmaps, architecture reviews, and retrospectives into HTML slides for decision-making. Choose one of eight visual themes to create a consistent, horizontally navigable deck, using source evidence and real numbers to support review.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building a business case for a proposed feature
• Preparing a roadmap for stakeholder review
• Presenting architecture choices for a decision

Create a horizontal-swipe HTML deck for an operating review, organizing growth, cash burn, and sustainability around leadership decisions. Use supplied layouts and the active design system to produce a single index.html file.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Preparing an operating review for leadership
• Creating a board pre-read for a decision
• Presenting growth and cash burn in HTML slides

Build a magazine-style HTML presentation that explains a brand’s purpose, beliefs, and direction to partners, press, or a community. Combine seven slide types with horizontal navigation, touch swipes, and a thumbnail overview.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Explaining a brand story to partners and press
• Creating a founder pitch or conference presentation
• Combining product details, metrics, and customer quotes

Create horizontal slide decks with an editorial magazine and e-ink look. Ten layouts and five palettes organize narratives, quotations, images, and data into a paper-inspired presentation delivered as a single HTML file.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Presenting ideas in a magazine-style deck
• Highlighting research findings and key numbers
• Organizing talks with chapter dividers

Generate separate horizontal design reference images for each section of a landing page or marketing website. It coordinates colors, typography, imagery, spacing, and action buttons while varying layouts to give developers a concrete visual guide.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating visual references for every landing page section
• Exploring a minimalist or editorial hero design
• Coordinating colors and typography across website sections