跳到正文
cccskills

“horizontal”的搜索结果

126 个 · 按相关度排序

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
github/awesome-copilot4万2026年10月21日 更新

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
krillinai/OpenCreator1.4万2026年10月21日 更新

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
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

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
google/skills2.1万2026年10月21日 更新

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
MengTo/Skills68722026年10月18日 更新

imagegen-frontend-web

免费有简介AI 评分 90分

将落地页或产品网站的设计方案按区块生成为独立横向参考图,统一配色、字体与图片处理方式,同时变化构图、留白和按钮呈现,供开发人员或编程代理参考。

  • 逐区块讨论落地页设计
  • 研究首屏构图
  • 向开发人员分享参考图
nexu-io/open-design10.3万2026年10月21日 更新

gsap-scrolltrigger

免费有简介AI 评分 90分

使用GSAP实现随滚动变化的网页动画,涵盖元素固定、动画进度联动和横向移动,也处理布局变化后的触发位置重算及页面切换时的清理。

  • 让进入视口的元素播放动画
  • 滚动时固定展示某个区块
  • 通过纵向滚动实现横向移动
nexu-io/open-design10.3万2026年10月21日 更新

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
calesthio/OpenMontage7万2026年10月17日 更新

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
op7418/guizang-ppt-skill2.8万2026年8月7日 更新

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
greensock/gsap-skills1.7万2026年7月30日 更新

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
nexu-io/html-anything91922026年10月13日 更新

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
nexu-io/html-anything91922026年10月13日 更新

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
MengTo/Skills68722026年10月18日 更新

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
MengTo/Skills68722026年10月18日 更新

Turns JSON event data into interactive HTML timelines for milestones, histories, or resumes. Choose vertical, horizontal, or dual-side layouts, customize colors, and expand event details in a mobile-friendly page that opens directly in a browser.

中文简介正在准备中。当前显示英语简介。

  • Displaying project milestones
  • Presenting product release histories
  • Creating a company history timeline
zebbern/claude-code-guide46722026年10月21日 更新

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.

中文简介正在准备中。当前显示原文说明。

TryWorld2026/paper-algorithm342026年9月22日 更新

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.

中文简介正在准备中。当前显示原文说明。

mouadja02/skills102026年10月20日 更新

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

中文简介正在准备中。当前显示原文说明。

ziri22/agency-roster62026年7月1日 更新

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

中文简介正在准备中。当前显示原文说明。

JordanCoin/ios-skills-collection62026年9月10日 更新

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.

中文简介正在准备中。当前显示原文说明。

jcasnellie69/homelab-config22026年10月16日 更新

replit-deck

免费有简介AI 评分 90分

将功能提案、路线图、设计评审和复盘材料整理为辅助决策的HTML幻灯片。从八种主题中选择一种,统一所有页面的视觉风格,并支持横向翻页。

  • 说明采用新功能的理由
  • 准备路线图评审材料
  • 比较技术设计方案
nexu-io/open-design10.3万2026年10月21日 更新

simple-deck

免费有简介AI 评分 80分

将增长、资金消耗和业务持续经营的路径整理为便于管理层决策的横向滑动式HTML幻灯片,遵循现有设计规范,并将成品保存为单个文件。

  • 制作管理层经营复盘材料
  • 准备董事会决策材料
  • 用HTML说明增长与资金消耗
nexu-io/open-design10.3万2026年10月21日 更新

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
nexu-io/open-design10.3万2026年10月21日 更新

deck-guizang-editorial

免费有简介AI 评分 90分

制作兼具杂志版面与电子纸观感的横向幻灯片,提供十种布局和五套配色,将观点与数据组织成纸张印刷风格的演示文稿。

  • 用杂志风格演示文稿表达观点
  • 分享研究结果和关键数值
  • 制作按章节组织的演示文稿
nexu-io/open-design10.3万2026年10月21日 更新