EverettFish/holo-card-studio

Turn the user's description or uploaded reference into a finished, editable Blender card and an interactive Three.js page. Preserve the requested subject, style, typography and destination. This skill contains code and text only; generated artwork belongs in the user's output project.

What it solves

It allows users to create professional-grade 3D holographic and lenticular trading cards from simple text descriptions or images. It automates the complex process of generating layered artwork, setting up 3D scenes in Blender, and deploying an interactive web viewer, removing the need for manual 3D modeling or graphic design expertise.

How it works

The project operates as a "Codex Skill" that orchestrates a multi-step pipeline:

  1. Layered Generation: It creates four distinct image layers (subject, background, line art, and text) to create a depth effect.
  2. 3D Scene Construction: It uses Blender to set up parallax, laser rainbow effects, and starlight textures. It can automatically download and configure a portable version of Blender if one is not present.
  3. Web Deployment: It uses Three.js to rebuild the holographic effect in a browser, allowing users to rotate, flip, and adjust the card's depth and shimmer via a responsive webpage.
  4. Lenticular Mode: A separate mode allows for "flip cards" using two full images (A and B) that switch based on the viewing angle.

Who it’s for

  • Casual Users: People wanting to create personalized holographic cards for pets, friends, or special occasions.
  • Game Developers: Indie devs needing character cards for their games.
  • Designers: Artists wanting to experiment with holographic materials and shaders in Blender.
  • Corporate Teams: Organizations creating unique digital onboarding or anniversary cards.

Highlights

  • Automated Pipeline: Handles everything from image generation to a live web link.
  • Crossover Tools: Provides a fully editable .blend file for professional refinement.
  • Interactive Viewer: A responsive Three.js viewer supporting mouse and touch interaction.
  • Flexible Modes: Supports both holographic (multi-layer parallax) and lenticular (dual-image switching) effects.
  • Customizable Parameters: Adjustable settings for parallax intensity, laser stripe density, and glow effects.

Related

  • Project
    HRuiCcc/RuiC-card-skill

    An automated pipeline that transforms text or images into interactive 3D holographic cards with depth and shimmer, delivering both a web viewer and an editable Blender project.

  • Project
    vinhhien112/img2obj

    A Codex plugin that transforms reference images into animation-ready procedural Three.js objects by generating the necessary construction code through a structured analysis and review workflow.

  • Project
    scottstts/Threejs-Awesome-Graphics-Agent-Skills

    Threejs‑Awesome‑Graphics‑Agent‑Skills is an npm package that bundles ready‑to‑use, high‑quality Three.js code snippets (called “skills”) for advanced visual effects—procedural materials, realistic oceans, volumetric clouds, ray‑marched space scenes, and more. It installs these snippets into the directory layout expected by AI coding assistants (Codex, Claude Code, Cursor, etc.), letting the agents copy‑paste proven implementations when a user asks for “awesome graphics”. The repo includes an example gallery, validation scripts, and a deterministic capture pipeline, making it a practical resource for developers and AI‑augmented workflows.

  • Project
    yejy53/Editable-Design

    Editable‑Design is a GitHub project that offers Codex Skills for AI‑driven creation of editable visual assets (posters, infographics, research diagrams). Users install a Skill, give a natural‑language prompt, and receive structured HTML/CSS (or PPTX) with real text, separate image layers, a visual editor, and a replay of the agent’s design steps.

  • Project
    LiamGvchi/gc-minimal-zine-poster

    A Codex skill that transforms themes or photos into minimal, paper-textured editorial posters using a structured prompt-compilation system.