# RuiC Card Skill

Generate interactive 3D holographic collectible-card websites from a user description...

- Repository: https://github.com/HRuiCcc/RuiC-card-skill (627 stars)
- Category: Media
- License: see repository
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add HRuiCcc/RuiC-card-skill --skill RuiC-card-skill -g -a claude-code -y`
Codex: `npx skills add HRuiCcc/RuiC-card-skill --skill RuiC-card-skill -g -a codex -y`
Cursor: `npx skills add HRuiCcc/RuiC-card-skill --skill RuiC-card-skill -g -a cursor -y`
Gemini CLI: `npx skills add HRuiCcc/RuiC-card-skill --skill RuiC-card-skill -g -a gemini-cli -y`

## Description

Generate interactive 3D holographic collectible-card websites from a user description or reference image, using layered artwork, Blender and Three.js. Includes project-local Blender installation, reusable parallax materials and browser verification. Host-agnostic, any harness that runs a multimodal model can use it, since the model draws the layer artwork and inspects the rendered frames. Use when the user asks for 全息闪卡, 镭射卡, 3D 卡牌网页, a holographic collectible card site, or an editable card.blend.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# RuiC Card Skill

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. It is host-agnostic, nothing in it is specific to one harness or one vendor's model, and it needs a multimodal model: you produce the layer artwork and you look at the rendered frames, so the host has to be able to generate and inspect images.

## The layer stack

All layers share one canvas, normally 1024×1536 portrait. Each layer has one job and one depth, and the depth differences are what make the card read as stacked planes instead of one flat picture.

| layer | file | job | depth |
|---|---|---|---|
| subject | `assets/subject.png` | the character or hero object, real alpha, composited over the background | `subjectDepth` (0.4) |
| effects | `assets/effects.png` (optional) | a pre-cut decorative overlay, petals, sparks, thorn work, that floats **between** the subject and the typography | `effectsDepth` (0.5 forward, or negative to sink it) |
| background | `assets/background.png` | the opaque environment behind everything | `backgroundDepth` (−0.25) |
| lineart | `assets/lineart.png` | dark contours on white; drives the glowing ink glints that appear inside the subject's silhouette | follows the subject |
| text | `assets/text.png` | typography and card furniture. The viewer samples this layer **without parallax**, so a border or frame painted here stays nailed to the card edge | 0 |

Give the layers clearly different depths. Two layers at the same depth fuse into one plane and the parallax stops reading as depth; that is the single most common way a card ends up looking flat.

## Working sequence

The rest: https://github.com/HRuiCcc/RuiC-card-skill/blob/HEAD//SKILL.md