pixelbin-media — скилл для Claude Code: генерация и правка медиа
Скилл для генерации и редактирования изображений и видео через Pixelbin и сборки страниц сайта. Пригодится, когда агенту нужны картинки или видео по ходу работы.
npx skills add nexu-io/open-design --skill pixelbin-media -a claude-codeЧто делает pixelbin-media
Скилл открывает агенту доступ к портфолио из 85+ API Pixelbin: генерация и трансформация изображений и видео, работа с медиа на CDN. Вторая часть — сборка визуально приятных страниц сайта на основе этих материалов.
Это запись в каталоге OpenDesign. Агент находит скилл при планировании, а полный рабочий процесс с исходными ассетами, скриптами и референсами живёт в апстрим-бандле Pixelbin. Чтобы запустить его целиком, бандл ставят в директорию скиллов активного агента, а точные пути смотрят в README апстрима.
Дальше скилл вызывают по имени pixelbin-media или одной из триггерных фраз: pixelbin, media generation, image transform, video transform, cdn media. Без установленного апстрим-бандла доступна только запись каталога, а не сам воркфлоу — это стоит держать в голове до того, как рассчитывать на генерацию медиа в проекте.
Какие задачи решает
- сгенерировать изображение по текстовому описанию
- отредактировать и трансформировать картинку или видео
- собрать страницу сайта с медиа-контентом
- отдать медиа через CDN
- найти подходящий API Pixelbin под задачу
Примеры запросов агенту
- Сгенерируй изображение для обложки статьи через pixelbin-media
- Трансформируй видео из
assets/promo.mp4и выложи результат на CDN - Собери страницу лендинга с картинками из Pixelbin
Как установить pixelbin-media
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill pixelbin-media -a claude-code2Вручную: положить файлы
~/.claude/skills/pixelbin-media/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/pixelbin-media/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill pixelbin-media -a codex2Вручную: положить файлы
.agents/skills/pixelbin-media/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill pixelbin-media -a cursor2Вручную: положить файлы
.cursor/skills/pixelbin-media/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install nexu-io/open-design pixelbin-media2Вручную: положить файлы
.github/skills/pixelbin-media/SKILL.md1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill pixelbin-media -a gemini-cli2Командой платформы
gemini skills install https://github.com/nexu-io/open-design --path skills/pixelbin-mediaВручную: положить файлы
.devin/skills/pixelbin-media/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill pixelbin-media -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о pixelbin-media
Как установить pixelbin-media в Claude Code?
Выполните npx skills add nexu-io/open-design --skill pixelbin-media -a claude-code, затем проверьте файл ~/.claude/skills/pixelbin-media/SKILL.md.
Что делает pixelbin-media?
Даёт агенту генерацию и редактирование изображений и видео через портфолио API Pixelbin, а также сборку страниц сайта с этими медиа.
Чем отличается запись каталога от апстрим-бандла?
Запись в OpenDesign нужна, чтобы агент нашёл скилл при планировании. Полный воркфлоу с ассетами и скриптами требует установки апстрим-бандла Pixelbin в директорию скиллов агента.
Исходный текст
SKILL.md · Apache-2.0
--- name: pixelbin-media description: | Generate and edit images and videos with an 85+ API portfolio and build visually appealing website pages via Pixelbin. triggers: - "pixelbin" - "media generation" - "image transform" - "video transform" - "cdn media" od: mode: image category: image-generation upstream: "https://github.com/pixelbin-dev/skills" --- # pixelbin-media > Curated from Pixelbin. ## What it does Generate and edit images and videos with an 85+ API portfolio and build visually appealing website pages via Pixelbin. ## Source - Upstream: https://github.com/pixelbin-dev/skills - Category: `image-generation` ## How to use This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory: ```bash # Inspect the upstream README for exact paths open https://github.com/pixelbin-dev/skills ``` Then ask the agent to invoke this skill by name (`pixelbin-media`) or with one of the trigger phrases listed in this skill's frontmatter.
© nexu-io · Apache-2.0 · nexu-io/open-design
