Install

Agent integrations

Skills

Editor skills that teach agents Pax blocks, effects, validation, and export workflows.

2 min readUpdated

Pax skills are markdown instruction files agents read to install assets correctly, respect brand tokens, honor performance tiers, and validate before export.

Skills complement MCP tools: MCP executes structured commands; skills teach judgment about when and how to use them.

Install integrations

paxfx install cursor
paxfx install claude
paxfx install codex
paxfx install opencode
paxfx install all
pnpm paxfx integrations status

See per-editor guides: Cursor, Claude Code, Codex, OpenCode.

Creative-engineering protocol

All creative work follows the production loop documented in Creative-engineering protocol. Install generated instructions into your project:

paxfx protocol install
paxfx protocol parity

Start with the orchestrator skill pax-protocol, then use medium-specific skills below.

Skill library

Thirteen skills ship in the repository under skills/:

SkillTeaches
pax-protocolFull Understand→Ship loop, direction schema, ship gates
pax-brandRepository scanning, brand profiles, context export
pax-blocksInstalling and composing registry blocks and templates
pax-lottieRecipe-driven Lottie creation, validation, repair, optimize
pax-interactivedotLottie state machines, keyboard states, reduced motion
pax-web-creativeCanvas/WebGL effects, tiers, and WebGL hero scenes
pax-worldsGraph worlds generated from repository content
pax-splatsPrepared Gaussian-splat inspection and honest boundaries
pax-previewPreview studio, inspection, comparison, refine snapshots
pax-qaDeterministic critic checks and high-confidence repair
pax-exportExport formats, capability gating, reproducibility manifests
pax-documentDocumenting generated work so it stays reproducible

Pax Blocks skill

The blocks skill covers the registry:

  • When to use blocks vs atomic components
  • Category, kind, and collection filters (hero, text, shader, acid, editorial)
  • Brand token bindings (--pax-paper, --pax-ink, --pax-acid, --pax-night, --pax-chroma, --pax-prism-1/2/3)
  • Motion personalities (pax-precise, pax-editorial, pax-pulse, pax-acid, pax-drift)
  • Reduced-motion and performance tier rules
  • An acid hero composition walkthrough (which shader stage, kinetic text, and personality to combine)
  • MCP tools: blocks_list, blocks_search, blocks_collections, blocks_inspect, blocks_add, motion_personalities
paxfx blocks list --category hero --kind block
paxfx blocks list --collection acid
paxfx blocks collections
paxfx blocks inspect block-hero-editorial-01
paxfx add blocks/block-hero-editorial-01
paxfx blocks doctor

Browse live previews in the workspace.

What agents should do

  1. Prefer registry assets over inventing motion from scratch
  2. Run doctor commands before shipping (paxfx blocks doctor, paxfx effects doctor)
  3. Validate scenes with paxfx lottie validate or MCP equivalents
  4. Respect reduced motion on every animated surface
  5. Export with manifests so output stays reproducible

MCP + skills together

LayerPurpose
SkillsTeach conventions, composition rules, and quality bar
MCPExecute init, scene ops, blocks/effects install, preview, export
CLIHuman and CI workflows with the same primitives

See MCP for the full tool reference.

Next steps

Agents overviewHow Pax fits into AI coding workflows.Blocks128 hand-built components, page blocks, and templates.MCPStructured tools for Cursor, Claude Code, Codex, OpenCode.Skills pageQuick install commands on pax.sh.

Was this page helpful?

Edit this page

Answers are not recorded or transmitted. Pax has no telemetry.