Use this skill whenever you're building, updating, or troubleshooting a Pigment Frame — a full-page, custom-coded visualisation (JavaScript, canvas, or inline SVG) that reads Pigment data through the PigmentSDK.
Install
npx skills add gopigment/ai-plugins --skill building-pigment-framesnpx skills add gopigment/ai-plugins --skill building-pigment-frames -a claude-code -gnpx skills add gopigment/ai-plugins --skill building-pigment-frames -a codex -ggemini skills install https://github.com/gopigment/ai-plugins.git --path skills/building-pigment-framesgh skill install gopigment/ai-plugins building-pigment-framesgit clone --depth 1 https://github.com/gopigment/ai-plugins /tmp/gopigment__ai-plugins
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/gopigment__ai-plugins/skills/building-pigment-frames ~/.claude/skills/building-pigment-frames # Claude Code
cp -R /tmp/gopigment__ai-plugins/skills/building-pigment-frames ~/.agents/skills/building-pigment-frames # Codex, Cursor, Gemini CLI, Copilot, OpenCode