skills.rest
AshesOfTheUndead
AshesOfTheUndeadCOMMUNITY
Explore all skills by this author →
GitHub

vr-canvas

Generate a single-file 3D-immersive portfolio website with a cylindrical mouse-interactive canvas.

Updated Jul 9, 2026
Search Tags:#template#portfolio#web-design#3d#vr#immersive
One-click install
npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill vr-canvas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vr-canvas
Source: https://github.com/AshesOfTheUndead/rezurxlib/tree/main/skills/design/design-templates/vr-canvas
Command: npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill vr-canvas

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill solves the challenge of creating high-impact, immersive portfolio websites that stand out from standard grid-based layouts by generating a 3D-cylindrical, VR-style canvas.

Core Features & Use Cases

  • Immersive 3D Canvas: Automatically tiles project works onto a concave, wraparound cylinder/sphere that responds to mouse tilt and drag.
  • Dynamic Content Generation: Parses natural language descriptions of studios and projects to populate About, CV, Contact, and Filter overlays.
  • Dual-Mode Execution: Supports local file system generation (Claude Code) or direct HTML output (GLM/Chat) for immediate browser preview.

Quick Start

Use the vr-canvas skill to generate a new portfolio website for my design studio using the project images in the current folder and the provided studio bio.

Frequently Asked Questions about vr-canvas

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a 3D immersive portfolio website without external dependencies?▼

You can generate a 3D immersive portfolio website by providing natural language descriptions and project assets, which automatically populate a single-file HTML5, CSS3, and JavaScript output that renders a cylindrical canvas without external dependencies.

Can I use natural language inputs to populate portfolio website overlays?▼

Yes, the system parses natural language descriptions of studios and projects to automatically populate About, CV, Contact, and Filter overlays onto the 3D wraparound canvas.

Does a cylindrical VR-style canvas support mouse interaction for project display?▼

A cylindrical VR-style canvas supports mouse tilt and drag interactions, allowing users to navigate a concave, wraparound sphere that dynamically tiles project works for display.

What is the best way to create an immersive web design portfolio that stands out from grid layouts?▼

The best way to create an immersive web design portfolio that stands out from standard grid layouts is generating a 3D-cylindrical, VR-style canvas that tiles project works onto a wraparound surface responding to mouse interactions.

Do I need external libraries to render a spherical projection for an interactive HTML portfolio?▼

No, you do not need external libraries to render a spherical projection and interactive overlays; the single-file output relies solely on HTML5, CSS3, and JavaScript to render the 3D canvas.

How does local file system generation work for 3D portfolio websites?▼

Local file system generation works by reading project images and studio descriptions from the current folder to produce a single-file, 3D-immersive HTML output for immediate browser preview.

Related Skills

Explore More Design & Creative Skills→
SufficientDaikonSufficientDaikon
8

ux-writer

Draft portfolio copy with anti-slop rules and voice calibration.

Community
Advanced
doncan-orozcodoncan-orozco

web-artifacts

Generate self-contained HTML/CSS/JavaScript artifacts for interactive web components.

Community
Intermediate
Kael-DeanKael-Dean

3d-web-experience

Create interactive 3D web scenes with Three.js and React Three Fiber.

Community
Advanced
7a336e6e7a336e6e
1

creating-page-layouts

Design editorial page layouts with CSS Grid, asymmetry, and bento grids.

Community
Intermediate