Guizang Social Cards
op7418/guizang-social-card-skill
Produces social card sets for Xiaohongshu and WeChat: carousels, Live Photo motion cards and puzzle layouts, and WeChat cover pairs, rendered from single-file HTML.
Generate or refresh a Pneuma mode's launcher showcase: metadata, hero image, and feature images.
Install Showcase
$ npx skills add pandazki/pneuma-skills --skill showcase -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install pandazki/pneuma-skills showcase --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/pandazki/pneuma-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/showcase .claude/skills/showcase && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "showcase" agent skill from https://github.com/pandazki/pneuma-skills/tree/main/.agents/skills/showcase into .claude/skills/showcase/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "showcase", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/pandazki/pneuma-skills/tree/main/.agents/skills/showcaseType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add pandazki/pneuma-skills --skill showcase -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install pandazki/pneuma-skills showcase --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/pandazki/pneuma-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/showcase .agents/skills/showcase && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "showcase" agent skill from https://github.com/pandazki/pneuma-skills/tree/main/.agents/skills/showcase into .agents/skills/showcase/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "showcase", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add pandazki/pneuma-skills --skill showcase -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install pandazki/pneuma-skills showcase --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/pandazki/pneuma-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/showcase .cursor/skills/showcase && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "showcase" agent skill from https://github.com/pandazki/pneuma-skills/tree/main/.agents/skills/showcase into .cursor/skills/showcase/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "showcase", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/pandazki/pneuma-skills.git --path .agents/skills/showcase--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add pandazki/pneuma-skills --skill showcase -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install pandazki/pneuma-skills showcase --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/pandazki/pneuma-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/showcase .gemini/skills/showcase && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "showcase" agent skill from https://github.com/pandazki/pneuma-skills/tree/main/.agents/skills/showcase into .gemini/skills/showcase/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "showcase", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install pandazki/pneuma-skills showcaseInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add pandazki/pneuma-skills --skill showcase -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/pandazki/pneuma-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/showcase .github/skills/showcase && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "showcase" agent skill from https://github.com/pandazki/pneuma-skills/tree/main/.agents/skills/showcase into .github/skills/showcase/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "showcase", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add pandazki/pneuma-skills --skill showcase -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install pandazki/pneuma-skills showcase --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/pandazki/pneuma-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/showcase .opencode/skills/showcase && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "showcase" agent skill from https://github.com/pandazki/pneuma-skills/tree/main/.agents/skills/showcase into .opencode/skills/showcase/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "showcase", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
showcase- GitHub stars
- 162
- Token cost
- ~1.1k tokens
- SKILL.md length
- 506 words
- Files
- 2
- Skills in repo
- 29
- Repo updated
- First seen
- Licence
- MIT
At a glance
Generate or refresh a Pneuma mode's launcher showcase: metadata, hero image, and feature images.
- Works in 4 steps: Analyze the Mode → Write showcase.json → Generate Showcase Images → …
- The user requests showcase materials
- SKILL.md covers Input, Step 1: Analyze the Mode, Step 2: Write showcase.json and Step 3: Generate Showcase Images, plus 2 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Showcase is an agent skill from pandazki/pneuma-skills. Generate or refresh a Pneuma mode's launcher showcase: metadata, hero image, and feature images. Use when the user requests showcase materials.
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agents/openai.yaml`).
It sits in Media & Creative. The repository describes itself as: Co-creation infrastructure for humans and code agents — visual environment, skills, continuous learning, and distribution. The licence is MIT.
When your agent uses it
- The user requests showcase materials
Example prompts
- “/showcase”
Workflow steps
4 steps, taken from the step headings in SKILL.md.
What it can do on your machine
Read from SKILL.md and the folder at commit 1a96fbf. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are json).
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Showcase loads about 1.1k tokens when it runs. Until then it costs about 38 tokens; SKILL.md has 506 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from pandazki/pneuma-skills at commit 1a96fbf, republished under its MIT licence (© pandazki). 506 words, ~1,130 tokens.
Download SKILL.mdSave it as
.claude/skills/showcase/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.- name
- showcase
- description
- Generate or refresh a Pneuma mode's launcher showcase: metadata, hero image, and feature images. Use when the user requests showcase materials.
/showcase — Generate Mode Showcase Materials
Generate showcase marketing images and metadata for a Pneuma mode's launcher gallery.
Input
The user provides a mode name (e.g. remotion, draw). If not specified, ask.
Step 1: Analyze the Mode
Read the mode's manifest and skill to understand:
modes/<name>/manifest.ts— displayName, description, icon, key featuresmodes/<name>/skill/— what the mode does, its workflow, unique capabilitiesmodes/<name>/showcase/showcase.json— existing showcase data (if any)
Identify 3 key selling points — the features that would make someone want to try this mode. Think from a user's perspective: what's exciting? what's unique?
Step 2: Write showcase.json
Create modes/<name>/showcase/showcase.json:
{
"tagline": "Short punchy tagline (5-10 words)",
"hero": "hero.png",
"highlights": [
{
"title": "Feature Name",
"description": "1-2 sentence description of the feature and why it matters.",
"media": "feature-name.png",
"mediaType": "image"
}
]
}Rules:
- Tagline: short, evocative, no period at end
- 3 highlights (occasionally 4 for complex modes)
- Titles: 2-4 words, punchy, title case
- Descriptions: concrete, benefit-focused, 1-2 sentences
- Media filenames: kebab-case, descriptive
Step 3: Generate Showcase Images
Generate 4 images (1 hero + 3 highlights) using the active harness's image-generation capability. Follow its image-generation skill when available; inspect reference images first. If image generation is unavailable, complete the metadata and report which assets still need generation.
Image specs:
- Dimensions: 1376×768 pixels (16:9)
- Save to:
modes/<name>/showcase/
Visual style — "Ethereal Tech Dark Mockup":
Each image is a conceptual UI mockup on a dark canvas that communicates one key idea at a glance. Study the reference images in existing showcase directories for the exact aesthetic:
- Background: Deep dark (#09090b to #18181b), subtle radial gradient warmth
- Content: Stylized UI mockups, not real screenshots — simplified, idealized representations of the mode's interface
- Orange accent: #f97316 for interactive elements (buttons, highlights, selection states, arrows)
- Composition patterns used across modes:
- "Input → Output" with an orange arrow (Draw: text prompt → diagram)
- "Before → After" split comparison (WebCraft: AI Slop vs Impeccable)
- "Dashboard overview" with cards and stats (Evolve: proposals + metrics)
- "Canvas with toolbar" showing the workspace (Slide: canvas + thumbnails)
- "Feature callout" with zoomed-in UI detail (Doc: select mode highlighting)
- Bottom key message: Some images include a one-line italic caption at the bottom summarizing the concept
- Chat bubbles: Some images show a small chat exchange to illustrate the human-agent interaction
- Glass/depth effects: Subtle glassmorphism on panels, rounded corners, soft shadows
- Typography: Clean sans-serif, clear hierarchy, white text on dark
Show full SKILL.md (155 more words)Show less
Hero image: Overview of the mode — what does the workspace look like in action? Show the most impressive/representative state.
Highlight images: Each focuses on ONE feature. The image should be self-explanatory — someone should understand the feature just by looking at it, even without reading the title.
Step 4: Verify
After generating all images:
- Confirm all files exist in
modes/<name>/showcase/ - Verify
showcase.jsonreferences match actual filenames - Inspect the actual images for composition, readable text, dimensions, and intended visual style.
- Compress PNGs with the release size guidance before committing. Commit the showcase changes when the active task includes committing; otherwise leave the reviewable files in the working tree.
Reference
Study these existing showcase directories for inspiration:
modes/webcraft/showcase/— design commands, anti-slop comparison, responsive previewmodes/draw/showcase/— prompt→diagram, hand-drawn canvas, bidirectional selectionmodes/slide/showcase/— canvas with thumbnails, drag-reorder, export optionsmodes/evolve/showcase/— evolution dashboard, analysis, proposals
Read the images directly to understand the exact visual style before generating.
© pandazki, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 1 other file in .agents/skills/showcase of pandazki/pneuma-skills.
- SKILL.md
- agents/openai.yaml
Open the folder on GitHubat commit 1a96fbf
Compare with similar skills
Showcase next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Showcase this skillpandazki/pneuma-skills | 162 | — | ~1.1k | Automated safety check: Pass | MIT | |
| Guizang Social Cardsop7418/guizang-social-card-skill | 7.4k | 1 repos | ~7.8k | Automated safety check: Pass | AGPL-3.0 | |
| Weekly Changelog Videoheygen-com/hyperframes | 59k | — | ~3.3k | Automated safety check: Pass | Apache-2.0 | |
| Anthropic Brand Stylinganthropics/skills | 180k | 30 repos | ~559 | Automated safety check: Pass | Apache-2.0 | |
| Native Subtitle Quote Imagechengyi-ai/native-subtitle-quote-image | 2.2k | 2 repos | ~1.8k | Automated safety check: Pass | MIT | |
| MoneyPrinterTurbo Video Generatorharry0703/MoneyPrinterTurbo | 129k | — | ~2.1k | Automated safety check: Warn | MIT |
Similar skills
Weekly Changelog Video
heygen-com/hyperframes
Turns a weekly changelog markdown file into a branded HyperFrames video with voiceover, animated mock-UI scenes and captions, using fonts, background and scripts bundled in the skill.
- Official
Anthropic Brand Styling
anthropics/skills
Applies Anthropic's brand colors and fonts to artifacts such as PowerPoint slides, using fixed hex values for text and accents, Poppins headings and Lora body text.
Native Subtitle Quote Image
chengyi-ai/native-subtitle-quote-image
将本地视频或用户有权处理的在线视频，经过来源获取、文字稿定位、选题选句、精确取帧、紧凑裁切、拼图和逐张质检，制作成 3:4 或保留画面原比例的视频字幕长图。支持两种明确分开的输出：保留画面内已烧录字幕的原生字幕模式，以及把已审核的时间点与台词绘制到真实视频帧上的脚本字幕模式。用户要求原生字幕截图、字幕帧拼图、YouTube…
MoneyPrinterTurbo Video Generator
harry0703/MoneyPrinterTurbo
Installs and runs MoneyPrinterTurbo to turn a topic or script into a finished short video with voice-over, subtitles, stock footage and music.
Brag Slim Launch Video Maker
latent-spaces/brag
Builds a short, shareable launch video with music and motion from a project directory or a website URL, using only tools already on the machine.
More from pandazki/pneuma-skills
All 29 skills in this repoPneuma Bansho
pandazki/pneuma-skills
Explain something by writing it on a board. An agent skill from pandazki/pneuma-skills.
Pneuma Clipcraft
pandazki/pneuma-skills
AI-orchestrated video production on @pneuma-craft. An agent skill from pandazki/pneuma-skills.
Pneuma Lucid
pandazki/pneuma-skills
Pneuma Lucid Mode workspace guidelines. An agent skill from pandazki/pneuma-skills.
Pneuma Plotwise
pandazki/pneuma-skills
Pneuma Plotwise workspace guidelines. An agent skill from pandazki/pneuma-skills.
Pneuma Sprite
pandazki/pneuma-skills
Pneuma Sprite Mode workspace guidelines. An agent skill from pandazki/pneuma-skills.
Pneuma Webcraft
pandazki/pneuma-skills
Pneuma WebCraft Mode workspace guidelines with Impeccable.style design intelligence.
Related
Categories
Questions about Showcase
What does Showcase do?
Generate or refresh a Pneuma mode's launcher showcase: metadata, hero image, and feature images. Showcase is an agent skill from pandazki/pneuma-skills. Generate or refresh a Pneuma mode's launcher showcase: metadata, hero image, and feature images.
When should I use Showcase?
Showcase fits situations like: the user requests showcase materials.
How do I install Showcase in Claude Code?
Run `npx skills add pandazki/pneuma-skills --skill showcase -a claude-code`. Or copy the skill folder (.agents/skills/showcase in pandazki/pneuma-skills) into .claude/skills/showcase in your project. Claude Code loads it when a task matches its description.
How do I install Showcase in Codex?
Run `npx skills add pandazki/pneuma-skills --skill showcase -a codex`. Or copy the skill folder (.agents/skills/showcase in pandazki/pneuma-skills) into .agents/skills/showcase in your project. Codex loads it when a task matches its description.
Can I use Showcase in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add pandazki/pneuma-skills --skill showcase -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/showcase, .gemini/skills/showcase, .github/skills/showcase and .opencode/skills/showcase in your project.
What does Showcase need to run?
SKILL.md names no scripts, command-line tools or credentials: Showcase is instructions for the agent only.
Does Showcase access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Showcase safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Showcase use?
Showcase is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Showcase use?
About 1.1k tokens (SKILL.md is roughly 4.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Showcase?
Skills that share tags, products or a category with Showcase: Guizang Social Cards (op7418/guizang-social-card-skill, 7.4k stars), Weekly Changelog Video (heygen-com/hyperframes, 59k stars), Anthropic Brand Styling (anthropics/skills, 180k stars) and Native Subtitle Quote Image (chengyi-ai/native-subtitle-quote-image, 2.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Showcase?
pandazki (a GitHub user) maintains it in pandazki/pneuma-skills, which has 162 GitHub stars. The repository holds 29 skills in this directory. The repository was last updated on September 27, 2026.
Source: pandazki/pneuma-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.