Parallax
- 13 repo stars
- Updated August 4, 2026
- clomia/claude-automata
parallax is an agent skill that helps solo builders implement parallax scroll and layered depth effects on web frontends via the claude-automata plugin.
About
parallax is a minimal Claude Automata plugin entry aimed at developers who want parallax-style scrolling and layered depth on web frontends. The published stub only names the plugin path, so treat it as a specialized frontend helper you pull in during Build rather than a full methodology skill. It suits SaaS and content sites where marketing pages need motion without a dedicated motion designer. Pair it with your existing stack (React, static site, or HTML/CSS) and let the agent wire scroll listeners, transform layers, and performance-safe fallbacks. Because documentation in the ingest is thin, review the plugin folder in the repo before relying on it in production. Use when you already have layout and copy and want a citable, repeatable parallax pass instead of improvising CSS and JS in chat.
- Parallax plugin sourced from the claude-automata plugins tree for agent-driven UI work
- Targets scroll-linked depth and motion patterns common on indie landing pages
- Fits Claude Automata-style plugin workflows alongside other frontend helpers
- Best invoked when a page layout exists but needs polish and perceived depth
- Keeps parallax setup out of one-off chat snippets
Parallax by the numbers
- Data as of Aug 5, 2026 (Skillselion catalog sync)
/plugin marketplace add clomia/claude-automata/plugin install parallax@claude-automataAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| repo stars | ★ 13 |
|---|---|
| Last updated | August 4, 2026 |
| Repository | clomia/claude-automata ↗ |
What it does
Add parallax scroll and depth effects to landing pages and marketing sites without hand-rolling animation code each time.
Who is it for?
Best when you're shipping marketing or content sites and want agent-assisted parallax on an existing frontend codebase.
Skip if: Skip if you need a full design system, accessibility audit, or heavy WebGL scenes—use dedicated design and perf skills first.
When should I use this skill?
When a web frontend page needs parallax or layered scroll depth and you are implementing UI during Build.
What you get
After invoking parallax, your agent applies a consistent parallax pattern to the target UI so the page feels polished and ready for Ship review.
- Parallax-ready markup, styles, or component changes on the target page
- Documented scroll/transform behavior the agent can hand off to testing
Files
parallax
Source: ./plugins/parallax
{ "name": "parallax", "source": "./plugins/parallax" }
Related skills
Vercel React Best PracticesAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.587k29.6kVercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.267k29.6k
ShadcnAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.257k120k
Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.224k72
Minimalist UiGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilita212k69.4kImage To CodeConvert high-fidelity design images into production-ready, visually accurate frontend code that avoids generic AI design pitfalls.177k69.4kHow it compares
Use as a focused frontend plugin skill, not as a journey-wide planning or multi-agent orchestration playbook.
FAQ
Who is parallax for?
parallax is for developers using Claude Code or similar agents who are in the Build phase and want scroll-depth effects on web pages without manual animation research each time.
When should I use parallax?
Use parallax during Build (frontend) when a page structure exists and you want layered scroll motion; it is not meant for Idea research, Validate prototypes, or Operate monitoring workflows.
Is parallax safe to install?
Prism surfaces separate install and security audit data for this skill; read the Security Audits panel on this detail page and inspect the clomia/claude-automata plugin source before granting filesystem or browser permissions.