parallax-effect-pro

Name: parallax-effect-pro
Author: alvintayzhenwei

Pending

1stars

0forks

TypeScript

Added 10/10/2026

Installation

# Add to your Claude Code skills
git clone https://github.com/alvintayzhenwei/parallax-effect-pro

Getting Started

Guides for using ai agents skills like parallax-effect-pro.

Caveman: Cut Claude Token Use by 65%
How agent-side prompt compression works, when to use it, and when not to.
What is an AI Skills Marketplace?
Definitions, how marketplaces work, and how to choose between them in 2026.
Getting Started with AI Skills

README.md

Frequently Asked Questions

What is parallax-effect-pro?

parallax-effect-pro is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by alvintayzhenwei. It has 1 GitHub star.

Is parallax-effect-pro safe to use?

parallax-effect-pro's catalog security scan is still queued. You can run an instant dependency and prompt-injection check now with the "Scan for vulnerabilities" button above.

How do I install parallax-effect-pro?

Clone the repository with "git clone https://github.com/alvintayzhenwei/parallax-effect-pro" and add it to your Claude Code skills directory (see the Installation section above).

What programming language is parallax-effect-pro written in?

parallax-effect-pro is primarily written in TypeScript. It is open-source under alvintayzhenwei on GitHub, so you can review or fork the full source.

Are there alternatives to parallax-effect-pro?

Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh parallax-effect-pro against similar tools.

Agentic AI for Beginners

Build your first AI agent from scratch - tool use, ReAct pattern, memory, deployment

41 minBeginner

Comments (0)

to leave a comment.

No comments yet. Be the first to share your thoughts!

Related Skills

ECC

by affaan-m

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

275,610

kanban-lite plan-it

⚠️ Third-Party Software Notice

This skill is third-party open-source software developed and hosted independently on GitHub. SkillsLLM is an informational directory and does not control or maintain the underlying repository.

Any security checks, ratings, or warnings displayed by SkillsLLM are automated and limited in scope. They do not constitute a security certification or guarantee that the software is safe, error-free, or free from malicious code, vulnerabilities, compromised dependencies, or prompt-injection risks.

Review the source code, permissions, dependencies, and configuration before installing or running any third-party skill. Use is at your own risk. To the maximum extent permitted by applicable law, SkillsLLM is not liable for losses arising from third-party software.

Read the Terms of Service

Parallax Effect Pro

Shape motion stories with your coding agent, review local previews, and integrate approved choreography into your existing site.

Compare three tailored motion concepts before implementation.
Preview layered or continuous motion locally, including mobile and reduced-motion views.
Export revision-bound handoffs for your host-owned website.

Website example: no AI video required

lvntay.ai demonstrates parallax through layered artwork, native scrolling, and CSS transforms, without AI-generated video. Scroll through the desktop windows and watch the terminal illustration's layers move at different depths.

AI video generators such as Higgsfield and Runway are optional asset sources, not requirements for creating parallax. Existing images, SVGs, and interface elements can supply the layers; your website's code controls their motion.

Quickstart

Requires Node.js 24+ and npm.

# Source checkout
git clone https://github.com/alvintayzhenwei/parallax-effect-pro.git
cd parallax-effect-pro
npm ci
npm run build
node dist/cli.js doctor

From a customer project, install release 0.1.2 after npm publication:

npx --yes @alvintayzhenwei/parallax-effect-pro@0.1.2 doctor
npm install @alvintayzhenwei/parallax-effect-pro@0.1.2

doctor reports runtime: "supported" and assets: "present". Host and Runway connections remain unverified until configured.

npm installation provides the CLI and local tools. Complete host setup separately to install a skill and configure stdio tools.

Workflow

Describe your site and compare three motion concepts.
Preview and refine the selected story, including mobile and reduced-motion behavior.
Approve the exact revision, export its handoff, and build in your existing site stack.
Review the integrated site; approve publication separately.

New release: 0.1.2

Version 0.1.2 improves parallax revamps for existing websites:

A dedicated revamp workflow traces the actual scroll container, reuses existing hooks/CSS, and diagnoses motion with no visible effect.
Native host effects need no story record or stage export; packaged stages retain revision approval and handoff requirements. AI video generation remains optional.
Integrated local previews and before/after evidence make changes reviewable, with a runnable example checked for nested scrolling, reverse motion, reduced motion, resize, and mobile overflow.

See the verification report for executed checks and limits. Customer-site creative acceptance and full end-to-end acceptance remain pending.

Release changes are summarized in the changelog.

Publication status: The 0.1.2 release is being prepared; npm publication is pending. For testing before publication, use this source checkout or the local Codex plugin 0.1.2-revamp.1.

Documentation

Getting started: source checkout · npm usage · host setup

Preview and workflow: first website · Preview Mode · continuous motion

Capabilities and examples: features · effects · media · complete example

Reference and operations: tools and approval boundaries · checks and evidence · troubleshooting · releasing · security · sources and license

Branding: logo options