How to use
- 1
Copy the install prompt
Click the black button. One click, done.
- 2
Paste it to your agent
Send it in Claude Code, Codex, Cursor or similar. It installs itself.
- 3
Ask in one sentence
Say what you want, like below, and the agent follows this skill.
/vi-mockup make me: Presenting a brand on business cards, badges, bags and signageExample message showing how to invoke it, not a real output.
What you get
- Common stationery layouts and sizes
- Prompts for photoreal mockups
- A QA checklist
Good fit
- Presenting a brand on business cards, badges, bags and signage
Not for
- Print-ready production files
What you need
- An image model (defaults to GPT Image 2.5; prompts also work in Gemini, Seedream, Midjourney)
- License
- MIT
- Author
- @xianyu110
Upstream description
Use when the user wants realistic VI / stationery mockups of a brand — 名片、工牌、手提袋、信纸、信封、门头、工服 — to present or test a visual identity. Triggers: VI 样机, 名片设计, 工牌, 手提袋, stationery mockup, brand identity mockup, 办公事务用品.
Other ways to install
Prefer doing it yourself? These commands do the same as the button.
Read https://skilloop.dev/skills/vi-mockup/install.md and follow the instructions to install the skill.
npx skills add https://github.com/xianyu110/brand-ip-kit-skills/tree/main/skills/vi-mockup -g -a claude-code
npx skills add https://github.com/xianyu110/brand-ip-kit-skills/tree/main/skills/vi-mockup -g -a codex
git clone --depth 1 https://github.com/xianyu110/brand-ip-kit-skills.git /tmp/brand-ip-kit-skills mkdir -p ~/.claude/skills && cp -r /tmp/brand-ip-kit-skills/skills/vi-mockup ~/.claude/skills/vi-mockup
Original work by its authors, redistributed under its license. We only link and describe it.
Related skills
Brand OG Card
On-brand Open Graph share cards: your headline, wordmark and colors with one visual idea, cropped to an exact 1200x630.
Mascot Article Cover
Article and newsletter covers that always feature the same mascot: a written character bible keeps every cover in the series on-model.
DTC Product Hero
Art-directed studio hero shots for landing pages and ads: lighting recipe, brand-colored set and clean space for the headline.
Carousel Slide Kit
Turn a tip list or thread into a matching set of portrait carousel slides — one style lock shared by every slide.