by bOpen

Creative

3D, shaders, game and desktop interfaces, UI audio themes, and generated media

Runtime support:Claude pluginCodex pluginGrok BuildOpenCode + portable skills
Creative plugin icon
12 SKILLS / 4 AGENTS
PUBLISHER
CURATED & DISTRIBUTED BY
REPOSITORY OWNER
MANIFEST AUTHOR
REPOSITORY
b-open-io/prompts
PUBLISHED REF
master
IMMUTABLE SNAPSHOT
f4b302aadb0c99023b03e1f1b38ffed3697fbedf
[ INSTALL ]

Install Creative

Fastest path: hand this line to the coding agent doing the setup. It reads this page and wires the plugin into your harness.

PROMPTPASTE INTO YOUR AGENT

Click anywhere on the prompt to copy.

[ MANUAL SETUP ]

Choose a runtime, then follow its setup steps.

COMPLETE PLUGIN

View an example

Example installation for Creative

Example session using the verified commands above.

CLAUDE CODE
EXAMPLE SESSION~/dev/project
/plugin install creative@b-open-io
Plugin(Creative)Installed Creative for Claude Code
Claude Code is ready to use.

What the plugin includes

SKILLS
12
AGENTS
4
HOOKS
0
COMMANDS
0
APPS
0
MCP
0
[ COMPLETE SKILL LIST ]

Skills in Creative

12 TOTAL
apple-xcode-build-loop skill icon
by bOpen

apple-xcode-build-loop

Use when running or scaffolding an Apple Xcode/SPM agent build loop — Makefile targets, xcodebuild through xcbeautify, warnings-as-errors, simulator destinations, or swift test. Mac-only.

authored
cli-demo-gif skill icon
by bOpen

cli-demo-gif

This skill should be used when the user asks to "record a terminal demo", "generate a CLI demo GIF", "make a vhs recording", "create a terminal GIF for the README", or "capture a CLI walkthrough as a GIF". Generates CLI demo GIFs using vhs (Charmbracelet) for README files and documentation.

authored
design-game-ui skill icon
by bOpen

design-game-ui

Design controller- and remote-first shells with semantic actions, deterministic focus, predictable Back behavior, safe-area HUDs, and bounded specialist handoffs.

authored
html-to-pdf skill icon
by bOpen

html-to-pdf

This skill should be used when the user asks to "design a business card", "make a printable PDF", "render HTML to PDF", "generate a postcard", "build print collateral", "set up an HTML print pipeline", or needs help with bleed, safe areas, font embedding, or QR generation for print. Provides a Playwright-based pipeline with multiple bundled templates and theme variants for business cards (minimal, watercolor light, watercolor dark) and instructions for adding new templates.

authored
macos-design skill icon
by ceorkm/macos-design-skill

macos-design

Design and build native-feeling macOS application UIs. Use this skill whenever the user asks to create a desktop app, macOS app, Mac-style interface, Apple-style UI, system utility, or anything that should look and feel like a native Mac application. Also trigger when users mention "native feel", "desktop app design", "Apple design patterns", "sidebar layout", "traffic lights", or want to build tools/utilities that feel like they belong on macOS. This skill covers layout, composition, interaction patterns, animations, light/dark mode, and all the subtle details that make an app feel like Apple built it.

vendored
native-sdk-macos-release skill icon
by bOpen

native-sdk-macos-release

Use when scaffolding or shipping a Vercel Native SDK macOS app — native check/build, Developer ID sign, DMG, notary, staple.

authored
by bOpen

promo-video-pipeline

Use this when making a motion-graphics promo or showreel, a short social cut or a longer commercial cut, from the user's prompt plus optional music. Covers gpt-image-2.5-flare inspiration keyframes, an approval gate before video spend, a budget-capped headless Claude Opus 5.5 edit through the Higgsfield REST API, Suno scoring, beat alignment, -14 LUFS loudness, and H.264 exports that play cleanly in QuickTime and Discord.

authored
remotion-best-practices skill icon
by vercel-labs/json-render

remotion-best-practices

Best practices for Remotion - Video creation in React

vendored
shaders skill icon
by bOpen

shaders

This skill should be used when the user asks to "write a custom Three.js shader", "create a GLSL shader effect", "build a TSL shader", "debug a WebGL or WebGPU shader issue", or "build a post-processing pipeline". Covers shader workflow, the TSL node system, GLSL patterns, debugging, performance optimization, and post-processing with pmndrs/postprocessing.

authored
threejs-r3f skill icon
by bOpen

threejs-r3f

This skill should be used when the user asks to "build a Three.js scene", "set up React Three Fiber", "animate a mesh with useFrame", "load a GLTF or GLB model", or "add physics with react-three/rapier". Covers scene setup, Drei helpers, the asset pipeline, responsive canvas, and performance budgets for Three.js and React Three Fiber projects.

authored
ui-audio-theme skill icon
by bOpen

ui-audio-theme

Generate, audit, edit, and wire cohesive UI sound themes through ElevenLabs and ffmpeg, with an interactive local picker for auditioning candidates. Use for "generate a UI sound theme", "create button click sounds", "design notification sounds", "make game menu sounds", "audit the sounds on my site", or "review UI audio wiring". Covers cuelume web delivery.

authored
voice-clone skill icon
by bOpen

voice-clone

This skill should be used when the user asks to "clone a voice", "create a custom voice from audio samples", "replicate a celebrity voice style", or "build a voice for a fictional character". Chains the full ElevenLabs Instant Voice Cloning (IVC) pipeline — finding reference audio, preparing samples, uploading to IVC, testing the clone with text-to-speech, and tuning voice settings.

authored
← ALL PLUGINScreative@b-open-io