RuiC Card Skill
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.
Install
npx skills add HRuiCcc/RuiC-card-skill --skill RuiC-card-skillgit clone --depth 1 https://github.com/HRuiCcc/RuiC-card-skill.git /tmp/RuiC-card-skill
mkdir -p ~/.claude/skills
cp -r /tmp/RuiC-card-skill/. ~/.claude/skills/RuiC-card-skillPersonal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.
From the SKILL.md
# 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 |
Details
- Skill name
RuiC-card-skill- Repository
- HRuiCcc/RuiC-card-skill
- Repo updated
- 30 September 2026
FAQ
What does the RuiC Card Skill skill do?
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.
How do I install the RuiC Card Skill skill?
skills CLI (Claude Code, Cursor, Codex and more): npx skills add HRuiCcc/RuiC-card-skill --skill RuiC-card-skill. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.
Is RuiC Card Skill popular?
It lives in HRuiCcc/RuiC-card-skill, which has 620 GitHub stars and 50 forks.
Related skills
Tv Fresh
532wangrongding/tv-fresh
小米电视(MIUI TV)改造技能：去广告、换桌面、装代理/YouTube/影视仓、批量清理预装、远程操控电视。当用户提到小米电视/Redmi电视/电视盒子去广告、换Launcher、TVBox/影视仓配置、电视装代理或YouTube、adb 操作电视时使用。需要电视与电脑同网且开启 ADB 调试。
Youtube to Ebook
584zarazhangrui/youtube-to-ebook
Transform YouTube videos into beautifully formatted ebook articles with transcripts
Video Router
334Orkas-AI/Orkas-VideoStudio
Read this FIRST on any video-production request to pick and lock the line — generate (AI footage), compose (designed HTML), edit (cut real footage), or AUTO end-to-end. Trigger when classifying a brief and committing to a primary path; do NOT trigger for authoring compositions, generating assets, or rendering output (those have their own stage skills).
Youtube Fetcher
518JimmySadek/video-fetcher-to-markdown
Retrieve transcripts from YouTube, Instagram, TikTok, X, Vimeo and other video sites, summarize or analyze what was said (and shown on screen), or save an Obsidian-ready Markdown knowledge-base note with captions or a Whisper transcript, creator metadata, frames, language, and source provenance. Use for a video URL, video ID or local video file when the request needs spoken content, on-screen text, or an archival note. A bare video link defaults to saving a note.
Ecom Pdp
496coolqoo/1click-ecom-detailpage
Build high-converting cross-border ecommerce PDP, hero image, product image stack, and AI image prompt strategy by resolving minimum inputs in priority order from user input, attachments, context, web research, logic inference, and explicit assumptions/defaults; then diagnose the conversion driver, produce an English (US) baseline, optionally localize while preserving intent, and generate executable image prompts or images through the bundled OpenAI-compatible image script.
Image Prompt Reverse
673LunarXuan/image-prompt-reverse
Analyze user-provided reference images and reverse-engineer high-fidelity AI image-generation prompts. Use when the user asks to recreate, imitate, reverse-engineer, or extract prompts from photographs, illustrations, 3D renders, products, characters, landscapes, typography, logos, posters, or other visual references. Do not use for requests that only require OCR or an ordinary image description.
Browse the most popular Claude skills, all images, video & audio skills, or write your own with the skills generator.