max-ui-agent

Design and position UI controls for MAX patches using layout engine functions.

41|1|Updated Mar 12, 2026
One-click install
npx skills add https://github.com/taylorbrook/MAX-MSP_CC_Framework --skill max-ui-agent
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: max-ui-agent
Source: https://github.com/taylorbrook/MAX-MSP_CC_Framework/tree/main/.claude/skills/max-ui-agent
Command: npx skills add https://github.com/taylorbrook/MAX-MSP_CC_Framework --skill max-ui-agent

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the difficulty of manually arranging UI controls in MAX patches, ensuring consistent visual hierarchy, spacing, and presentation mode design without extensive effort.

Core Features & Use Cases

  • Presentation Mode Layout: Sets presentation flags and positions controls with presentation_rect for user-facing interfaces.
  • Automatic Patching Mode Arrangement: Uses apply_layout and finalize_patch to auto‑position objects in development view, respecting signal flow depth.
  • Group and Panel Management: Generates panel backgrounds, comment labels, and consistent control sizing within functional groups.
  • Use Case: When creating a new synthesizer patch, the UI agent can instantly layout knobs, sliders, and displays into a clean, grouped interface ready for both presentation and editing.

Quick Start

Ask the UI agent to arrange the controls for a new synth patch with a clean, grouped layout.

Frequently Asked Questions about max-ui-agent

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I arrange UI controls in a MAX patch automatically?

To arrange UI controls in a MAX patch automatically, you can use an automated UI agent to apply layout functions. This tool uses apply_layout and finalize_patch to auto-position objects while respecting signal flow depth.

What's the best way to set up presentation mode layouts for MAX patches?

Setting up presentation mode layouts for MAX patches involves configuring presentation flags and positioning controls using presentation_rect. This ensures your user-facing interface is cleanly separated from the development view.

How does automatic patching mode arrangement work for MAX objects?

Automatic patching mode arrangement works by using layout engine functions to position objects based on signal flow depth. It auto-arranges controls in the development view to maintain a logical visual hierarchy without manual effort.

Can I generate panel backgrounds and group labels for MAX synthesizer patches?

Yes, you can generate panel backgrounds and group labels for MAX synthesizer patches. The layout process includes group and panel management to create consistent control sizing, functional grouping, and comment labels within the interface.

Do I need a specific layout engine to position UI controls for MAX patches?

Yes, positioning UI controls for MAX patches requires access to project configuration, an object database, and specific layout engine functions like apply_layout and finalize_patch to execute the automated visual hierarchy and sizing tasks.