muapi-keyboard-art-maker — Claude Code skill
Creates top-down keyboard-keycap images that spell a supplied message. Use it when a text-led visual needs a photographic style.
npx skills add SamurAIGPT/Generative-Media-Skills --skill muapi-keyboard-art-maker -a claude-code
npx skills add SamurAIGPT/Generative-Media-Skills --skill keyboard-art-maker -a claude-codeWhat muapi-keyboard-art-maker does
The skill takes a required display_text value and turns it into a top-down image of white keycaps on a dusty black surface. It calls muapi image generate with ideogram-v3-t2i; the available aspect ratios are 1:1 and 4:3.
The workflow contains one image-generation step, then presents the finished artwork. If MUAPI_API_KEY is not set, configure access with muapi auth configure first. Generation depends on a working MUAPI key.
What it helps with
- turn custom wording into a keycap composition
- create a text-led image for a poster
- render a message with keyboard keys
- generate a square or 4:3 keyboard visual
Example prompts for the agent
- Create a top-down keycap image spelling “WORKFLOWS ON VADOO AI”.
- Generate keyboard art with the message “SHIP IT”.
- Make the words visibly separated in a white-keycap composition.
How to install muapi-keyboard-art-maker
1Skills CLI (Vercel)
npx skills add SamurAIGPT/Generative-Media-Skills --skill muapi-keyboard-art-maker -a claude-codenpx skills add SamurAIGPT/Generative-Media-Skills --skill keyboard-art-maker -a claude-code2Manually: put the files in place
~/.claude/skills/keyboard-art-maker/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/keyboard-art-maker/
1Skills CLI (Vercel)
npx skills add SamurAIGPT/Generative-Media-Skills --skill keyboard-art-maker -a codex2Manually: put the files in place
.agents/skills/keyboard-art-maker/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add SamurAIGPT/Generative-Media-Skills --skill keyboard-art-maker -a cursor2Manually: put the files in place
.cursor/skills/keyboard-art-maker/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install SamurAIGPT/Generative-Media-Skills keyboard-art-maker2Manually: put the files in place
.github/skills/keyboard-art-maker/SKILL.md1Skills CLI (Vercel)
npx skills add SamurAIGPT/Generative-Media-Skills --skill keyboard-art-maker -a gemini-cli2Platform CLI
gemini skills install https://github.com/SamurAIGPT/Generative-Media-Skills --path library/visual/keyboard-art-makerManually: put the files in place
.devin/skills/keyboard-art-maker/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add SamurAIGPT/Generative-Media-Skills --skill keyboard-art-maker -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about muapi-keyboard-art-maker
How do I install muapi-keyboard-art-maker in Claude Code?
Run npx skills add SamurAIGPT/Generative-Media-Skills --skill muapi-keyboard-art-maker -a claude-code, then npx skills add SamurAIGPT/Generative-Media-Skills --skill keyboard-art-maker -a claude-code. The skill file is at ~/.claude/skills/keyboard-art-maker/SKILL.md.
What does muapi-keyboard-art-maker do?
It generates an artistic overhead image where white keycaps form the supplied message, then presents that image to the user.
What does the skill need before it can run?
Provide display_text and configure MUAPI_API_KEY with muapi auth configure when the environment variable is unset.
Source text
SKILL.md · MIT
---
slug: muapi-keyboard-art-maker
name: muapi-keyboard-art-maker
version: "1.0.0"
description: Generate artistic top-down photos of keyboard keycaps arranged to spell out custom text messages.
acceptLicenseTerms: true
---
# Keyboard Art Maker
**Generate artistic top-down photos of keyboard keycaps arranged to spell out custom text messages.**
## Inputs
| Name | Type | Required | Default | Description |
|:---|:---|:---|:---|:---|
| `display_text` | text | yes | — | The text you want to spell out with keycaps (e.g., "WORKFLOWS ON VADOO AI"). |
## Steps
### Phase A — Keyboard Art Generation
Submit the plan with ONE step to generate the artistic keyboard image:
1. **Keyboard Art Generation** — `muapi image generate` (model=`ideogram-v3-t2i`):
- Prompt: `The photograph captures white keycaps, arranged neatly on a dusty black surface to spell "{{display_text}}". Each keycap displays a crisp black letter, with soft, diffused lighting highlighting the subtle shadows, creating a harmonious contrast between the keycaps and their backdrop, while the top-down shot ensures the phrase is clear and in perfect focus. There should be adequate spacing between words. Cinematic quality, professional studio lighting, 8k resolution.`
- Aspect ratio: 1:1 or 4:3
After generation, present the final keyboard art image to the user.
## Trigger Keywords
`keyboard art`, `keycap text`, `spell with keys`, `keyboard message`, `custom keycap image`
---
## Notes for the Executing Agent
- This recipe is LLM-orchestrated: read each phase, gather any missing inputs from the user, then call `muapi` CLI commands. Use `muapi auth configure` first if `MUAPI_API_KEY` is unset.
- For model IDs without a CLI alias yet, fall back to the raw endpoint via `curl -X POST https://api.muapi.ai/api/v1/<endpoint> -H "x-api-key: $MUAPI_API_KEY" -H 'content-type: application/json' -d '{...}'` and poll with `muapi predict wait <request_id>`.
- Substitute `{{input_name}}` placeholders with the user's actual inputs before issuing each call.
© SamurAIGPT · MIT · SamurAIGPT/Generative-Media-Skills