cinematic-3d-website
Use when building a scroll-driven cinematic 3D landing experience for any brand: AI-generated photoreal frames displaced into real 3D by depth maps, a…
Skill by oimiragieo
Chalk Labs
Need help deploying cinematic-3d-website?
Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/oimiragieo-cinematic-3d-website
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/cinematic-3d-website
What's inside
- Skill name
cinematic-3d-website- Description
- Use when building a scroll-driven cinematic 3D landing experience for any brand: AI-generated photoreal frames displaced into real 3D by depth maps, a scroll-scrubbed camera fly-through with weighted-leg pacing and per-leg camera moves, mouse parallax, explode-on-scroll shatter transitions, an ember particle field, warp streaks, a live in-scene terminal that runs a REAL product demo, a branded preloader, an exit handoff into the page below, a self-hosted display typeface, phone gyro parallax, and opt-in synthesized ambient sound. Covers 2K image generation via OpenRouter, depth maps, the WebGL engine, chrome (nav/consent) integration, the observe-first verify loop, and the flag-off ship posture.
- License
- NOASSERTION
- Instructions
- 7 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from oimiragieo/gotcontext-frontend-developer
- 0.514score
mengto-beautiful-shadows
oimiragieo
Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation.
SkillBFreshness: BClaude Code +9 - 0.514score
mengto-ambient-section-particles
oimiragieo
Use when a single section needs a restrained particle atmosphere (petals, leaves, snow, sparks, confetti, dots, paper, icons, or brand fragments) with…
SkillBFreshness: BClaude Code +9 - 0.514score
mengto-animation-on-scroll
oimiragieo
Create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and keyframes.
SkillBFreshness: BClaude Code +9 - 0.514score
ai-governors
oimiragieo
Use when designing or auditing AI product human-in-the-loop — write approval, proposal accept/reject, action confirm, spend caps, run detail, memory capture…
SkillBFreshness: BClaude Code +9 - 0.514score
ai-wayfinders
oimiragieo
Use when designing AI product first-run or blank-slate UX — chat empty state, example prompts, capability discovery, templates, nudges, or follow-ups.
SkillBFreshness: BClaude Code +9 - 0.514score
claude-design
oimiragieo
Use when generating, prototyping, or iterating on UI designs (prototypes, wireframes, slide decks, landing/dashboard mockups) with Anthropic's Claude Design…
SkillBFreshness: BClaude Code +9 - 0.514score
claude-design-adaptation
oimiragieo
Use when a Claude-Design export already exists and you must adapt it into a production page before render-verify — real data, honest empty states, existing…
SkillBFreshness: BClaude Code +9 - 0.514score
mengto-add-shader-cursor-trail
oimiragieo
Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid…
SkillBFreshness: BClaude Code +9 - 0.514score
mengto-animation-systems
oimiragieo
Use when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel.
SkillBFreshness: BClaude Code +9 - 0.514score
mengto-atmosphere-background
oimiragieo
Use when you need a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge…
SkillBFreshness: BClaude Code +9 - 0.514score
mengto-aura-asset-images
oimiragieo
Use when you need high-quality stock-style images from Aura Assets (aura.build/assets) similar to Unsplash for design mockups and marketing: backgrounds…
SkillBFreshness: BClaude Code +9 - 0.514score
mengto-background-grid-webgl
oimiragieo
Use when adding a perspective WebGL background grid with fading lines, subtle particle haze, slow forward drift, and gentle camera parallax.
SkillBFreshness: BClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Aug 11, 2026 (2 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- NOASSERTION
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from oimiragieo
- 0.514score
mengto-add-shader-cursor-trail
oimiragieo
Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid…
SkillBFreshness: BClaude Code +9 - 0.514score
mengto-animation-systems
oimiragieo
Use when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel.
SkillBFreshness: BClaude Code +9 - 0.514score
claude-design-adaptation
oimiragieo
Use when a Claude-Design export already exists and you must adapt it into a production page before render-verify — real data, honest empty states, existing…
SkillBFreshness: BClaude Code +9 - 0.514score
ai-wayfinders
oimiragieo
Use when designing AI product first-run or blank-slate UX — chat empty state, example prompts, capability discovery, templates, nudges, or follow-ups.
SkillBFreshness: BClaude Code +9 - 0.514score
claude-design
oimiragieo
Use when generating, prototyping, or iterating on UI designs (prototypes, wireframes, slide decks, landing/dashboard mockups) with Anthropic's Claude Design…
SkillBFreshness: BClaude Code +9 - 0.514score
mengto-atmosphere-background
oimiragieo
Use when you need a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge…
SkillBFreshness: BClaude Code +9
Done for you
Rather not set it up yourself?
Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.
See how we build AI agents →Read the case studies
Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.
- launches shipped
- 50+
- launches shipped
- media placements
- 500+
- media placements
- founders on every account
- 2
- founders on every account
Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block
Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.
Get cinematic-3d-website running in your business
Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.
Cite this page
cinematic-3d-website skill. Agent Mart. https://agentmart.dev/skills/oimiragieo-cinematic-3d-website (last updated 2026-10-24)