skill CX Codex

pixelbin-media — Claude Code skill: generate and edit media

Q: How do I install pixelbin-media in Claude Code?

Run `npx skills add nexu-io/open-design --skill pixelbin-media -a claude-code`, then check `~/.claude/skills/pixelbin-media/SKILL.md`.

A skill for generating and editing images and videos through Pixelbin and building website pages from them. Useful when your agent needs media mid-task.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓

npx skills add nexu-io/open-design --skill pixelbin-media -a claude-code

Open on GitHub

What pixelbin-media does

The skill gives an agent access to Pixelbin's 85+ API portfolio: generating and transforming images and videos, plus handling media on a CDN. The second half is building visually appealing website pages around that media.

This is a catalogue entry in OpenDesign, so the agent discovers the skill while planning. The full upstream workflow with its original assets, scripts and references lives in the Pixelbin bundle. To run it, install that bundle into your active agent's skills directory and check the upstream README for exact paths.

After that, invoke the skill by name (pixelbin-media) or with a trigger phrase from its frontmatter: pixelbin, media generation, image transform, video transform, cdn media. Without the upstream bundle installed you only get the catalogue entry, not the workflow itself — worth knowing before you count on media generation in a project.

What it helps with

generate an image from a text prompt
edit and transform an image or video
build a website page around media assets
serve media through a CDN
pick the right Pixelbin API for a task

Example prompts for the agent

Generate a cover image for this article with pixelbin-media
Transform the video in assets/promo.mp4 and push the result to the CDN
Build a landing page using images from Pixelbin

How to install pixelbin-media

1Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill pixelbin-media -a claude-code

2Manually: put the files in place

~/.claude/skills/pixelbin-media/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/pixelbin-media/

1Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill pixelbin-media -a codex

2Manually: put the files in place

.agents/skills/pixelbin-media/SKILL.md

For all projects use ~/.agents/skills/

1Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill pixelbin-media -a cursor

2Manually: put the files in place

.cursor/skills/pixelbin-media/SKILL.md

Cursor also reads .agents/skills/ and .claude/skills/

1GitHub CLI

gh skill install nexu-io/open-design pixelbin-media

2Manually: put the files in place

.github/skills/pixelbin-media/SKILL.md

1Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill pixelbin-media -a gemini-cli

2Platform CLI

gemini skills install https://github.com/nexu-io/open-design --path skills/pixelbin-media

Manually: put the files in place

.devin/skills/pixelbin-media/SKILL.md

The legacy .windsurf/skills/ path still works

Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill pixelbin-media -a opencode

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about pixelbin-media

How do I install pixelbin-media in Claude Code?

Run npx skills add nexu-io/open-design --skill pixelbin-media -a claude-code, then check ~/.claude/skills/pixelbin-media/SKILL.md.

What does pixelbin-media do?

It lets an agent generate and edit images and videos through Pixelbin's API portfolio and build website pages from that media.

How is the catalogue entry different from the upstream bundle?

The OpenDesign entry exists so the agent finds the skill while planning. The full workflow with assets and scripts needs the Pixelbin upstream bundle installed in your agent's skills directory.

Source text

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.

Similar skills

Everything for Design →

frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. 1,025,790installs grill-me Matt Pocock grill-me interviews you about a plan or design to expose gaps and sharpen decisions. Use it before implementation starts. 1,424,476installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. CX Codex +1 678,700installs prototype Matt Pocock Creates throwaway prototypes for checking state logic or exploring UI before committing the decision to the main codebase. 986,201installs grilling Matt Pocock Stress-test a plan, decision, or idea through structured rounds of questions. Use it when you need to expose assumptions before acting. 979,543installs codebase-design Matt Pocock This skill helps design modules with small interfaces and hidden complexity. Use it when refactoring code, choosing a seam, or making tests easier to write. 850,344installs

From the same set124

The whole set →

marketing-psychology This skill applies psychology and behavioral science to copy and design. Use it to tighten hooks, refine framing, or present pricing more clearly. CX Codex +1 2,800installs slides A skill for creating and editing .pptx presentations with PptxGenJS. Ideal for sales decks, kickoff briefs, and design-system showcases. CX Codex +1 2,900installs venice-video Connects video generation and transcription workflows via the Venice.ai API to your coding agent. Useful when planning automated media tasks. CX Codex +1 2,700installs slack-gif-creator Creates animated GIFs for Slack and checks size constraints. Use it when an agent needs to prepare a reaction GIF or a short animation. CX Codex +1 2,700installs wpds Applies official WordPress Design System tokens, typography, and component patterns to themes and sites. CX Codex +1 2,700installs fal-realtime Generate images through fal.ai in real time or as a stream. Use the skill to explore moodboard directions and draft variations. CX Codex +1 2,700installs fal-train A skill that trains LoRA models on fal.ai so image generation matches a brand, a character or a style. CX Codex +1 2,700installs venice-image-generate Connects agent workflows to Venice AI image generation endpoints and styles. It helps generate visual assets directly from developer prompts. CX Codex +1 2,700installs