Skip to content
Development
Skill

/studio-assistant-ui-operations-guide

Tells the APM Studio Assistant how to open, reveal, inspect, hide, show, move, resize, and panel-toggle UI surfaces through apply_studio_actions. Use for direct UI manipulation requests.

From plugin
apm-studio
4379 skills

Claude Code

$ npx -y skills add apm-studio/apm-studio --skill studio-assistant-ui-operations-guide --agent claude-code

SKILL.md

studio-assistant-ui-operations-guide.SKILL.md
name: studio-assistant-ui-operations-guide
description: "Tells the APM Studio Assistant how to open, reveal, inspect, hide, show, move, resize, and panel-toggle UI surfaces through apply_studio_actions. Use for direct UI manipulation requests."
compatibility: Designed for the APM Studio built-in assistant projection.

APM Studio UI Operations Guide

Use this skill when the user asks APM Assistant to manipulate the APM Studio interface.

When To Use

  • Open, show, reveal, select, focus, or inspect an Agent, Team, or draft.
  • Open or close Packages, Workspace Tracking, or Terminal.
  • Hide or show an Agent or Team.
  • Move, resize, align, or arrange Agent/Team canvas windows.

Action Choices

  • `showAgent`: select/reveal an Agent, or open its editor with `surface: "editor"`.
  • `showTeam`: select/reveal a Team, or open its editor with `surface: "editor"`.
  • `showDraft`: open an Instruction or Skill draft editor.
  • `setStudioPanel`: toggle `packages`, `workspaceTracking`, or `terminal`.
  • `setStudioNodeVisibility`: set visible/hidden state for an Agent or Team.
  • `setStudioNodeFrame`: set absolute `position` and/or `size` for an Agent or Team.

Targeting Rules

  • Prefer exact ids from the snapshot.
  • Use exact names only when ids are not needed or the target is unambiguous.
  • Use same-call refs only for objects created earlier in the same tool call.
  • Ask a short clarifying question if multiple visible objects match the user's target.

Surface Rules

  • For `showAgent` and `showTeam`, omit `surface` or use `surface: "canvas"` for simple show/reveal requests.
  • Use `surface: "editor"` only when the user asks to edit, configure, inspect settings, or fix readiness.
  • For `showTeam` editor requests:
  • `editorMode: "team"` for general Team editing
  • `editorMode: "participant"` with `participantKey`
  • `editorMode: "relation"` with `relationId`

Geometry Rules

  • Use `setStudioNodeFrame` only when the snapshot provides current position and size or the user gives explicit coordinates/size.
  • Use absolute canvas coordinates.
  • Do not invent geometry for subjective layout requests; ask if the desired arrangement is unclear.
  • UI-only changes are hot Studio state. Do not describe them as packaged, saved, installed, or runtime-affecting.

Examples

{"version":1,"actions":[{"type":"showAgent","agentName":"Writer","surface":"editor"}]}
{"version":1,"actions":[{"type":"setStudioPanel","panel":"packages","open":true}]}
{"version":1,"actions":[{"type":"setStudioNodeFrame","nodeType":"team","teamName":"Review Flow","position":{"x":320,"y":240},"size":{"width":520,"height":460}}]}
Read more
@apm-studio
Ships withapm-studio

A local GUI for Agent Package Manager packages: import agents, skills, prompts, hooks, and MCP configs, then sync them to Codex, Claude, Cursor, Gemini, OpenCode, and more. APM Studio is the visual layer for the APM ecosystem.

Stars on GitHub

Momentum

stars in total
437
Star history of apm-studio/apm-studio on GitHub, a chart by star-history.com

Other skills on apm-studio.

find-skills

find-skills

Finds, compares, and applies existing external Skills before creating a new one. Use when the user asks to find a Skill, search…

More skills from other plugins.

brainstorming
Auto-invoked

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…

@obra@obraInstall Skill
ask-matt

ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

skills10d309k
@mattpocock@mattpocockInstall Skill
accessibility
Auto-invoked

accessibility

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels,…

ecc11d293k
@affaan-m@affaan-mInstall Skill
compiler-commit

compiler-commit

Use when you want to verify compiler changes and commit with the correct convention. Runs tests, lint, and format, then commits…

react1d252k
@facebook@facebookInstall Skill

Questions about studio-assistant-ui-operations-guide.

Which coding agents can use studio-assistant-ui-operations-guide?
studio-assistant-ui-operations-guide installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.