cc-workflow-ai-editor

SkillAI & models

Your AI can build and edit visual AI agent workflows in CC Workflow Studio through ordinary conversation. Once this is added, you describe the workflow you want and your AI creates it, or it changes and updates a workflow you already have.

Available today. Use it from your connected AI after setup.

After adding it, open CC Workflow Studio and tell your AI in plain language what you want to build or change. It will look at your current workflow, make the edits, and apply them for you.

Then ask your AI: use the cc-workflow-ai-editor skill

What your AI can do with it

  • Create new AI agent workflows by describing them in chat
  • Modify existing workflows in CC Workflow Studio
  • Review your current workflow so changes fit what is already there
  • Update individual parts of a workflow
  • Apply workflow changes so they are ready to use

What this skill tells your AI

The instructions your AI receives, as published by breaking-brake/cc-wf-studio in .roo/skills/cc-workflow-ai-editor/SKILL.md and read by ahel’s review.

  1. Call get_workflow_schema via cc-workflow-studio MCP server
  2. Call get_current_workflow via cc-workflow-studio MCP server
  3. Ask the user what to create or modify
  4. Generate workflow JSON: use built-in sub-agents (builtInType: explore/plan/general-purpose) by default. Only call list_available_agents when the user explicitly asks to use an existing custom sub-agent.
  5. Apply changes via cc-workflow-studio MCP server:
    • New workflow or structural changes (add/remove nodes/connections): use apply_workflow
    • Partial updates to existing nodes (change name, position, or data): use update_nodes (more token-efficient)
    • Fix errors if any
  6. Ask for feedback, repeat from step 4

Group Node

Group nodes are visual containers for organizing related nodes on the canvas. They do NOT affect workflow execution.

Rules

  • Group nodes have type: "group" and require data.label (display name)
  • Group nodes must have style: { width, height } to define their visual area
  • Group nodes CANNOT have connections (no edges to/from group nodes)
  • To place a node inside a group, set the child node's parentId to the group's id
  • Child node position is relative to the group's top-left corner (not the canvas origin)
  • The name field on group nodes is not validated (can be empty or omitted)

Example

{
  "nodes": [
    {
      "id": "group-1",
      "type": "group",
      "name": "",
      "position": { "x": 100, "y": 100 },
      "style": { "width": 400, "height": 300 },
      "data": { "label": "Data Processing" }
    },
    {
      "id": "node-1",
      "type": "subAgent",
      "name": "fetch-data",
      "parentId": "group-1",
      "position": { "x": 50, "y": 50 },
      "data": { "description": "Fetch data from API", "outputPorts": 1 }
    }
  ]
}

Signals

GitHub stars
5k
Forks
568
Last commit
Sep 2026
Advanced
Catalog kind
skill
Gateway key
cc-workflow-ai-editor
Source
github.com/breaking-brake/cc-wf-studio